/***** modified from master stylesheet for CD templates with frames *****/

html {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #333;
}


/***** 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;
	overflow: auto;
	}
	
#footer_breadcrumb {
	float: right;
	width: 82%;
	padding: 0 2%;
	margin-top: -1px;
	background: #fff;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

#footer {
	clear: both;
	text-align: center;
	padding: 1% 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; }
.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;}

.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; }


/***** 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.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.*/
a[href*="://"]:not([href*="inforain.org"]) {
	background-image: url(/images/icon_external.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
}
a[href*="://"]:not([href*="inforain.org"]):hover {
	background-image: url(/images/icon_external_hover.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
}
a[href $='.pdf'] { 
	background-image: url(/images/icon_pdf.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
}

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

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

a[href $='.kml'] { 
	background-image: url(/images/icon_google_earth.gif);
	background-position:center right;
	background-repeat:no-repeat;
	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; }