/* CSS Document For Wetland Floodplain */

/* Default Page Attributes */

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	background: #f0f0f0 url(/images/backgroundRepeated.jpg) top left repeat-x;
	height: 100%;
	text-align: center;
	font-size:1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#333333;
}

h1,h2 {
	color:#0076b8;
	margin:5px 0px 15px 0px;
	padding:0px;
}

h1 { 
	font-size:1.7em;
}

h2 {
	font-size:1.4em;
	margin-bottom:7px;
	color:#5ba500;
}

h3 { 
	font-size:1.3em;
	color:#5ba500;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:0px;
}

	span.highlightTitle {
		background-color: #FFFF00;
		padding: 2px 0 2px 0;
	}

p {
	margin:0px 0px 10px 2px;
	padding:0px;
	font-size:.9em;
	line-height:17px;
}


/* Page Layout */

div#wrapper {
	width: 1000px;
	height:auto;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
	
	/* LEFT PANEL */	
	div#panelLeft {
		width:274px;
		float:left;
		margin:0px;
		padding:0px;
	}
	
		div#panelLeft div#logo img {
			border:0px;
		}
	
		div#panelLeft ul#leftNavContainer, div#panelLeft ul#leftNavContainer2 {
			padding:0px;
			margin:10px 0px 0px 50px;
		}
		
			div#panelLeft ul#leftNavContainer div.leftNavBody p, div#panelLeft ul#leftNavContainer2 div.leftNavBody p {
				padding:5px;
				font-size:.8em;
				color:#FFFFFF;
			}
			
			ul#leftNavContainer li, ul#leftNavContainer2 li {
				list-style-type:none;
				margin:1px 0px 0px;
			}
		
				ul#leftNavContainer a.leftNavHeader, ul#leftNavContainer2 a.leftNavHeader  {
					width:196px;
					margin:0px;
					padding:0px;
					border:1px solid #000000;
				}
				
					ul#leftNavContainer a.leftNavHeader:link, ul#leftNavContainer a.leftNavHeader:visited,
					ul#leftNavContainer2 a.leftNavHeader:link, ul#leftNavContainer2 a.leftNavHeader:visited {
						display:block;
						padding:5px;
						margin:0px;
						font-weight:bold;
						color:#FFFFFF;
						text-decoration:none;
						text-indent:12px;
						font-size:.9em;
						background:#333 url(/images/navBulletArrow.jpg) 3px 4px no-repeat;
					}
				
				ul#leftNavContainer div.leftNavBody, ul#leftNavContainer2 div.leftNavBody {
					width:206px;
					margin:0px;
					padding:0px;	
					background:#0076b8;			
					border:1px solid #000000;
					border-top:0px;
					color:#FFFFFF;
				}
									
					ul#leftNavContainer div.leftNavBody ul, ul#leftNavContainer2 div.leftNavBody ul {
						width:206px;
						padding:0px 0px 0px 0px;
						margin:0px;
					}
					
					 ul#leftNavContainer div.leftNavBody li, ul#leftNavContainer2 div.leftNavBody li {
						padding:5px 5px 5px 20px;
						margin:0px;
						list-style:disc;
						list-style-position:inside;
						font-size:.7em;
						color:#FFFFFF;
						border-bottom:1px solid #66ccff;
					}
					
					
					ul#leftNavContainer div.leftNavBody li.leftNavFinal, ul#leftNavContainer2 div.leftNavBody li.leftNavFinal {
						border-bottom:0px;
					}
					
					ul#leftNavContainer div.leftNavBody a:link, ul#leftNavContainer div.leftNavBody a:visited, 
					ul#leftNavContainer2 div.leftNavBody a:link, ul#leftNavContainer2 div.leftNavBody a:visited {
						width:191px;
						height:20px;
						padding:0px;
						margin:0px;
						color:#FFFFFF;
						text-decoration:none;
					}
					
					ul#leftNavContainer div.leftNavBody a:hover, ul#leftNavContainer div.leftNavBody a:active, 
					ul#leftNavContainer2 div.leftNavBody a:hover, ul#leftNavContainer2 div.leftNavBody a:active	{
						text-decoration:underline;
					}
	
	/* RIGHT PANEL */			
	div#panelRight {
		float:left;
		width:720px;
		margin:0px;
		padding:0px;
	}
	
		div#panelRight div#header {
			height:233px;
			width:720px;
			margin:10px 0px 22px 0px;
			padding:0px;
			background:url(/images/headerBanner2.jpg) top left no-repeat;
		}
	
		div#panelRight div#navigation {
			position:absolute;
			width:704px;
			height:49px;
			margin:-40px 0px 0px 8px;
			padding:0px;
		}
		
			div#navigation div#capRight {
				float:right;
				width:12px;
				height:49px;
				margin:0px;
				padding:0px;
				background:url(/images/navCapRight.jpg) top right no-repeat;
			}
			
			div#navigation div#capLeft {
				float:left;
				width:12px;
				height:49px;
				margin:0px;
				padding:0px;
				background:url(/images/navCapLeft.jpg) top left no-repeat;
			}
			
			div#navigation div#buttonContainer {
				float:left;
				margin:0px;
				padding:15px 0px 0px;
				width:680px;
				height:34px;
				text-align:center;
				background:url(/images/navRepeated.jpg) top left repeat-x;
			}			
				
					div#navigation div#buttonContainer a:link,
					div#navigation div#buttonContainer a:visited {
						float:left;
						padding:5px 8px 7px 8px;
						margin:0px 2px;
						font-weight:bold;
						font-size:.9em;
						text-align:center;
						text-decoration:none;
						color:#ffffff;
					}
					
					div#navigation div#buttonContainer a:hover,
					div#navigation div#buttonContainer a:active {
						padding:5px 7px 5px 7px;
						margin:0px 2px;
						font-weight:bold;
						font-size:.9em;
						text-align:center;
						text-decoration:none;
						color:#385900;
						background-color:#ade700;
						border:1px solid #ffffff;
					}
				
		
		div#panelRight div.subNav {
			position:absolute;
			width: 250px;
			margin:-6px 0px 0px -13px;
			padding:11px 0px 0px;
			visibility: hidden;
			z-index:100;
		}
	
		div#panelRight div.subNav ul {
			width:auto;
			padding:0px;
			margin:0px;
			border:1px solid #66ccff;
			border-bottom:0px;
		}
		
		div#panelRight div.subNav li {
			padding:0px;
			margin:0px;
			list-style-type:none;
			background:#0076b8;
			border-bottom:1px solid #66ccff;
		}
		
			div#panelRight div.subNav a:link,
			div#panelRight div.subNav a:visited {
				display:block;
				padding:5px 5px 5px 10px;
				margin:0px;
				color:#FFFFFF;
				font-size:.8em;
				text-decoration:none;
			}
			
			div#panelRight div.subNav a:hover,
			div#panelRight div.subNav a:active {
				color:#385900;
				background:#ade700;
			}
				

		div#panelRight div#bodyBackground {
			width:720px;
			margin:0px;
			padding:0px;
			background: transparent url(/images/bodyTop.jpg) top left no-repeat;
		}
			
			div#panelRight div#bodyBackground div#body .leftList {
				float:left;
				width:300px;
			}
			
			div#panelRight div#bodyBackground div#body .leftRight {
				float:right;
				width:300px;
			}
		
	
		div#panelRight div#body {
			width:664px;
			height:auto;
			min-height: 600px;
			padding:20px;
			margin:0px auto;
			font-size:.8em;
			background:#ffffff url(/images/bodyRepeated.jpg) top left repeat-y;
		}
		
			div#panelRight div#body ul {
				margin:0px 0px 0px 10px;
				padding:0px;
			}
			
				div#panelRight div#body ul li {
					margin:0 0 5px 25px;
					list-style:square;
					padding:0px;
				}
										
		div#panelRight div#footer {
			width:720px;
			margin:0px;
			padding:0px;
			color:#ffffff;
			font-size:.9em;
			overflow:hidden;
		}
		
			div#panelRight div#footerTop {
				width:704px;
				height:8px;
				margin:0px auto;
				padding:0px;
				font-size:0px;
				background: transparent url(/images/footerTop.jpg) bottom left no-repeat;
			}
			
			div#panelRight div#footerBody {
				width:694px;
				margin:0px auto;
				padding:5px;
				text-align:center;
				background: transparent url(/images/footerRepeated.jpg) top left repeat-y;
			}
			
			div#panelRight div#footerBottom {
				width:704px;
				height:5px;
				margin:0px auto;
				padding:0px;
				background: transparent url(/images/footerBottom.jpg) top left no-repeat;
			}
			
			div#panelRight div#footer p {
				margin:0px;
				padding:0px;
			}
			
/* GENERAL CONTACT FORM */

div#status {
	margin:5px 30px;
	padding:10px;
	font-weight:700;
	background:#ffcc99;
	border:3px solid #FF6600;
}

	div#status h2 {
		font-size:1.5em;
		font-weight:700;
		color:#FF3300;
	}

#contactForm {
	margin:20px 0px 0px;
	padding:0px;
}

#contactForm label {
	float:left;
	margin:0px;
	padding:0px;
	width:175px;
}

#contactForm input.text {
	padding:5px;
	margin:5px 5px 5px 0px;
	border:1px solid #666666;
	height:16px;
	width:188px;
}

#contactForm select.select {
	padding:3px 3px 3px 0px;
	margin:5px 0px 5px 0px;
	border:1px solid #666666;
	width:200px;
}

#contactForm textarea.textarea {
	padding:5px;
	margin:5px 0px 5px 0px;
	border:1px solid #666666;
	width:188px;
}

#contactForm input.submit {
	padding:5px 10px 5px 10px;
	margin:10px 0px 0px 175px;
	font-weight:bold;
	font-size:1.0em;
	text-align:center;
	text-decoration:none;
	color:#385900;
	background-color:#ade700;
	border:1px solid #000000;
}
	
/* Homepage Contact Form */

#homepageContactForm {
	margin:5px;
	padding:2px;
	font: .8em Arial, Verdana, Helvetica, sans-serif;
}

#homepageContactForm label {
	float:left;
	margin:0 5px 0 0;
	padding:0px;
	width:45px;
}

#homepageContactForm h4 {
	margin:5px 0 2px 0;
	font-weight: normal;
}

#homepageContactForm input.text {
	border:1px solid #666666;
	height:15px;
	padding:4px;
	margin: 0 0 5px 0;
	width:125px;
}

#homepageContactForm select.select {
	padding:3px 3px 3px 0px;
	margin:5px 0px 5px 0px;
	border:1px solid #666666;
	width:134px;
}

#homepageContactForm textarea {
	width: 180px;
}

#homepageContactForm input.submit {
	padding:5px;
	margin:5px 0 5px 0;
	font-weight:bold;
	font-size:1.0em;
	text-align:center;
	text-decoration:none;
	color:#385900;
	background-color:#ade700;
	border:1px solid #000000;
}

/* INCLIND */

div#copyright {
	width:710px;
	padding:5px 0px 0px;
	margin:0px 10px 0px 0px;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:15px;
	text-align:right;
}

	div#copyright a:link,
	div#copyright a:visited {
		color:#000000;
		text-decoration:none;
	}

	div#copyright a.valid:link,
	div#copyright a.valid:visited {
		background:#666666 url(/images/validIcon.gif) no-repeat scroll left 1px;
		border:1px solid #FFFFFF;
		color:#CCCCCC;
		font-size:9px;
		padding:0pt 5px 0pt 15px;
	}
	
/* Global */

div.detailMap {
	width:650px;
	height:350px;
	margin:10px 0;
	padding:0;
	border:1px solid #000000;
}

.floatLeft {
	float:left;
}