body 
{margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial,Verdana, Helvetica, serif;
color: #000000;
background-color: rgb(235,235,224);
}

#main {
	position: relative;
	top: 11px;
	width:800px;
        margin: auto;
        text-align:left;
        padding:0px 0px 0px 0px;
}

#inner {
	padding: 0px;
}

#atserhead {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:188px;
	background-color: rgb(255,255,255);
}

#nav {
	position:absolute;
	left:0px;
	top:188px;
	width:387px;
	height:387px;
	margin: 0px 0px 0px 0px;
	z-index: 1;
}

#navbox {
	font-size: 9px; 
	line-height: 16px;
	font-family: Arial;
	font-weight: 800;
	position:absolute;
	text-align: right;
	left:0px;
	top:7px;	
	/* Hides from IE5-mac \*/
	* html #navbox {height: 1%;} 
	/* End hide from IE5-mac */
	height: 387px;
	width: 124px;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}

html>body #navbox {
  	width:124px;
}

a {text-decoration: none;font-weight: 800;color: #cccc99;outline: none;}
a:hover {color: #999999;font-weight: 800;text-decoration: none;}

a.lvl3 {text-decoration: none;font-weight: 800;color:#ffffff;outline: none;}
a.lvl3 :hover {color: #cccc99;font-weight: 800;text-decoration: none;}

a.hot {color: #cc3333;font-weight: 800;outline: none;}

a.body {color: #999966;font-weight: 800;outline: none;}
a.body:hover {color: #cccc99;font-weight: 800;outline: none;}


.ahem {
	display: none;
}


#curve {
	position:absolute;
	left:0px;
	top:495px;
	width:387px;
	height:105px;
	margin: 0px 0px 0px 0px;
	z-index:1;
}

#head {
	position:absolute;
	left:387px;
	top:188px;
	width:413px;
	height:25px;
	background-color: #F5F5EB;
}

#colorbox {
	background: #F5F5EB;
	position:absolute;
	left:387px;
	top:213px;
	width:413px;
	height:387px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index:1;
}

#textbox {
/*remove scrollbar code before validating then replace.*/
scrollbar-face-color: #c3c8c5;
scrollbar-highlight-color: #C3C8C5;
scrollbar-3dlight-color: #EEEEEE;
scrollbar-darkshadow-color: #D7D7DE;
scrollbar-shadow-color: #EEEEEE;
scrollbar-arrow-color: #AEAFA8;
scrollbar-track-color: #EEEEEE;
	background: #F5F5EB;
	position:absolute;
	left:1px;
	top:0px;
	width:412px;
	height:348px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
	z-index:2;

}

#textbox .words1 {
	font-size: 11px;
	line-height: 14px;
	font-family: arial, helvetica, serif;
	font-weight: 300;
	text-align: justify;
	margin: 2px 0px 0px 2px;
	padding: 8px 36px 10px 30px;
}


#textbox .words2 {
	font-size: 11px;
	font-family: arial, helvetica, serif;
	font-weight: 300;
	line-height: 14px;
	text-align: justify;
	margin: 2px 0px 0px 2px;
	padding: 6px 20px 10px 30px	
}

#textbox .words2 img {

	margin-left:0px;
	padding:8px 0px 8px 0px;
}

img {
	border: 0;
}

#textbox .words3 {
	font-size: 11px;
	font-family: arial, helvetica, serif;
	font-weight: 300;
	line-height: 14px;
	text-align: justify;
	margin: 2px 0px 0px 2px;
	padding: 6px 20px 10px 30px	
}


#textbox .words3 img{
	padding: 0px 3px 0px 0px;
	margin: 0px 3px 0px 0px;
}



/* following is additional script used at unique pages.*/


#map{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	left: 600px;
	top: 190px;
	z-index: 3;
}


#printer {
	text-align:justify;
	position:absolute;
	left:400px;
	top:561px;
	width:100px;
	height:14px;
	white-space: nowrap;
	z-index: 4;
}

#printer a{
	font-size:7pt;
}


#movie {
	text-align:justify;
	position:absolute;
	left:295px;
	top:570px;
	width:10px;
	height:14px;
	white-space: nowrap;
	z-index: 4;
}

#movie a {
	font-size: 7pt;
}



/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/