@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
}

body {
	background: #ffffcc;
	font-size:76%;
	font-family:Arial, Helvetica, sans-serif;
}	

h1 {
	background-color: #FFFFcc;
	color: #256C4C;
	font-size: 1.7em;
	text-transform: uppercase;
}
.lowercase  {
	text-transform: lowercase;
}


h2 {
	background-color: #ffffcc;
	color: #256C4C;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-bottom: -12px;
}

h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: -0.5em;
}


.img_left {
	float:left;
	padding: 0 15px 10px 0;
	font-size: 0.9em;
	text-align: center;
}

.img_right{
	float:right;
	padding: 1em;
}

/*img_restore floats the two images on the gis_restore.htm to the right*/
.img_restore {
	float:right;
	padding-left: 1em;
	width:241px;
}
#elkCreek_img {
	border: 1px solid black;
}


#page-container {
	width:750px;
	background-image:url(images/faux_column.gif)
}

#header {
	background-color:276C4D;
	background-image:url(images/stripe_750px.jpg);
	height:15px;
	width:100%;
	/*float:right;*/
}

#main-nav {
	float:left;
	width:150px;
	background-color: #8A4E7F;
	
}

#main-nav ul {
	margin: 0;
	width: 150px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #660066;
}

#main-nav li {
	border-bottom:1px solid purple;
	float: left;
	width: 150px;
	 
}


#main-nav li a, a:link, a:visited {
	text-decoration: none;
	color: #ffffcc;
	font: bold .8em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	width:130px;
	padding: 1em 1em 1em 1em;
	background:#8A4E7F;
	}


#main-nav a:hover {
	background-color: #276C4D;
}
/*
#current_page a:link, #current_page a:visited, #current_page a:hover, #current_page a:active{
	background-color: #399D71;
} */

/* To highlight current page in navigation bar */
#home #main-nav .home a,
#about #main-nav .about a,
#contact #main-nav .contact a,
#services #main-nav .services a,
#wisconsin #main-nav .wisconsin a,
#contact #main-nav .contact a,
#community #main-nav .community a,
#resources #main-nav .resources a,
#research #main-nav .research a,
#restoration #main-nav .restoration a,
#services #main-nav .services a,
#sitemap #main-nav .sitemap a{
background-color: #399D71;

}



#logo {
	background-color:#276C4D;
	background-image:url(images/logo_small_green.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 150px;
}


#content {
	background:  #FFFFCC;
	width: 570px;
	float:right;
	margin: 2em 0 1em 0;
	line-height: 1.5em;
}

#content a, a:link, a:visited{
	font-size: 1em;
	color: black;
}

#content a:hover{
	color:#276C4D;
}
#footer {
	background-color: #276C4D;
	color:#FFFFCC;
	padding-top: 5px;
	line-height: 1.2em;
	padding-bottom: 5px;
	font-size: 1em;
	width: 100%;
}

#footer a {
	font-weight: normal;
	border: 0;
	padding: 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	display: inline;
	background-color: #276C4D;
	color: #FFFFCC;
}	

#footer a:link, a:visited, a:hover {
	color: #FFFFCC;
	background-color: #276C4D;
}


.clear {
	clear: both;
}
.footer_left {
	float: left;
	padding-right: 3em;
	padding-left: 1em;
}

#peacefuldriver {
	background-color:#FFFFCC;
	color:#276C4D;
	padding-top: 5px;
	padding-left:10px;
	line-height: 1.2em;
	padding-bottom: 5px;
	font-size: 1em;
	width: 100%;
}

#peacefuldriver a, a:link, a:visited, a:hover {
	font-weight: normal;
	border: 0;
	padding: 0;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	display: inline;
	background-color:#FFFFCC;
	color:#276C4D;
}	
.thumbnail {
	float: left;
	width: 150px;
	margin-right: 1em;
	font-weight: normal;
	line-height: normal;
}
.thumbnail a, a:link, a:visited {
	line-height: normal;
}

h3 a, a:link, a:visited, a:hover{
	font-weight: bold;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 0em;
	margin-bottom: 1em;
}
#footer_new {
	background-color: #276C4D;
	color:#FFFFCC;
	line-height: 1.2em;
	font-size: 1em;
	width: 100%;
	text-align: left;
	padding: 1.5em;
	height: 6em;
	float: left;
}
#footer_new   a, #footer_new a:link, #footer_new a:visited {
	font-weight: normal;
	border: 0;
	padding: 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	display: inline;
	background-color: #276C4D;
	color: #FFFFCC;
}	
#footer_new   a:hover   {
	color: #FF9900;
	background-color: #276C4D;
}

#footer_new_right {
	float: right;
	margin-right: 70em;
	
}

#footer_new_left {
	float: left;
	margin-right: 5em;
	
}
#footer_new_es {
	float: left;
	margin-left: 2em;
	margin-right: 2em;
	
}
ul {
	list-style-position: outside;
}
.ul_inside {
	list-style-position: inside;
}
#contact  a {
	font-weight: normal;
}