/*Layout
==============================================*/
html {
	margin-bottom: 0.5em;
	height: 100%;
		}

body {
	margin: 0;
	font: 76%/1.6 Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin-bottom: 6px;
}

#wrapper, #top, #bottom {
	margin: 0 auto;
	width: 950px;
	padding: 0 10px;
}

#wrapper {
	background: url(images/middle.png) repeat-y;
}

#top {
	height: 22px;
	margin-top: 5px;
	background: url(images/top.png) no-repeat;
}
#bottom {
	height: 22px;
	margin-bottom: 5px;
	background: url(images/bottom.png) no-repeat;
	clear: both;
}

#banner {
	width: 910px;
	height: 80px;
	margin-left: 10px;
	padding: 0;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
}

.content {
	margin: 0;
	padding: 0;
}

.pageBack {
	margin-left: 10px;
	margin-right: 10px;

}

.mappageBack {
	margin-left: 10px;
	margin-right: 10px;
	/*z-index: -9;*/
}

.heightArea {
	min-height: 425px;
}

		
/*GOOGLE SEARCH
==============================================*/
#search {
	float:right;
	padding-right: 5px;
	padding-top: 5px;
}

#cse-search-results{
	margin-left: 80px;
}

/*HORIZONTAL NAVIGANTION */
#navmain {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 10px;
	margin-bottom: 5px;
	width: 912px;
	margin-top: 2px;
		}
	
#navigation-1 {
	margin:0px;
	list-style:none;
	width:100%;
	height:25px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0px;
	font-family: verdana, arial, helvetica;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:114px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	width:112px;
	height:18px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	background-color: #296D39;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	width:112px;
	height:18px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0px;
	background-color: #498D5C;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:112px;
	position:absolute;
	top:26px;
	left:-1px;
	border-top:none;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 1px;
	z-index:9999;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:146px;
	clear:left;
	width:112px;
	z-index:9999;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	padding:4px 0;
	width:112px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
	background-color: #297142;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	padding:4px 0;
	width:112px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
	background-color: #4A8E5A;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:112px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #006600;
	border-left:1px solid #006600;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background-color: #3300FF;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background-color: #003399;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:112px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:112px;
	font-size:12pt;
	color:#ffffff;
}

/* FOOTER NAVIGATION */
#footer {
	background-color: #296D39;
	width: 899px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	margin-left: 10px;
	height: 22px;
	clear: both;
}
#footleft {
	width: 177px;
	float: left;
}


#footmid {
	width: 365px;
	float: left;
}
#footright {
	width: 350px;
	float: left;
}

#footmid a:link, #footleft a:visited {
	color:#ffffff;
}
#footleft a:link, #footleft a:visited {
	color:#ffffff;
}
#footright a:link, #footleft a:visited {
	color:#ffffff;
}

/*linkNav used for project pages
==============================================*/
#linkNav {
	width: 187px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #EDECF0;
	clear: both;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFF;
}

#linkNav h1 {
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #296D39;
	font-size: 18px;
	margin-top: 0px;
}
#linkNav  ul {
	text-align: left;
	margin: 0;
	color: #333333;
	font-size: 9pt;
	font-weight: normal;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 6px;
	padding-right: 6px;
		}

#linkNav  li {
	display: block;
	list-style: none;
	border-bottom: 1px #D1D1D1 solid;
	color: #000000;
	line-height: 2.2em;
		}

#linkNav  li a{
	text-decoration: none;
	margin: 0;
	color: #494949;
	border-bottom: 1px #808DA3 solid;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	}

	
#linkNav a:hover {
	color: #0066CC;
		}


/*sideNav used for project pages
==============================================*/
#subNavigation {
	width: 175px;
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #EDECF0;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	top: auto;
}

#subNavigation ul {
	text-align: left;
	margin: 0;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
		}

#subNavigation li {
	display: block;
	list-style: none;
	border-bottom: 1px #D1D1D1 solid;
	color: #000000;
	line-height: 2.2em;
		}

#subNavigation li a{
	text-decoration: none;
	margin: 0;
	color: #244F64;
	padding: 5px 10px;
		}
		
#subNavigation a:hover {
	color: #3C97C4;
		}
		
#subNavigation .downStatesub  a {
	color: #4F8220;
	font-weight: bold;
}

/*sideNav used for start page
==============================================*/
#sideNav {
	width: 187px;
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #EDECF0;
}

#sideNav h1 {
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #296D39;
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#sideNav  ul {
	text-align: left;
	margin: 0;
	color: #333333;
	font-size: 9pt;
	font-weight: normal;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 6px;
		}

#sideNav  li {
	display: block;
	list-style: none;
	line-height: 1.5em;
	margin-right: 6px;
		}

#sideNav  li a{
	text-decoration: none;
	margin: 0;
	color: #494949;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
		}

	
#sideNav a:hover {
	color: #0066CC;
	font-weight: bolder;
		}
		
		
		
/*newsNav used for project news
==============================================*/
#newsNav {
	width: 187px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #EDECF0;
	clear: both;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFF;
}

#newsNav h1 {
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #296D39;
	font-size: 18px;
	margin-top: 0px;
}
#newsNav  ul {
	text-align: left;
	margin: 0;
	color: #333333;
	font-size: 9pt;
	font-weight: normal;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 6px;
	padding-right: 6px;
		}

#newsNav  li {
	display: block;
	list-style: none;
	color: #000000;
	line-height: 2.2em;
		}

#newsNav  em {
	font-size: 9px;
		}

#newsNav  li a{
	text-decoration: none;
	margin: 0;
	color: #494949;
	padding-left: 10px;
	font-size: 14px;
		}

	
#newsNav a:hover {
	color: #0066CC;
	font-weight: bolder;
		}
/*mainSection
==============================================*/			
#mainSection {
	margin-right: 20px;
	margin-left: 200px;
}
#listPage {
	margin-right: 20px;
	background-color: #E2E2E2;
	padding-bottom: 20px;
	min-height: 440px;
}
/*breadcrumbs
==============================================*/


.breadcrumbs{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	margin: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	top: 5px;
	background-color: #FFFFFF;
}

.breadcrumb a{
	text-decoration: none;
	padding-right: 18px; /*adjust bullet image padding*/
	color: #333333;
	background-image: url(images/breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.breadcrumb a:visited, .breadcrumb a:active{
	color: #003300;
}

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

/*=================news  and events list==============================================*/
.eventStory {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1D1D1;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;



}

.eventStory img{
	float: left;
	padding-right: 5px;
	height: 60px;
	width: 60px;
}

.eventStory h1{
	font-size: 12pt;
	margin-top: 0px;
	margin-bottom: 4px;
	line-height: 90%;
}		

.eventStory p{
	font-size: 9pt;
	margin-top: 0px;
	margin-bottom: 2px;
}
/*====NEWS-POP-UP==============================================*/
#newsPop {
	margin: 5px;
	min-height: 340px;
	width: 625px;
	background-color: #E2E2E2;
	padding: 5px;
}

#newsPop h1{
	font-size: 12pt;
	font-weight: bold;
}
#newsPop  img{
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}

	
/*mainSection Story formating==============================================*/
.story {
	margin-bottom: 5px;
	background-color: #E2E2E2;
	min-height:144px;
	padding: 5px;

}

.story img{
	padding: 5px;
}

.story p{
}

.story h1{
	font-size: 17pt;
	line-height: normal;
	font-weight: bold;
}

.story h2{
	font-size: 13pt;
	line-height: normal;
	font-weight: bold;
}
.story  h3{
	font-weight: bold;
}




/*mainSection
==============================================*/
#subStory {
	background-color: #E2E2E2;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFF;
}

#subStory h1 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #296D39;
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 10px;
}
.storyCol {
	width: 28.82em;
	background-color: #E2E2E2;
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;

}

#map {
	height: 400px;
	width: 400px;
	float: left;
	margin-left: 20px;
/*	z-index: 999;*/
	margin-right: 20px;

}

#listPage {
	margin-right: 20px;
	background-color: #E2E2E2;
	padding-bottom: 20px;
	min-height: 440px;
}





/*new story formatting
==============================================*/
.newStory {


}

.newStory ul{
	list-style-image: none;
	list-style-type: none;
	float: left;
}

.newStory img{
	padding-right: 5px;
	float: left;
	padding-bottom: 10px;
}

.newStory li{
}

.newStory li a{
	text-decoration: none;
	margin: 0;
	color: #494949;
	padding-top: 5px;
	padding-bottom: 5px;
}

.newStory a:hover {
	color: #0066CC;
	font-weight: bolder;
		}


.container {

}

/*visting links style
==============================================*/

a:link {
	color: #31789B;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #7D9D41;
}
a:active {
	text-decoration: none;
}

.h1 {
	font-size: 16px;
	padding-left: 15px;
	}

.imageRight {
	width: 500px;
	margin: 20px 0 30px 30px;
	font-style: italic;
}

.whiteSpace {
	background-color: #FFFFFF;
	height: 5px;
	width: 915px;
	clear: both;
}

.newsDate {
	font-style: italic;
	color: #535353;
	padding-left: 670px;
}
.person {
	font-size: 18px;
	padding-left: 15px;
}
.personStory p {
	font-size: 9pt;
	margin-top: 0px;
	margin-bottom: 2px;
}
.personStory {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1D1D1;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
	min-height: 110px;
}
.personStory h1 {
	font-size: 12pt;
	margin-bottom: 4px;
	line-height: 90%;
	padding-top: 5px;
}
.personStory img {
	float: left;
	width: 75px;
	height: 89px;
}
.quote {
	font-style: italic;
	padding-top: 5px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
}
.quotee {
	text-align: right;
	position: relative;
	font-weight: bold;
	top: -20px;
	padding-right: 30px;
	padding-bottom: 0px;
}
.publication {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1D1D1;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px
}

.publication img{
	float: left;
	padding-right: 15px;
	border-style:none;
	}

.publication h1{
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 0px;
}