html {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #333;
	background-color: #406679;
	background-image:url(/images/sidemap.jpg);
	background-repeat:no-repeat;
}


/***** Layout Structure *****/
	
#masthead {
	height: 40px;
	padding: 0 10px;
	}
	
#masthead_cr {
	height: 100px;
	padding:0;
	margin-bottom: 2.6em;
	}

#navigation {
	position: absolute;
	left: 18%;
	top: 10px
}
	
#leftnav {
	float:left;
	width: 10%;
	padding: 2%;
	margin: 0;
	}

#content {
	float: right;
	width: 82%;
	padding: 2%;
	margin: 0;
	background: #fff;
	-moz-border-radius: 8px;
	border-radius: 8px;
	min-height: 540px;
	height: auto !important;
	height: 540px;
	}
	
#contentwide {
	padding: 2%;
	margin: 0;
	background: #fff;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* min-height: 600px;  value based on laptop Firefox window height, which creates scrollbar with overflow:auto 
	height: auto !important;
	height: 600px; */
	}
	
#footer_breadcrumb {
	float: right;
	width: 82%;
	padding: 0 2%;
	margin-top: -1px;
	background: #fff;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

#footer_breadcrumbwide {
	padding: 4px;
	background: #fff;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

#footer {
	clear: both;
	text-align: center;
	padding: 6px 0;
	margin-top: 0;
	color: #406679;
	background-color: #ddeaf1;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	}


/*** begin menu style ***/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}

#nav a { display:block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.85em; color:#406679; border: 1px solid #d28400; background:#ddeaf1; width:12em; padding:4px; -moz-border-radius: 4px; border-radius: 4px;}

#nav li { /* all list items */
	float: left;
	width: 12em; /* width needed or else Opera goes nuts */
	}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 7em;
	}
	
#nav li a:hover {
	color: #fff;
	background-color: #d28400;
	border: 1px solid #406679;
	text-decoration:none;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/*end menu style*/


/***** Common Formatting *****/

p { font-size: 0.9em; line-height: 1.6em; margin: 0.5em 0 1.3em 0; }
.introtext { font-size: 1.0em; line-height: 2.2em; }
.smalltext { font-size: 0.85em; line-height: 1.2em;}
p.indent { font-size: 0.9em; line-height: 1.6em; margin: 1.3em 1em 1.3em 1em; }
table { font-size: 0.9em;}
.breadcrumb { font-size: 0.85em; color: #666; }
.caption { font-size: 0.85em; color: #666; }
.smalltext { font-size: 0.85em; color: #333;}
.smallertext { font-size: 0.75em; color: #333;}
.smallwhitetext { font-size: 0.85em; color: #fff;}
.smallerwhitetext { font-size: 0.75em; color: #fff;}
.map_search_title { font-size:0.9em; }

abbr, acronym { color: #060; border-bottom: thin dotted #060; cursor:help; }

ol.default, ul.default {
	font-size: 0.9em;
	line-height: 1.6em;
	margin-top: 0.5em;
	margin-bottom: 0; 
	}
	
ol.default li, ul.default li {
	margin-bottom: 1em; 
	}

h1, h2, h3, h4, h5, h6 { font-weight: normal; text-align:left; margin:0; color:#406679; }

h1 { font-size: 1.8em; margin:0; }
h2 { font-size: 1.6em; margin: 1.0em 0 0 0; }
h3 { font-size: 1.4em; margin: 1.0em 0 0 0; }
h4 { font-size: 1.2em; margin: 1.0em 0 0 0; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.85em; }



/***** Global Classes *****/

.floatleft { float:left;}
.floatright { float:right;}
.floatleftpad { float:left; margin: 0 8px 0 0;}
.floatrightpad { float:right; margin: 0 0 0 8px;}
.floatleftclear { float:left; float:left; margin: 0 8px 0 0;}
.floatrightclear { float:right; clear:right; margin: 0 0 0 8px;}
.floatrighteco { float:right; padding: 0 20px 0 0;}
.crks { color:#003399; }
.cnf { color:#FF0000; }
.wrst { color:#800080; }
.abstract { color:#000080; }
.metadata { color:#800000; }

.clearboth { clear: both; }

.featurebox { float:right; width:250px; background:#f2f2f2; margin: 0 0 0 10px; border:1px solid #ccc; -moz-border-radius:8px; border-radius:8px; }
.featurebox p { font-size:0.85em; line-height: 1.2em; margin: .45em 0 .45em 0; color: #333; padding: 0 8px; }
.featurebox h3 { font-size: 1.4em; margin: .85em 0; padding: 0 8px; }
.featurebox2 { float:right; width:216px; background:#f2f2f2; margin: 0 0 0 10px; border:1px solid #ccc; -moz-border-radius:8px; border-radius:8px; }
.featurebox2 p { font-size:0.85em; line-height: 1.2em; margin: .45em 0 .45em 0; color: #333; padding: 0 8px; }
.browsebox { float:left; width:350px; background:#f2f2f2; margin: 0 0 0 10px; padding: 8px; border:1px solid #ccc; -moz-border-radius:8px; border-radius:8px; }/* on mapaarchive browse results page */
.browsebox p { font-size:0.85em; line-height: 1.2em; margin: .45em 0 .45em 0; color: #333; padding: 0 8px; }
.featurebox ul { padding:0 8px; margin-left:0; }
.featurebox li { list-style-type: none; font-size:0.85em; line-height:0.85em; color: #333; margin-bottom:6px;}

.featurebox3 { float:left; width:31%; background:#f2f2f2; margin: 0 10px 10px 0; border:1px solid #ccc; -moz-border-radius:8px; border-radius:8px; } /* on research page */
.featurebox3 p { font-size:0.85em; line-height: 1.2em; margin-bottom: .85em; color: #333; padding: 0 8px; }
.featurebox3 h3 { font-size: 1.4em; margin: .85em 0; padding: 0 8px; }
.featurebox3 h4 { font-size: 1.1em; margin-top: .85em; padding: 0 8px; }

.featureboxpad { float:right; width:250px; background:#f2f2f2; margin: 0 0 0 10px; padding: 8px; border:1px solid #ccc; -moz-border-radius:8px; border-radius:8px; } /* on mapaarchive page */

.newsthumb { /*floating thumbnail boxes on front page */
	float: left;
	width: 114px;
	height: 128px;
	margin: 12px 12px 12px 0;
	padding: 4px;
	background: #ececec;
	text-align:center;
	font-size: .85em;
	color:#333;
	border: 1px solid #999; -moz-border-radius: 4px; border-radius: 4px;
}

.mapbox {
	float: left;
	width: 208px;
	height:230px;
	border: 1px solid #ccc;
	background-color:#ececec;
	margin: 0 10px 10px 0;
	padding: 4px;
	font-size:0.85em;
	line-height:1em;
}

.mapbox2 {
	float: left;
	width: 208px;
	height:170px;
	border: 1px solid #ccc;
	background-color:#ececec;
	margin: 0 10px 10px 0;
	padding: 4px;
	font-size:0.85em;
	line-height:1em;
}

.mapbox3 {
	float: left;
	width: 208px;
	height:220px;
	border: 1px solid #ccc;
	background-color:#ececec;
	margin: 0 10px 10px 0;
	padding: 4px;
	font-size:0.85em;
	line-height:1em;
}


/***** Links *****/

a:link { color: #d28400; text-decoration: none;}
a:visited { color: #d28400; text-decoration: none;}
a:active { color: #406679; text-decoration: underline;}
a:hover { color: #406679; text-decoration: underline;}

a.sidenav, a.sidenav:link, a.sidenav:visited { display:block; width:80px; border:1px solid #d28400; -moz-border-radius:4px; border-radius:4px; margin-top:4px; text-align:left; text-decoration:none; padding:2px; font-family: verdana, arial, sans-serif; font-size:0.85em; color:#fff;}

a.sidenav:hover { color:#fff; background:#d28400; border:1px solid #406679;}

a.crnav, a.crnav:link, a.crnav:visited {
	display:block;
	float:left;
	width:127px;
	background-color: #ddeaf1;
	text-decoration:none;
	padding:2px;
	margin-right:2px;
	text-align:center;
	font-size:0.85em;
	color:#d28400; 
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	}

a.crnav:hover { color: #fff; background:#d28400; }

a.gbnav, a.gbnav:link, a.gbnav:visited {
	display:block;
	float:left;
	width:108px;
	background-color: #ddeaf1;
	text-decoration:none;
	padding:2px;
	margin-right:2px;
	text-align:center;
	font-size:0.85em;
	color:#d28400; 
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	}

a.gbnav:hover { color: #fff; background:#d28400; }

a.willapanav, a.willapanav:link, a.willapanav:visited {
	display:block;
	float:left;
	width:138px;
	background-color: #ddeaf1;
	text-decoration:none;
	padding:2px;
	margin-right:2px;
	text-align:center;
	font-size:0.85em;
	color:#d28400; 
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	}

a.willapanav:hover { color: #fff; background:#d28400; }


/*CSS3 attributes that automatically add external link icon and PDF icon. This works in Firefox, IE7 and Opera so far.*/

/* first two are an exception for ecotrust project link in masthead */
a.ecohome[href *="://"][href *="ecotrust.org"] { background: none; } 

a.ecohome[href *="://"][href *="ecotrust.org"]:hover { background: none; }

a[href *="://"]:not([href *="inforain.org"]) {
	background: transparent url(/images/icon_external.gif) no-repeat center right;
	padding-right: 16px;
}

a[href *="://"]:not([href *="inforain.org"]):hover {
	background: transparent url(/images/icon_external_hover.gif) no-repeat center right;
	padding-right: 16px;
}

a[href ^=\"mailto:\"] {
padding-right: 16px;
background: transparent url(/images/icon_mailto.gif) no-repeat center right;
}

a[href $=".pdf"], a[href $=".PDF"] { 
	background: transparent url(/images/icon_pdf.gif) no-repeat center right;
	padding-right: 16px;
}

a[href $=".doc"], a[href $=".DOC"] { 
	background: transparent url(/images/icon_doc.gif) no-repeat center right;
	padding-right: 16px;
}

a[href $=".xls"], a[href $=".XLS"] { 
	background: transparent url(/images/icon_xls.gif) no-repeat center right;
	padding-right: 16px;
}

a[href $=".zip"], a[href $=".ZIP"] { 
	background: transparent url(/images/icon_zip.gif) no-repeat center right;
	padding-right: 16px;
}

a[href $=".txt"], a[href $=".TXT"] { 
	background: transparent url(/images/icon_txt.gif) no-repeat center right;
	padding-right: 16px;
}

a[href $=".aep"], a[href $=".AEP"] { 
	background: transparent url(/images/icon_arcexplorer.gif) no-repeat center right;
	padding-right: 16px;
}

a[href $=".kml"], a[href $=".kmz"] { 
	background: transparent url(/images/icon_kml.gif) no-repeat center right;
	padding-right: 16px;
}

a[href $=".shp"], a[href $=".SHP"] { 
	background: transparent url(/images/icon_shp.gif) no-repeat center right;
	padding-right: 16px;
}


/***** Forms *****/

form { margin:0; padding:0; display:inline; }

input { font-size:1em; }

input.button {
	color:#fff;
	background-color:#406679;
	border:1px solid #d28400;
	-moz-border-radius:8px;
	border-radius:8px;
	}
   
input.button:hover, input.button:focus {
	color:#fff;
	background-color:#d28400;
	border:1px solid #406679;
	-moz-border-radius:8px;
	border-radius:8px;
	}

input, text, textfield, textarea, password, checkbox {
font-size: .85em;
background-color:#fff;
border: 1px solid #d28400;
}

input:focus, text:focus, textarea:focus, textfield:focus, password:focus, checkbox:focus {
background-color:#9cf;
border: 1px solid #369;
}

select { font-family:Verdana, Arial, Helvetica, sans-serif; }


/***** other classes? *****/

a.popup span {
	display: none;
	text-decoration: none;
	position:relative;
}

a:hover.popup {
/** fix for IE6 popup bug.  nice one Microsoft! */
	overflow: hidden;
	text-decoration: none;
}

a:hover span.comment {
	display: block;
	border: 1px solid #ccc;
	position: absolute;
	background-color: #f2f2f2;
	color: #333;
	font-size:0.95em;
	line-height: 1.0em;
	padding: 4px;
	margin-left: 5px;
	overflow: hidden;
	z-index:100;
}