/* layout styles */
#pagecontainer {
	background:#ffffff;
	margin:0px auto;
	padding:0;
	width:921px;
	height:100%;
	text-align:center;
	}

#header {
	background:transparent;
	display:block;
	width:920px;
	height:85px;
	margin:0;
	padding:0 0 0 120px;
	text-align:left;
	}
	
#maincontent {
	background:tranparent;
	display:block;
	width:922px;
	height:500px;
	margin:0;
	padding:0;
	border:0;
	overflow:hidden;
	}
	
	#mainmenu {
	background:tranparent;
	display:inline;
	width:120px;
	height:500px;
	margin:0px;
	padding:15px 0 0 0;
	border:0px;
	float:left;
	text-align:right;
	overflow:hidden;
	}
	#mainmenu ul {list-style-type:none; width:120px; padding:0; margin:0; overflow:hidden;}
	#mainmenu ul li {display:block; height:20px; margin:0; border:0; padding:0 10px 0 0; font-family: verdana, arial, helvetica, sans-serif; font-size:70%; font-weight:normal; background:transparent; color:#666; overflow:hidden;}
	#mainmenu ul li a {display:inline; text-decoration:none; width:auto; border:0; padding:0; color:#67A3A3; overflow:hidden;}
	html>body #mainmenu ul li a {width:auto;}
	#mainmenu ul li a:hover {color:#006666;}
	#mainmenu .selected {color:#006666;}
	
	#area1 {
	background:transparent;
	display:inline;
	width:267px;
	height:500px;
	margin:0;
	padding:0;
	border:0;
	float:left;
	text-align:left;
	overflow:hidden;
	}
	#area1 h1 {color:#fff; margin:0; padding:15px 10px 0px 12px;}
	#area1 p {font-size:70%; line-height:125%; color:#fff; padding:0 12px 20px 12px;} html>body #area1 p {line-height:135%;}
	#area1 ul {width:250px; padding:15px 0 0 0; margin:0; overflow:hidden;}
	#area1 ul li {display:block; margin:0; border:0; padding:0 0 9px 12px; font-family: verdana, arial, helvetica, sans-serif; font-size:70%; font-weight:normal; background:transparent; color:#fff;}
	#area1 ul li a {display:inline; text-decoration:none; width:auto; border:0; padding:0; color:#FFCC99;}
	html>body #area1 ul li a {width:auto;}
	#area1 ul li a:hover {color:#fff;}
	#area1 a:link, #area1 a:visted, #area1 a:active {text-decoration:none;}
	#area1 a:hover {color:#fff;}
	#area1 .subselected {color:#fff;}
	.pagebuttons {padding:8px 12px 10px 12px;}
	.pagebuttons img {padding-right:5px;}
	
	.pdflink a:link, .pdflink a:visited, .pdflink a:active {font-family:verdana,arial,helvetica,sans-serif; font-weight:normal; text-decoration:none;}
	.pdflink a:hover {color:#fff;}
	
	#area2 {
	background:transparent;
	display:inline;
	width:267px;
	height:500px;
	margin:0;
	padding:0;
	border:0;
	float:left;
	text-align:left;
	overflow:hidden;
	}
	#area2 p {font-size:70%; line-height:1.25em; color:#fff; padding:10px 10px 5px 12px;}
	#area2 ul {list-style-type:disc; margin:0;}
	
	#area2 ul li {padding:0; border:0; font-family:verdana,arial,helvetica,sans-serif; font-size:70%; line-height:125%; margin-left:2.5em; font-weight:normal; background:transparent; color:#fff;  padding:0;} html>body #area2 ul li {margin-left:-1.3em; }
	/* took the width out 29 Nov 2006 #area2 ul li {padding:0; border:0; font-family:verdana,arial,helvetica,sans-serif; font-size:70%; line-height:125%; margin-left:2.5em; font-weight:normal; background:transparent; color:#fff; width:235px; padding:0;} html>body #area2 ul li {margin-left:-1.3em; width:230px;}*/

	#area2 ul li a {display:inline; text-decoration:none; width:auto; border:0; padding:0; color:#FFCC99;}	html>body #area2 ul li a {width:auto;}
	#area2 ul li a:hover {color:#fff;}
	#area2 img.rangebottom {position:relative; top:280px;} html>body #area2 img.rangebottom {top:290px;}
	#area2 a:link, #area2 a:visted, #area2 a:active {text-decoration:none; color:#066;}
	#area2 a:hover {color:#c00;}
	
	#area3 {
	background:transparent;
	display:inline;
	width:267px;
	height:500px;
	margin:0;
	padding:0;
	border:0;
	float:left;
	text-align:left;
	overflow:hidden;
	}
	#area3 p {font-size:70%; line-height:1.25em; color:#fff; padding:10px 10px 5px 12px;}
	#area3 ul {list-style-type:disc; margin:0; width:250px;} html>body #area3 ul {width:210px;}
	
	#area3 ul li {padding:0; border:0; font-family:verdana,arial,helvetica,sans-serif; font-size:70%; line-height:125%; margin-left:2.5em; font-weight:normal; background:transparent; color:#fff; padding:0;} html>body #area3 ul li {margin-left:-1.3em;}

	/* took the width out 29 Nov 2006 #area3 ul li {padding:0; border:0; font-family:verdana,arial,helvetica,sans-serif; font-size:70%; line-height:125%; margin-left:2.5em; font-weight:normal; background:transparent; color:#fff; width:235px; padding:0;} html>body #area3 ul li {margin-left:-1.3em; width:230px;}*/
	
	#area3 ul li a {display:inline; text-decoration:none; width:auto; border:0; padding:0; color:#FFCC99;}
	html>body #area3 ul li a {width:auto;}
	#area3 ul li a:hover {color:#fff;}
	#area3 img.rangebottom {position:relative; top:280px;} html>body #area3 img.rangebottom {top:290px;}
	#area3 a:link, #area3 a:visted, #area3 a:active {text-decoration:none; color:#066;}
	#area3 a:hover {color:#c00;}
	
	#spacer {
		display:block;
		margin-bottom:15px;}html>body #spacer {margin-bottom:55px;}
		
	#spacer-forpic {
		display:block;
		margin-bottom:150px;}html>body #spacer-forpic {margin-bottom:160px;}
	
	#subtext p {font-size:70%; line-height:125%; color:#fff; padding:0 12px 20px 12px;}html>body #submenu p {line-height:135%;}
	
	#top_section {height:252px; overflow:hidden; border:0; padding:0; margin:0;}
	* html #top_section {height: 250px; h\eight: 252px;}
	#bottom_section {height:250px; vertical-align:baseline; border:0; padding:0; margin:0;}
	#bottom_section_contents {display:inline; width:267px; vertical-align:baseline; border:0; padding:0; margin:0;}
