/*//////////////////////////// page setup /////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

html 
{
	margin: 0; /* to get rid of opera/mozilla defaults */ 
	padding: 0; /* to get rid of opera/mozilla defaults */
	height: 100%;
} 

body
{
	background: url(images/paper_bg.jpg) repeat-y center top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	text-align: center;
	height: 100%;
}

/*//////////////////////////// divs ///////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

#container
{
	margin: 0px auto; /* auto is very important */
	padding: 0px;
	width: 649px;
	text-align: left;
	border-style: solid; 
	border-width: 2px; 
	border-color: #460D09; 
	border-top: 0;
	border-bottom: 0;
	height:auto;
	min-height:100%;
}

#pagehead
{
	background:  url(images/head.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 649px;
	height: 68px;
}
/*////////////////////////////////////////////////////////////////////////////////*/
#homeimg
{
	background:  url(images/simg_history.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#civilwar
{
	background:  url(images/simg_civilwar.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#usww2
{
	background:  url(images/simg_us_ww2.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#genus
{
	background:  url(images/simg_gen_us.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#econ
{
	background:  url(images/simg_econ.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#geo
{
	background:  url(images/simg_geo.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#ancient
{
	background:  url(images/simg_ancient.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#ed
{
	background:  url(images/simg_ed.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}


#ww1
{
	background:  url(images/simg_ww1.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#ww2
{
	background:  url(images/simg_ww2.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#genworld
{
	background:  url(images/simg_gen_world.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#genhistory
{
	background:  url(images/simg_gen_history.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#socialstudies
{
	background:  url(images/simg_socialstudies.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#government
{
	background:  url(images/simg_government.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#progressive
{
	background:  url(images/simg_progressive.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#europe
{
	background:  url(images/simg_europe.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#colonial
{
	background:  url(images/simg_colonial.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#expansion
{
	background:  url(images/simg_expansion.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#industrial
{
	background:  url(images/simg_industrial.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#nonwest
{
	background:  url(images/simg_non_west.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#korean_war
{
	background:  url(images/simg_us_korea.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#women
{
	background:  url(images/simg_women.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

#cartoons
{
	background:  url(images/simg_ss_cartoons.jpg) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 406px;
	height: 152px;
	text-align: left;
}

/*////////////////////////////////////////////////////////////////////////////////*/
#logo
{
	background:  url(images/head_logo.gif) no-repeat 0 0;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	width: 243px;
	height: 78px;
	text-align: left;
}

/*////////////////////////////////////////////////////////////////////////////////*/

#nav
{	
	background: #460D09;
	margin: 0px 15px 25px 15px;
	width: 213px;
}

/*ie box model hack
* html div#nav
{
background: #460D09;
margin: 0px 15px 25px 15px;
width: 243px;
w\idth: 243px;
}*/

/*////////////////////////////////////////////////////////////////////////////////*/

#webnav
{	
	background: #460D09;
	margin: 2px 15px 0px 15px;
	width: 213px;
}

/*ie box model hack
* html #webnav
{	
	background: #460D09;
	margin: 2px 15px 0px 15px;
	width: 243px;
}*/	

/*////////////////////////////////////////////////////////////////////////////////*/

#content
{
	background: #ffffff;
	margin: 0px 15px 20px 15px;
	width: 376px;
}

/*ie box model hack*/
* html div#content
{
background: #ffffff;
	margin: 10px 15px 20px 15px;
	width: 376px;
	height:750px;
}

/*//////////////////////////// fonts //////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

#content h1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-weight: bold;
	color: #460D09;
	margin: 10px, 0px, 0px, 0px;
}

#content h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	font-weight: bold;
	color: #333333;
}

* html #content h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-small;
	font-weight: bold;
	color: #333333;
}

#content h3
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bold;
	color: #666666;
}

.bobytext 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #333333;
}

.bobytext a:link
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	text-decoration: none;
	color: #CC6600;
}

.bobytext a:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	text-decoration: none;
	color: #663333;
}

.bobytext a:visited
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
}

.bobytext a:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	text-decoration: underline;
	color: #FF0000;
}

* html .bobytext 
{
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #333333;
}

* html .bobytext a:link
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	text-decoration: none;
	color: #CC6600;
}

* html .bobytext a:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	text-decoration: none;
	color: #460D09;
}

* html .bobytext a:visited
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
}

* html .bobytext a:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	text-decoration: underline;
	color: #FF0000;
}

.hidden
{
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}



/*////////////////////////////////////////////////////////////////////////////////*/

#nav ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#nav li
{

border-bottom: 1px dotted #666;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: #333333;
}

* html div#nav li
{
border-bottom: 1px dotted #666;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: normal;
color: #333333;
}

#nav li a:link
{
text-decoration: none;
color: #FBEDD4;
}

#nav li a:active
{

text-decoration: none;
color: #FBEDD4;
}

#nav li a:visited
{
text-decoration: none;
color: #FBEDD4;
}

#nav li a:hover
{
background-color: #FBEDD4;
color: #460D09;
text-decoration: none;
}



/*////////////////////////////////////////////////////////////////////////////////*/

#webnav ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#webnav li
{

border-bottom: 1px dotted #666;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: #333333;
}

* html div#webnav li
{
border-bottom: 1px dotted #666;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: normal;
color: #333333;
}

#webnav li a:link
{
text-decoration: none;
color: #FBEDD4;
}

#webnav li a:active
{

text-decoration: none;
color: #FBEDD4;
}

#webnav li a:visited
{
text-decoration: none;
color: #FBEDD4;
}

#webnav li a:hover
{
background-color: #FBEDD4;
color: #460D09;
text-decoration: none;
}

#webnav li h4
{
	color: #FBEDD4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 12px, 0px, 4px, 0px;
	height: 5px;
}

* html div#webnav li h4
{
	color: #FBEDD4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: xx-small;
	font-weight: bold;
	margin: 12px, 0px, 4px, 0px;
	height: 5px;
}

/*////////////////////////////////////////////////////////////////////////////////*/

.tdcolor
{
background-color: 460D09;
}