/*======================= CSS STYLE RESET ======================== */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* =================================================================================================== */
/* SITE CSS */
/* =================================================================================================== */
body{
	background:#D0C2B2;
	color:#444;
	font-family: Arial,"Trebuchet MS",Verdana,sans serif;
	font-size:12px;
	text-align:center;
	height: 100%;
	margin: 0;
	z-index:1;
	}
	
	/* =================================================================================================== */
	/* GENERAL STYLING */ 
	/* =================================================================================================== */
	a:link,	a:visited{color: #888; text-decoration:underline;}
	a:hover, a:active{color: #3399FF; text-decoration:underline;}
	h1{color:#006600; display:block; width:100%; border-bottom:1px solid #CCC; font-size:24px; padding:10px 0 5px 0; margin-bottom:15px;}
	h2{color:#006600; font-size:20px; padding:10px 0;}
	h3{padding: 5px 0;}
	h4{color:#AAA; font-weight:normal;}
	#lakeTable h3,
	#lakeQM h3,
	.lake #right h3{display:block; width:100%; border-bottom:1px solid #CCC; font-size:22px; padding:30px 0 5px 0; margin-bottom:15px;}
	
	a img{border:0;}
	a{outline:0;}
	p{margin:15px 0; line-height:17px;}
	hr{border:1px solid #D8D8D8;}
	#home ul{list-style:disc; list-style-position:outside; position:relative; left:15px;}
	#slider ul{margin-left: 30px;list-style:disc; list-style-type:outside; position: relative; left:0px;}
	#home li{line-height:14px; padding-bottom:10px;}
	ul{list-style:disc; list-style-type:outside; position: relative; left:30px;}
	ol{list-style:decimal; list-style-type:outside; position:relative; padding-left:40px;}
	li{line-height:20px;}
	#pagebody li{margin:10px 0;}
	.list li{line-height:20px; list-style-type:none; margin-left:-27px;}
	.list strong{font-size:15px;}
	
	.floatright{position:relative; float:right; margin:0 0 15px 15px;}
	.floatleft{position:relative; float:left; margin:15px 15px 0 0;}
	.imgborder{border:4px solid #D8D8D8;}
	.odd{background: #EEE;}
	.even{background: #FFF;}
	#return{position:relative; float:right; margin:15px 0;}
	.indent{position:relative; margin-left:30px;}
	
	/* =================================================================================================== */
	/* FORM STYLING */ 
	/* =================================================================================================== */
	#frmContact{position:relative; left:-15px; width: 348px;}
	#frmRequest{position:relative; left:-15px; width: 390px;}
	table{position:relative; left:40px; margin-bottom:15px;}
	td{padding:0 4px;}
	label{font-weight:bold; text-align:right;}
	input{padding:3px; margin:5px 0; width:170px;}
	textarea{width:99%;}
	select{margin:5px 0;}
	.input{background:#F8F8F8; border:1px solid #CCC;}
	.inputborder{background:#DFDFDF; border:1px solid #BBB;}
	.submitbutton{width:80px; border:1px solid #CCC; background:#F8F8F8; padding:3px 2px; /*margin-left:264px;*/ float:right; cursor:pointer; outline:0;}
	.submitbutton:hover{background:#DFDFDF;}
	#signature{
		position:relative;
		top: 5px;
		left: 30px;
		}
	
	/* =================================================================================================== */
	/* LAYOUT STYLING */ 
	/* =================================================================================================== */
	#top_bar{
		position:relative;
		margin: 0 auto;
		background: url(../../images/top_bg.jpg) repeat-x;
		height: 165px;
		width: 100%;
		text-align: center;
		}
		#top_bar img{position:relative; top:1px; left:-2px;}
	#outer_wrapper{
		position: relative;
		width: 810px;
		height: 100%;
		margin: 0 auto;
		text-align: center;
		background: url(../../images/content_shadow.jpg) center repeat-y;
		z-index: 1;
		}
		#wrapper{
			position: relative;
			background: #FFF;
			left: 1px;
			width: 740px;
			height: 100%;
			margin: 0 auto;
			padding: 20px;
			text-align: center;
			z-index: 1;
			}
			#wrapper_top{
				position: absolute;
				top: -165px;
				left: -15px;
				}
			#menu{
				position: relative;
				top: -87px;
				left: 85px;
				display: block;
				height: 62px;
				width: 642px;
				list-style: none;
				padding: 0;
				margin: 0 auto;
				margin-bottom: -65px;
				float: left;
				z-index: 5;
				}
				#menu li{
					position: relative;
					float: left;
					display: block;
					}
					#menu a{position:relative; display:block; height:62px;}
					
					#menu .home a{width: 100px;background: url(../../images/menu/home.jpg) no-repeat 0px -124px;}
					#menu .home a:hover{background-position: 0px -62px;}
					#menu .home a:active{background-position: 0px 0px;}
						  #home .home a{background-position: 0px 0px;}
					
					/* DEPRECATED	  
					#menu .reports a{width: 128px; background: url(../../images/menu/reports.jpg) no-repeat 0px -124px;}
					#menu .reports a:hover{background-position: 0px -62px;}
					#menu .reports a:active{background-position: 0px 0px;}
						  #reports .reports a,
						  #county-wide-reports .reports a,
						  #lake-reports .reports a,
						  #stream-reports .reports a{background-position: 0px 0px;}
					*/
					
					#menu .lakes a{width: 124px; background: url(../../images/menu/lakes.jpg) no-repeat 0px -124px;}
					#menu .lakes a:hover{background-position: 0px -62px;}
					#menu .lakes a:active{background-position: 0px 0px;}
						  #search_by .lakes a,
						  #search_by_location .lakes a,
						  #lakeList .lakes a,
						  #Allen .lakes a,
						  #b4pond .lakes a,
						  #backwaters .lakes a,
						  #banning .lakes a,
						  #barrelhalf .lakes a,
						  #bass .lakes a,
						  #beaverdam .lakes a,
						  #beigh .lakes a,
						  #BigBarbee .lakes a,
						  #bigchapman .lakes a,
						  #blacklake .lakes a,
						  #blackpond .lakes a,
						  #bonar .lakes a,
						  #caldwell .lakes a,
						  #carr .lakes a,
						  #center .lakes a,
						  #crystal .lakes a,
						  #dewart .lakes a,
						  #diamond .lakes a,
						  #durham .lakes a,
						  #fish .lakes a,
						  #goldeneye .lakes a,
						  #gooselake .lakes a,
						  #goosepond .lakes a,
						  #greider .lakes a,
						  #grindle .lakes a,
						  #hammond .lakes a,
						  #heckman .lakes a,
						  #heronlake .lakes a,
						  #heronpond .lakes a,
						  #hidden .lakes a,
						  #hill .lakes a,
						  #hoffman .lakes a,
						  #irish .lakes a,
						  #james .lakes a,
						  #jamison .lakes a,
						  #john .lakes a,
						  #kiser .lakes a,
						  #kuhn .lakes a,
						  #laspew .lakes a,
						  #littlebarbee .lakes a,
						  #littlecarr .lakes a,
						  #littlechapman .lakes a,
						  #littlepike .lakes a,
						  #long .lakes a,
						  #loonlake .lakes a,
						  #loonpond .lakes a,
						  #mallardpond .lakes a,
						  #mcclures .lakes a,
						  #mcpherson .lakes a,
						  #moorehead .lakes a,
						  #muskelonge .lakes a,
						  #northlittle .lakes a,
						  #oswego .lakes a,
						  #palestine .lakes a,
						  #papakeechie .lakes a,
						  #pierceton .lakes a,
						  #pike .lakes a,
						  #pisgah .lakes a,
						  #price .lakes a,
						  #railpond .lakes a,
						  #reed .lakes a,
						  #ridinger .lakes a,
						  #robinson .lakes a,
						  #rock .lakes a,
						  #rothenberger .lakes a,
						  #sawmill .lakes a,
						  #schulz .lakes a,
						  #sechrist .lakes a,
						  #sellers .lakes a,
						  #sharon .lakes a,
						  #sheely .lakes a,
						  #sherburn .lakes a,
						  #shock .lakes a,
						  #shoe .lakes a,
						  #sickle .lakes a,
						  #silver .lakes a,
						  #snoke .lakes a,
						  #southlittle .lakes a,
						  #spear .lakes a,
						  #stafford .lakes a,
						  #stanton .lakes a,
						  #stevens .lakes a,
						  #syracuse .lakes a,
						  #tennant .lakes a,
						  #tibbits .lakes a,
						  #tippecanoe .lakes a,
						  #waubee .lakes a,
						  #wawasee .lakes a,
						  #webster .lakes a,
						  #winona .lakes a,
						  #wylandNE .lakes a,
						  #wylandSW .lakes a,
						  #yellowcreek .lakes a{background-position: 0px 0px;}
						  
						  #reports .lakes a,
						  #county-wide-reports .lakes a,
						  #lake-reports .lakes a,
						  #stream-reports .lakes a{background-position: 0px 0px;}
					
										
					#menu .middle {display:block; width:182px; height:62px;} 
					
					#menu .streams a{width: 120px; background: url(../../images/menu/streams.jpg) no-repeat 0px -124px;}
					#menu .streams a:hover{background-position: 0px -62px;}
					#menu .streams a:active{background-position: 0px 0px;}
						  
					#menu .education a{width: 116px; background: url(../../images/menu/education.jpg) no-repeat 0px -124px;}
					#menu .education a:hover{background-position: 0px -62px;}
					#menu .education a:active{background-position: 0px 0px;}
						  #education .education a{background-position: 0px 0px;}
			#home #menu{margin-left: 15px; left:70px;}
			
			/* HORIZONTAL STYLE */
			#edu_menu{
				position: relative;
				top: /*42*/0px;
				left: /*0*/-40px;
				height: /*55px*/40px;
				width: 780px;
				list-style: none;
				padding: 0;
				margin-bottom: 40px;
				/*
				margin: 0 auto;
				margin-top: 12px;
				margin-left: -40px;
				*/
				float: left;
				z-index: 5;
				}
			#edu_menu li{
					position: relative;
					float: left;
					display: block;
					}
					#edu_menu a{position:relative; display:block; height:40px/*55px*/;}
					
					#edu_menu .intro a{width: /*170px*/173px;background: url(../../images/edu_menu/intro2.jpg) no-repeat 0px /*-55px*/0px;}
					#edu_menu .intro a:hover{background-position: 0px -40px;}
					#edu_menu .intro a:active{background-position: 0px -40px;}
						  #home .intro a{background-position: 0px 0px;}
					
					#edu_menu .lake_ecology a{width: /*122px*/121px;background: url(../../images/edu_menu/lake_ecology2.jpg) no-repeat 0px /*-55px*/0px;}
					#edu_menu .lake_ecology a:hover{background-position: 0px -40px;}
					#edu_menu .lake_ecology a:active{background-position: 0px -40px;}
						  #home .lake_ecology a{background-position: 0px 0px;}
					
					#edu_menu .stream_ecology a{width: /*140px*/139px;background: url(../../images/edu_menu/stream_ecology2.jpg) no-repeat 0px /*-55px*/0px;}
					#edu_menu .stream_ecology a:hover{background-position: 0px -40px;}
					#edu_menu .stream_ecology a:active{background-position: 0px -40px;}
						  #home .stream_ecology a{background-position: 0px 0px;}
					
					#edu_menu .lakesnet a{width: /*120px*/119px;background: url(../../images/edu_menu/lakesnet2.jpg) no-repeat 0px /*-55px*/0px;}
					#edu_menu .lakesnet a:hover{background-position: 0px -40px;}
					#edu_menu .lakesnet a:active{background-position: 0px -40px;}
						  #home .lakesnet a{background-position: 0px 0px;}
					
					#edu_menu .faq a{width: /*108px*/107px;background: url(../../images/edu_menu/faq2.jpg) no-repeat 0px /*-55px*/0px;}
					#edu_menu .faq a:hover{background-position: 0px -40px;}
					#edu_menu .faq a:active{background-position: 0px -40px;}
						  #home .faq a{background-position: 0px 0px;}
					
					#edu_menu .resources a{width: /*113px*/121px;background: url(../../images/edu_menu/resources2.jpg) no-repeat 0px /*-55px*/0px;}
					#edu_menu .resources a:hover{background-position: 0px -40px;}
					#edu_menu .resources a:active{background-position: 0px -40px;}
						  #home .resources a{background-position: 0px 0px;}
			
			/* VERTICAL STYLE 
			edu_menu{
				position: relative;
				left: 0px;
				width: 170px;
				height: 780px;
				list-style: none;
				padding: 0;
				margin: 0;
				z-index: 5;
				}
			#edu_menu li{
					position: relative;
					line-height:0;
					padding: 0;
					margin: 0;
					left: -42px;
					top: 30px;
					display: block;
					}
					#edu_menu a{position:relative; display:block; height:55px;}
					
					#edu_menu .intro a{width: 177px;background: url(../../images/edu_menu/intro-vert.jpg) no-repeat 0px -55px;}
					#edu_menu .intro a:hover{background-position: 0px 0px;}
					#edu_menu .intro a:active{background-position: 0px 0px;}
						  #home .intro a{background-position: 0px 0px;}
					
					#edu_menu .lake_ecology a{width: 177px;background: url(../../images/edu_menu/lake_ecology-vert.jpg) no-repeat 0px -55px;}
					#edu_menu .lake_ecology a:hover{background-position: 0px 0px;}
					#edu_menu .lake_ecology a:active{background-position: 0px 0px;}
						  #home .lake_ecology a{background-position: 0px 0px;}
					
					#edu_menu .stream_ecology a{width: 177px;background: url(../../images/edu_menu/stream_ecology-vert.jpg) no-repeat 0px -55px;}
					#edu_menu .stream_ecology a:hover{background-position: 0px 0px;}
					#edu_menu .stream_ecology a:active{background-position: 0px 0px;}
						  #home .stream_ecology a{background-position: 0px 0px;}
					
					#edu_menu .lakesnet a{width: 177px;background: url(../../images/edu_menu/lakesnet-vert.jpg) no-repeat 0px -55px;}
					#edu_menu .lakesnet a:hover{background-position: 0px 0px;}
					#edu_menu .lakesnet a:active{background-position: 0px 0px;}
						  #home .lakesnet a{background-position: 0px 0px;}
					
					#edu_menu .faq a{width: 177px;background: url(../../images/edu_menu/faq-vert.jpg) no-repeat 0px -55px;}
					#edu_menu .faq a:hover{background-position: 0px 0px;}
					#edu_menu .faq a:active{background-position: 0px 0px;}
						  #home .faq a{background-position: 0px 0px;}
					
					#edu_menu .resources a{width: 177px;background: url(../../images/edu_menu/resources-vert.jpg) no-repeat 0px -55px;}
					#edu_menu .resources a:hover{background-position: 0px 0px;}
					#edu_menu .resources a:active{background-position: 0px 0px;}
						  #home .resources a{background-position: 0px 0px;}
			*/
			#pagebody{
				position: relative;
				min-height: 100%;
				padding: 0 20px 20px 20px;
				background: #FFF;
				text-align: left;
				}
				#home #pagebody{padding:0;}
				#banner{border:3px solid #CCC; margin-bottom:5px;}
				#lakes{
					position: relative;
					margin:0 auto;
					padding: 0;
					left: 0px;
					table-layout: auto;
					}
					#lakes td{padding: 7px 10px; width:200px;}
				
				.lake table{
					position: relative;
					clear: both;
					left: 0px;
					}
					.lake table td{padding:5px 10px; width:250px;}
					.lake #lakeQM table th{padding:5px 5px; width:220px;}
					.lake #lakeQM{position:relative; clear:both;}
					.lake #lakeQM p{font-size:10px; font-style:italic; color:#999; line-height:13px;}
					.lake #lakeQM p b{font-size:11px; font-style:normal; color:#777;}
				.lake #lkimage{border:12px solid #EEE; width:370px; height:250px;}
				#lakedata{position: relative; padding-bottom:20px;}
				.lake #notes{top:20px;}
				.lake #right ul{width:250px;}
				
				#ur_links{
					position: relative;
					float: right;
					right: 0px;
					width: 290px;
					}
				
				.search_by_menu{
					position: relative;
					list-style: none;
					margin: 40px 0 40px 130px;
					}
					.search_by_menu li{position:relative; float:left; padding:0 100px 0 0;}
				
				#report_icons img{
					padding:40px 30px;
					}		
					#reportlist #alpha{margin-left:8px; font-size:14px; font-weight:bold;}
					#reportlist #alpha a{line-height:22px; text-decoration:none; display:block; width:20px; height:10px; float:left; position:relative; margin-top:-10px; margin-bottom: 5px;}
					#reportlist dl{width: 100%; border-top:1px solid #CCC; position:relative; top:15px;}
					#reportlist dt{font-weight:bold; clear:both; padding:8px 5px; cursor:pointer;}
					#reportlist dd{background:#F6F6F6; padding:10px 15px;}
					#reportlist ul{list-style:none;}
					#reportlist ul li{list-style:disc;}
					#reportlist ul > li{list-style:none;}
					#reportlist dd > ul li{list-style:disc;}
					#reportlist ul ul{list-style-type:none; padding-left:25px;}
					#reportlist ul ul li{list-style:circle;}
					#county{background:#AAA; color:#FFF;}
					
				#left{
					position: relative;
					width: 400px;
					float: left;
					}
				#right{
					position: relative;
					width: 300px;
					float: right;
					}
				#left_75per{
					position: relative;
					width: 69%;
					float: left;
					}
				#right_22per{
					position: relative;
					width: 26%;
					float: right;
					}
				#edu_left{
					position: relative;
					width: 520px;
					float: left;
					}
				#edu_right{
					position: relative;
					width: 150px;
					top: 40px;
					float: right;
					}
					#home #news_list #archived{display:none !important; visibility:hidden !important;}
					#news_list{/*margin-bottom:50px;*/}
					#right dt{clear:both; margin-bottom:5px; cursor:pointer;}
					#right dd{background:#D8D8D8; padding:10px; margin-bottom:10px;}
					#right dd p{margin:0; padding:10px 0;}
					.arrow{padding-right: 7px;}
					.more a{position:relative; font-weight:bold; float:right; bottom:10px;}
					#what_we_do{width: auto;/*width: 300px; float:right;*/}
					#quick_links{/*background:#F8F8F8;border:3px solid #CCCCCC;*/float:right;margin:0;padding:0px;width:300px;}
					#wwd1, #wwd2{position:relative; float:left; margin:0 15px 20px 0; clear:both; border:3px solid #CCC;}
					
					#contact_info{
						position: relative;
						width: 260px;
						}
				#notes{
					position: relative;
					background: #D8D8D8;
					padding: 1px 10px;
					width: 760px;
					bottom: 0;
					left: -40px;
					clear: both;
					margin-bottom: -65px; /* WRAPPER PADDING OFFSET */
					}
					 /*#education #notes{margin-bottom:-55px;}possible fix on education pages?*/
						
			/* styles added-changed for footer change 10-20-08 */
		#footer{
			position: relative;
			background: #333;
			background-image:url(/images/bg_red.gif);
			color: #fff;
			font-family:tahoma;
			font-size: 8pt;
			width: 780px;
			height: 33px;
			left: 1px;
			margin: 0 auto;
			padding: 0px;
			}
			#footer a:link,	#footer a:visited{color: #fff; text-decoration:none;}
			#footer a:hover, #footer a:active{color: #fff; text-decoration:none;}
			/*#footer p{position:relative; top:-29px; left:80px;}*/
			#contact_link{
				position: relative;
				background: url(images/content/contact_us.jpg) no-repeat;
				display: block;
				height: 19px;
				width: 70px;
				}
			#contact_line1 {
			float: left;
			width: 150px;
			height: 33px;
			}
			#contact_line2 {
			float: left;
			width: 530px;
			height: 23px;
			padding-top:10px;			
			}
			#contact_line3 {
			float: left;
			width: 80px;
			height:33px; 
			}
			
		/*#footer{
			position: relative;
			background: #333;
			background-image:url(../../images/bg_red.gif);
			color: #999;
			font-size: 10px;
			width: 720px;
			height: 33px;
			left: 1px;
			margin: 0 auto;
			padding: 0 30px;
			}
			#footer a:link,	#footer a:visited{color: #CCC; text-decoration:none;}
			#footer a:hover, #footer a:active{color: #3399FF; text-decoration:none;}
			#footer p{position:relative; top:-29px; left:80px;}
			#contact_link{
				position: relative;
				background: url(../../images/content/contact_us.jpg) no-repeat;
				display: block;
				height: 19px;
				width: 70px;
				}
				#contact_link:hover{background-position: 0px -19px;}*/
			#grace_logo{position:relative; float:right;}

			
		/* REMOVE RETURN TO TOP LINK ON SELECTED PAGES */
		#reports #return,
		#search_by #return,
		#search_by_location #return{display:none;}