#bod {
color: #000000;
background-color: #885500;}

/*clears bottom of element containing a float.  From : http://www.positioniseverything.net/easyclearing.html
use class=clearfix in the container*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}




div.gone IMG 
 {
display:none
}

a:hover
{
border-color: #FE3;
color: #000;
background: #aaf;
}

blockquote{
font-size: 11;
font-family: sans-serif;
color: #AeA;
}

.notehead { 
font-family: Verdana, Arial, sans-serif; 
font-size: 12px; 
color: #aaeeff; 
font-weight: bold; 
background: #664411; 
margin: 35px;
padding: 10px;
} 



.bgcontrast {

background: #003300;

margin-left: 50px;
margin-right: 50px;

padding: 20px;

}

.absent {color: #aa0000;}  /*must agree with container background below */


#container {
background-color: #aa0000;
}

#top a {text-decoration: none; color: #ffeeaa;}
#top a:hover {text-decoration: none; color: #000000;}


#top {
/*background-image: url(blanktop.jpg);*/
background-color: #aa0000;
margin-left: 10px;
margin-right: 10px;
height: 150px;

}

* html #top {
height: 150px;

}



#left a {text-decoration: none; color: #ffeeaa;}
#left a:hover {text-decoration: none; color: #000000;}


#left {
position: absolute;
left: 18px;
top: 168px;
width: 150px;

padding-left: 4px;
background: #aa0000;
font-size: 12;
font-family: sans-serif;
font-weight: bold;
color: #ffffff;

}

* html #left {
left: 20px;
top: 175px;
font-size: 12;
width: 153px;

}

#center IMG.icon { 
  float: right;
  padding: 2px;

}


#center a { text-decoration: none; color: #fc144f;}
#center a:hover { text-decoration: none; color: #000000;}
#center img {float: left;}
#center table {background: #88ccaa;}







#centeri a { text-decoration: none; color: #ff1166;}
#centeri a:hover { text-decoration: none; color: #000000;}


#center {

padding-top: 10px;
padding-left: 10px;


background: #003100;
/*color: #33ff33;*/
color: #ffbb33;
margin-left: 164px;
margin-right: 10px;
font-weight: 800;
 border: ridge yellow 3px; 
/*border-left: ridge yellow 3px;*/


}

#centeri {
background: #000000 ;
background-image: url(hillb.jpg);
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 10px;

color: #33ff33;
margin-left: 164px;
margin-right: 10px;
font-weight: 800;
 border-top: ridge yellow 3px; 
border-left: ridge yellow 3px;


}
* html #center {
/* margin-top: -20px; */



}


		#footer {
			clear: both;
			padding: 5px;
			margin-top: 0px;
			
		
		}





div.abheading {
font-size: xx-large;
font-family: sans-serif;
color: #ffff77;
margin-left: 300px;
padding-left: 40px;
}

* html div.abheading {
font-size: x-large;
font-family: sans-serif;
color: #ffff77;
margin-left: 300px;
}

div.abexheading {
font-size: x-large;
font-family: sans-serif;
color: #ffff77;
margin-left: 300px;
padding-left: 40px;
}

* html div.abexheading {
font-size: large;
font-family: sans-serif;
color: #ffff77;
margin-left: 300px;
}

div.connector {
font-size: 12;
font-family: sans-serif;
font-weight: bold;
color: #ffffff;
margin-left: 300px;
padding-left: 40px;

}

div.blokheading {
font-size: x-large;
color: #ffff77;
margin-left: 10px;
}

div.parenthetic {
font-size: medium;
color: #ffff77;
background: #22aa22;
display: inline;
white-space: nowrap;
margin-left: 3px;
margin-right: 20px;

}
/* parenthetic material has images turned off */
div.parenthetic IMG {
display:none}



div.heading {
font-size: large;
font-variant: small-caps;
color: #ff2277;
}

* html div.heading {
font-size: large;
font-variant: normal;


}


.whitepage {
background: #ffffff;
color: #000000;
padding: 5px;
font-size:large;
}

* html .whitepage {
font-size:medium;
}

.lefting {float: left;
}

.righting {float: right;
}

.rightbox {
margin-top: 2px;
background: #227766;
width: 85%;
color: #880000;
padding: 5px;
border: ridge yellow 2px;
font-size: x-small;

}
.quizbox {
margin-top: 2px;
background: #ffffff;
width: 85%;
color: #442200;
padding: 5px;
border: ridge yellow 2px;
font-size: small;

}

* html .rightbox{
width: 95%;
font-size: xx-small;
}

* html .quizbox{
font-size: x-small;
width: 95%;
}
.plain { text-decoration: none; }


.indent {margin-left: 40px;}



.cont {color: #ff2277;}



/*Spring color overrides*/


#bod {
color: #000000;
background-color: #22ffee;}


.absent {color: #22ff22;}  /*must agree with container background below */

#container {
background-color: #22ff22;
padding-top: 10px;
}
#top {
background-color: #00aaee;
}

#left {
background: #00aaee;
}

#center {
background: #00aa00;
color: #ffee00;
}

.quizbox {
background: #ffaacc;
}