html { font-size: 100%; font-family: Palatino, Arial, Georgia, sans-serif; }

h1, h2, h3, h4, h5, h6, p, li, ul, img, form, label, object, param, body { margin: 0; padding: 0;}

ul, li { list-style-type : none;}

radio {margin: 3px 0 0 0;}

p { margin: 0 0 15px 0;}

.cclear {clear: both; display: block; height: 0px; }


.container_main { 
	width: 800px;
	color : #333333;
	background-image: url(bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin:0 auto 0 auto;
	font-size: 62.5%;	/*	This takes 16px down to 10px 16 * 0.625 = 10 */
						/*	assume browser set to medium text, the defult. When sizing text in ems theres really one rule to remember: size text relative to its parent and use this simple calculation to do so: child pixels / parent pixels = child ems */ 
}

.main_body { 
	width: 770px;
	margin:0 auto 0 auto;
	text-align: left;
	background-position:top;
	background-repeat:no-repeat;
	/*padding-top:130px;*/	
}

.top_img { height: 130px; margin: 0 0 0 1px; width: 768px;}

.header_top_img { background-image:url(header_top.jpg);}

.header2_top_img { background-image:url(header2_top.jpg);}

.header3_top_img { background-image:url(header3_top.jpg);}

.header4_top_img { background-image:url(header4_top.jpg);}

.header5_top_img { background-image:url(header5_top.jpg);}

.header6_top_img { background-image:url(header6_top.jpg);}

.header7_top_img { background-image:url(header7_top.jpg);}

.nav {margin-top:-27px; }

.top_nav_corner_left {
	float:left;
	margin-left: 2px; 	
	background-image: url(topnav_bg_bottom.gif);
	width: 16px;
	height: 27px;
}

html>body .top_nav_corner_left { margin-left: 4px;}


.top_nav_corner_right {
	float:left;
	border-bottom: 1px solid #000000;
	background-image: url(nav_right_long.gif);
	display: block;
	width: 100px;
	height: 26px;
}

#top_nav { float: left; background-color:#537306; border-top: 1px solid #000000; border-bottom: 1px solid #000000; height: 25px;}

#top_nav ul {  background-image: url(nav_bg.gif); background-repeat: repeat-x; background-position: 0 100%;}

#top_nav li { float: left; display: block;}

#top_nav a {
	background-image: url(nav_spacer.gif); 
	background-repeat: no-repeat;	
	background-position: 0% 0%;
	color:#ffffff;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	padding:5px 7px 0 9px;
	height:19px;
	display:block;
	float:left;
}

#top_nav a:hover, #top_nav a.selected {
	color:#FCD86A;
	background-image:url(bg_rollover_topnav.gif);
	background-repeat:repeat-x;
}


.top_text, .top_text h1, .top_text p { text-indent: -9999px; height: 0; font-size: 0; overflow: hidden; }

.left_nav { width: 165px; padding: 0 0 0 23px; text-align: right; font-size: 1.3em; float:left; clear:both; margin-left:3px; margin-top:20px;}

.left_nav li { padding: 0 10px 15px 0; background-image: url(arrow_dark.gif); background-repeat: no-repeat; background-position: 100% 13%;}

.left_nav a { text-decoration: none; color: #2B3D00; font-weight: bold; }

.left_nav a:hover { color: #77A800 !important;}

.left_nav_active { background-image: url(arrow_light.gif) !important;}

.left_nav_active a { color: #77A800 !important;}

.main_content { float:left; width: 325px;  font-size: 1.1em; float:left; margin:20px 10px 0 20px; }

.main_content h2 { color: #2B3D00; font-size: 1.9em; font-weight: bold; margin: 0 0 10px 0;}

.main_content h3 { color: #2B3D00; font-size: 1.5em; font-weight: bold; margin: 0 0 10px 0;}

.main_content h4 { color: #2B3D00; font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0;}

.main_content a, .right_content a { color: #537306; }

.main_content a:hover { color: #537306; text-decoration: none; }

.main_content2 { width: 500px;}

.right_content { float:right; width: 205px; margin: 20px 0 0 0;}

.right_links { margin: 20px 0 20px 0;  font-weight:bold; font-size:1.1em;}

.right_links ul li { display: inline;  height: 10px; width: 1px;}

.right_links ul li a { padding: 0 4px 0 2px; color:#658518; text-decoration: none; background-image: url(right_nav_spacer.gif); background-repeat: no-repeat; background-position: right;}

.right_links ul li a:hover { text-decoration: underline;}

.right_links_last { background-image: none !important;}

.glossary_link { text-decoration: none; border-bottom: 1px dotted; cursor: help;}

.box_right_bg { background-image: url(box_right_bg.gif); background-repeat: repeat-x; background-color: #78982B; width: 169px; border-left: 1px solid #000; border-right: 1px solid #000; }

.box_right_bg p { padding: 5px 5px 0 10px; color: #fff; margin: 0;}

.box_right_bottom { background-image: url(box_right_bottom.gif); background-repeat: no-repeat; width: 171px; height: 9px; }

.contact_box_top { background-image: url(contact_box_top.gif); background-repeat: no-repeat; width: 327px; height: 8px; overflow: hidden;}

.contact_box_middle { background-color: #CBD5B4; padding: 4px 25px 0 15px; width: 287px;}

.label_1{ padding: 0 0 5px 2px; font-weight: bold; display: block;}

.repres { margin: 0 0 8px 0; display: block; font-weight: normal !important;}

.contact_box_bottom { background-image: url(contact_box_bottom.gif); background-repeat: no-repeat; width: 327px; height: 8px; margin: 0 0 10px 0;}

.input_1 { width: 270px; margin: 0 0 10px 0;}

.comments { width: 270px; height: 100px; margin: 0 0 10px 0;}

.submit { margin: 0 0 15px 0; float: right; display: block}

.contact_label { display: none;}

.bottom_text { clear: both; font-size: 0.8em;}

.contact_textarea { width: 270px; height: 70px; margin: 10px 0 10px 0;}

.contact_select { vertical-align: top;}

.font_bold { font-weight: bold;}

.unordered_list { margin: 0 0 0 32px; padding: 0;}

.unordered_list li {margin: 0; padding: 0 0 8px 0; list-style-type: disc;}

ol { margin: 0 0 0 39px; padding: 0;}

ol li {margin: 0; padding: 0 0 8px 0; list-style-type: decimal;}

.footer {
	height:19px;
	background-image:url(bg_footer_links.gif);
	margin:20px auto 0 auto;
	padding: 6px 0 0 5px;
	width:763px;
}

.footer a {
	color:#7A7A7A;
	text-decoration:none;
	margin:5px;
}

.footer a:hover { text-decoration:underline;}

.footer_bottom { background-image: url(footer_bottom.gif); background-position: top; background-repeat: no-repeat;  width:800px; height: 24px; margin: 0 auto 0 auto;}

.audit_back_top { float: right; font-size: 1.0em; margin:0 0 10px 0;}

.audit_back_top a {background-image: url(arrow_to_top.gif); background-repeat: no-repeat; background-position:0px 5px;  text-decoration: none; color:#77A800 ; font-weight: bold; padding: 0 0 0 15px;}

.audit_back_top a:hover { text-decoration:underline; color:#77A800; }