/* --- normalize all --- */

body, div, ul, ol, li, h1, h2, form, p, blockquote, th, td {
margin: 0; 
padding: 0;
font-size: 100%;
}
h1 {
font-size: 100%;
}
h2 {
font-size: 90%;
}
address, caption, cite, em, strong {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ------------ BODY --------------- */

body {
background: #fffefb;
font-family:  verdana, arial, helvetica, sans-serif;
font-size: .9em;
text-align: left;
color: #000000;
margin-top: 0px;
margin-left: 0px;
}

/* ------------ STRUCTURAL TYPOGRAPHY --------------- */

p {
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 1em;
line-height: 1.2em;
margin-bottom: 1em;
color: #000000;
}
h1 {
font-size: 1.3em;
color: #000000;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}
h2 {
font-size: 1.1em;
color: #000000;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
}
h3 {
font-size: 1.0em;
color: #000000;
font-weight: bold;
margin-top: 15px;
margin-bottom: 0px;
}
ul {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  display: block;
  position: relative;
  float: left;
}
li ul { display: none; }
ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 10px 10px 10px 10px;
  background: #ffffff;
  margin-left: 0px;
  white-space: nowrap;
}
ul li a:hover { background: #ffffff; }
li:hover ul {
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 1em;
}
li:hover a { background: #ffffff; }
li:hover li a:hover { background: #ffffff; }

/* ------------ STYLISTIC TYPOGRAPHY --------------- */

.wrapleft {
float: left;
padding: 0px 0px 0px 0px;
}
.noled {
margin-bottom: 0px;
}
.notop {
margin-top: 0px;
}
.disclaimer {
font-family:  verdana, arial, helvetica, sans-serif;
font-size: .8em;
line-height: 1.1em;
margin-bottom: 1em;
color: #000000;
}
.exercise {
font-size: 1.1em;
color: #3366FF;
font-weight: bold;
margin-top: 15px;
margin-bottom: 0px;
}

/* ------------ LINKS --------------- */

a:link {
color: #000099;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #000099;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #6699FF;
font-weight: bold;
text-decoration: underline;
}
a:active {
color: #000099;
font-weight: bold;
text-decoration: underline;
}
a.box:link {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
border: 0px;
}
a.box:visited {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
border: 0px;
}
a.box:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
border: 0px;
}
a.box:active {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
border: 0px;
}
a.button:link {
color: #000099;
background-color: #CCCCCC;
font-weight: bold;
font-size: 1.0em;
text-decoration: none;
border-style: solid;
border-width : 1px 4px 4px 1px;
text-decoration : none;
padding : 5px;
border-color : #333333 #666666 #666666 #333333;
}
a.button:visited {
color: #000099;
background-color: #CCCCCC;
font-weight: bold;
font-size: 1.0em;
text-decoration: none;
border-style: solid;
border-width : 1px 4px 4px 1px;
text-decoration : none;
padding : 5px;
border-color : #333333 #666666 #666666 #333333;
}
a.button:hover {
color: #6699FF;
background-color: #CCCCCC;
font-weight: bold;
font-size: 1.0em;
text-decoration: none;
}
a.button:active {
color: #000099;
background-color: #CCCCCC;
font-weight: bold;
font-size: 1.0em;
text-decoration: none;
}

/* ------------ POSITIONING --------------- */

img.right {
float: right;
margin-left: 5px;
}
img.left {
float: left;
margin-right: 5px;
}
#hed {
margin-left: auto;
margin-right: auto;
width: 750px;
}
#menu {
font-family: verdana, arial, helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
width: 750px;
}
#media {
font-family: verdana, arial, helvetica, sans-serif;
font-size: .8em;
float: right;
}
#copyright {
font-family: verdana, arial, helvetica, sans-serif;
font-size: .8em;
float: right;
z-index: 4;
}
#content {
margin-left: auto;
margin-right: auto;
width: 750px;
padding-top: 50px;
}
#landingcontent {
margin-left: auto;
margin-right: auto;
width: 750px;
padding-top: 20px;
}