/* CSS Document */

* {
padding: 0px;
margin: 0px;
font-family: "Lucida Grande", "Lucida Sans", sans-serif;
}

a {color: #036;}

body {
background: #fff;
}

#top { height: 32px; clear: both; margin-bottom: 6px; }
	#title { color: #000; width: 826px; margin: 0 auto; text-align:center; font-size: 32px; font-variant:small-caps; background:url('images/titlebg2.jpg') bottom left; }
	#titletext { width: 801px; margin-left: 13px; height: 38px; background:#000; filter:alpha(opacity=70); opacity: .7; -moz-opacity: .7; }
		#titletext p { color: #fff; text-decoration:underline; }
	
#up { height: 200px; clear: both; background: url('images/bg.jpg') top left repeat-x; }
	#banner{ width: 826px; height: 200px; background: url('images/bg.jpg') top left; margin: 0 auto; }
		#menu{ width: 830px; height: 40px; position: relative; display:inline;}
			#menu ul { position:relative; width:830px; list-style: none; margin:0em; display:inline; }		
			#menu ul li { float: left; width:160px; padding: 10px 0px 10px 0px; background: #000; text-align: center; filter:alpha(opacity=70); opacity: .7; -moz-opacity: .7; display:inline;}
			#menu ul li a { color: #fff; text-decoration: none; font-size:12px; padding: 1em 4em 1em 4em; display: inline;}
			#menu ul li:hover, #menu ul li.active {	background: #333; }
			#menu ul li a:hover, #menu ul li a.active{ text-decoration:underline; }

#main { background: #fff; clear: both; font-size: 14px; position: relative; margin: 0 auto; width: 826px; overflow: hidden; }
	#left { width: 13px; background:url('images/topL.gif') repeat-y right; position:relative; float: left; padding-bottom: 60em; margin-bottom: -60em; }
	#primary { position: relative; }
		.left {	float: left; width: 500px; clear: none; margin-bottom: 10px; }
		.right { float: left; width: 250px; clear: none; margin-bottom: 10px; }
		.menu2 { width: 780px; margin-bottom:10px; height: 20px; border-bottom: 1px dotted #666; }
			.menu2 ul { position: relative; width: 780px; list-style: none; }
			.menu2 ul li { float: left; width: 195px; text-align: center; }
			.menu2 ul li a { font-size: 14px; text-decoration: none; color: #036; }
			.menu2 ul li a:hover, .menu2 ul li a.active { text-decoration: underline; font-weight: bold; }
		.divider3 { height:1px; border-bottom:1px dotted #960; width: 450px; margin-left: 150px; margin-bottom: 15px; }
		.divider { height:1px; border-bottom:1px dotted #ccc; width: 403px; margin-left:40px; margin-bottom: 12px; }
		.box { color: #000; width: 250px; overflow:hidden; margin-top: 8px; margin-left: 15px; background: url('images/box.gif') no-repeat; }
			.box div { padding-left: 10px; padding-right: 10px; padding-top: 10px;}
			.box a, .box p { font-size: 12px; }
			.box p { color: #666; }
			.box a { color: #069; }
		#content { width: 800px; padding-left: 25px; padding-right: 25px; padding-top: 15px; }
		#footer { position: relative; left: 8px; clear: left; width: 760px; height: 40px; background: #000; border-top:1px solid #999; border-bottom:1px solid #999; margin-bottom: 15px; margin-top: 35px; }
			#footer .left { width: 380px; height: 40px; background:url('images/footerL.jpg') no-repeat bottom left; margin-bottom:auto; }
			#footer .right { width: 380px; height: 40px; background:url('images/footerR.jpg') no-repeat top right; margin-bottom:auto; }
			#footer p { vertical-align: middle; margin-left: 25px; margin-right: 15px; }
	#right { position: relative; width: 13px; background: url('images/topR.gif') repeat-y left; float: right; top: -1000px; padding-bottom: 100em; margin-bottom: -100em; }
		
#bottom { background: #fff; clear: both; width: 826px; margin: 0 auto; }