/* CSS Document */

body {
margin: 0;
padding: 0;
text-align: center;
background-image: url(../images/Background.jpg);
background-color: #FFFFFF;font: 14px/1.2 arial, helvetica, sans-serif;color: #000000;
}
.floater{	float: right;}
.floater_left { 
float: left; 
margin-left: 8px;
margin-right: 8px;
}

h1{
font: bold 16px/1.2 arial, helvetica, sans-serif;
color: #010899;
}

h2{
font: bold 14px/1.2 arial, helvetica, sans-serif;
color: #010899;
}

h3{
font: bold 14px/1.2 arial, helvetica, sans-serif;
color: #cccc99;
}

h4{
font: bold 12px/1.2 arial, helvetica, sans-serif;
color: #cccc99;
}

h5{
font: bold 14px/1.2 arial, helvetica, sans-serif;
color: #993333;
}

p{
font: 14px/1.2 arial, helvetica, sans-serif;
color: #000000;
}th, td{    border: 1px solid black;    text-align: center;    padding-left: 5px;    padding-right: 5px}
.white{
font: 12px/1.2 arial, helvetica, sans-serif;
color: #ffffff;
}

.bold{
font: bold 14px/1.2 arial, helvetica, sans-serif;
color: #010899;
}address{	color: #000000;	font: 14px/1.2 arial, helvetica, sans-serif;}

.italic{
font: italic 14px/1.2 arial, helvetica, sans-serif;
color: #000000;
}.selected{background-color: #68C0F8;}
a {    font-size: 16px;}
a:link{
font: 14px/1.2 arial, helvetica, sans-serif;
color: #0000FF;
}
a:hover{

}
a:visited{
font: 14px/1.2 arial, helvetica, sans-serif;
color: #800080;
}

#container {
position: relative; 
margin: 0 auto;
width: 800px;
height:auto;
}

#graphic  {
position: absolute;
top: 10px;
left: 25px;
width: 735px;
height: 114px;
}

#homesplash{
position: absolute;
top: 100px;
left: 210px;
width: 590px;
height: 150px;
background-color: #666633;
}

#mainspace{
position: absolute;
top: 160px;
left: 150px;
width: 590px;
}

#pics{
position: absolute;
top: 0px;
left: 10px;
width: 140px;
height: 100%;
text-align: left;
}
#content{
position: absolute;color: #1887D6;
top: 0px;
left: 150px;
width: 420px;
height: 100%;
text-align: left;
}

#contentnopix{
position: absolute;
top: 0px;
left: 150px;
width: 550px;
height: 100%;
text-align: left;
}


li {
padding: 4px;
}.no_indent {margin: 0;
padding: 0;
list-style-type: none;}

#menu {
position: absolute; 
top: 160px;
left: 0px;
width: 220px;background: #5088F8;
}#menu dt {
cursor: pointer;
margin: 0;
height: 20px;
text-align: left;
border: 1px solid white;
background: #5088F8;
}

#menu li {
text-align: left;
background: #5088F8;
font: 11px/16px verdana, sans-serif;
}

#menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;font-size: 16px;
}
#menu li a{
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
padding: 2px 5px 2px 5px;
font-size: 13px;
}#answer{    display: none;    color: #010899;    font-size: 16px;    font-weight: bold;}#correct{    display: none;    color: #1d5bc5;    font-size: 16px;    font-weight: bold;}#incorrect{    display: none;    color: #ff0000;    font-size: 16px;    font-weight: bold;}#mask{    display: none;    color: #ff0000;    font-size: 16px;    font-weight: bold;}#choices{    display: none;}#target{    display: none;}#choices td{    border: 2px solid black;    text-align: center;}#choices table button{    margin: 20px;}#explanation{    display: none}

#menu li a:hover, #menu dt a:hover {
background: #CACACA;
}