/* layout.css CSS Document */ 
/* sept1/08 - sam - for newstreets */
a.skip {position: absolute; left: -1000em; width: 20em;color: #FFF}
#top {	left: 0px;top: 0px; height:1%; display:none;}
body {
	font-family: Verdana, Arial, "Trebuchet MS", san-serif;
	font-size: 81%;
	color: #333;
	margin:0;
	padding:0;
	width: 100%;
	background-color: #999;
}
p, td {	font-size: 1em;}

/* =header 
-----------------------------*/
/* CMS change. 2011-11-15 */
/*.header { height:71px; background-color: #0076C2; overflow: hidden; }*/
.header { height:71px; background-color: #616161; overflow: hidden; }
.header .logo { text-align: center; margin-top: 0.5em; }
.header .logo { text-align: center; margin-top: 0.5em; }
.header h1 { font-family: "Trebuchet MS"; font-weight: normal; color: #FFFFFF; 

margin-left: 0px; margin-top: 1.15em; font-size: 2em; padding-bottom: 0.5em; 

padding-left: 0px; margin-top:0; padding-top: 1.15em; }
.header ul#siteTools { text-align:right; padding:0px; margin: 0; list-style-type: 

none; margin-top: 4px; }
.header ul#siteTools li { background-image: url(../images/whitebullet.gif); 

background-repeat: no-repeat; background-position: 100% .7em; list-style-type: none; 

font-size: 0.85em; font-family: "Trebuchet MS"; padding-right: 1em; }
.header ul#siteTools a { color:#fff; font-weight:bold; text-decoration:none;}

/* =content
---------------------------------------*/
.content {
	margin-bottom: 0;
	padding-bottom: 12px;
/* CMS change. 2011-11-16 */
/*	padding-left: 0; */
	padding-left: 15px;
/*	margin-top: 20px; */
}
.box {

	margin-top: 0px;
	margin: 0;
	font-size: 1em;
}
.content p.toTop { font-size: .85em; clear: both; }

/* =headings
----------------------------------------------*/
.content h1 {
	font-size: 1.5em;
	font-weight: normal;
/* CMS change. 2011-11-15 */
/*	color: #0076C2;*/
	color: #000000 ; 
	margin-bottom: .75em;
	line-height: 1.3em;
}
.heading1  { /*used in water quality map page only; coldfusion app*/
	font-size: 1.5em;
	font-weight: normal;
/* CMS change. 2011-11-15 */
/*	color: #0076C2;*/
	color: #000000;
	margin-bottom: .75em;
	line-height: 1.3em;
}
/* CMS change. 2011-11-15 */
/*
.content h2 { font-size: 1.3em; color: #689438; margin: 1.25em 0 .75em 0; } 
*/
.content h2 { font-size: 1.3em; color: #000000; margin: 1.25em 0 .75em 0; } 
.content h3 { font-size: 1.23em; color: #005995; margin: 1.25em 0 .75em 0; 

font-weight: bold; }
.content h4 {font-size: 1.08em; margin: 1.25em 0 .5em 0;color: #005995;}
.content h5 {font-weight: bold;	color: #666;margin-bottom: 0.5em;font-size: 1em;}
.content h6 {font-weight: bold;	color: #666;margin-bottom: 0.5em;font-size: 1em;}
/*------ ABOVE HEADINGS WERE COPIED INTO userStyles.css / remoe from this file? */	
/* in order for user to have access to styles in Contribute, headings cannot be part 

of a class */
.content p {margin-bottom: 1em; padding-right: 0;margin-top: 0px;font-size: 1em;}

.content h1 + p { margin-top: 1.5em;  }
.content h1 + h2 { margin-top: .5em; }
.content h2 + h3 { margin-top:.75em; }

/* =styles
----------------------------------------------*/
a:link {color: #005995;}
a:visited {text-decoration: none;color: #005995;}
a:hover {text-decoration: none;	color: #007D00;}
a:active {text-decoration: none;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.note {	color: #CC0000;	font-weight: bold;}
.hidden { display: none; }

/*=lists
----------------------------------------------*/
.content ol {  margin: 1em 0 1em 1.5em; }
.content ol li { margin-left: 1.5em; }
.content ul.insideList, .content ul {
	list-style-type: square;
	margin-left: 25px;
	margin: 1em 0 1em 1.5em;
}
.content .insideList li, .content ul li{
	list-style-type: square;
	line-height: 1.8em;
}

ul#videos { float: left; width: 90%; list-style-type: none; margin: 1.5em 0; }
ul#videos li img {float: left;	margin-right: 1em;}
ul#videos li img.reg {float: none;	margin-right: 0;}
ul#videos li {
	list-style-type: none;
	vertical-align: top;
	line-height: 1.5em;
	clear: both;
	margin-bottom: 1em;
	height: 125px;
}
ul#videos li p {
	margin: 0px;
	padding: 0px;
	/*margin-top: 0px;*/
}
ul#videos li a img {
	margin: 0 2em .5em 0;
	height: 110px;
	border: 1px solid #2E7997;
}

#videos li h2 {	font-size: 1em;	margin:0;padding:0 .25em .5em 0;}
.content ul.reg {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
.content ul.reg li {
	list-style-type: none;
	padding-bottom: 4px;
}
ul#links { margin-left: 0px; }
#links li { background-image: url(../images/arrowgreen2sm.gif); background-repeat: 

no-repeat; padding-left: 2em; padding-top: 0em; list-style-type: none; 

background-position: left .6em; margin-bottom: 0.5em; 
}



/* =elements
----------------------------------------------*/
blockquote { margin: .5em 1.5em;}

/* =footer
----------------------------------------------*/
.footer { background-color: #fff; font-size: 0.85em; color: #858585; padding: .75em 0 

0 0; min-height: 2.5em; text-align: center; display: block; height: 40px; position: 

relative; bottom: 0px; width: 980px; margin: 0 auto; border-top: solid 1px #ccc; }
.footer p { line-height: normal; font-size: 0.85em; margin: .25em 0 1em 0; padding: 

.75em 0 0 0; }
.footer hr.line {height: 0.1em;	margin: 0;	width: 100%;}
.footer a {color: #999999;text-decoration: none;}
.footer a:visited {color: #999999;text-decoration: none;}
.footer a:hover { color: #666666 /*#9A9A9A*/; text-decoration: underline; }
.footer a:active {color: #858585;text-decoration: none;}
.footer span { padding-left: 1em; padding-right: 1em; }
/* =footer */
/* previous - old  Jan. 8/09 - sam */
/*.footer { background-color: #fff; font-size: 0.85em; color: #858585;padding: .75em 0 

.5em 0; min-height: 2.5em;text-align: center;}
.footer p { line-height: normal; font-size: 0.85em; margin: .25em 0 1em 0; padding: 

.75em 0 1em 0; }
.footer hr.line {height: 0.1em;	margin: 0;	width: 100%;}
.footer a {color: #999999;text-decoration: none;}
.footer a:visited {color: #999999;text-decoration: none;}
.footer a:hover { color: #666666 ; text-decoration: underline; }
.footer a:active {color: #858585;text-decoration: none;}
.footer span { padding-left: 1em; padding-right: 1em; }

/* =IMG styles 
----------------------------------------------*/
img { margin:0; padding:0; border: none; }
img.inlineImg {
	padding: 0 .25em 0;
	padding-left: 0;
	vertical-align: top;
}
.content img.inlinePDF {padding: 0 .25em 0 0;vertical-align: text-top;}
.content img.inlineImg {
	padding: 0 .25em 0 .25em;
	vertical-align: text-top;
}
.imgRight {	float: right; margin: .5em 0 .5em .5em;}
.imgLeft { float: left; margin: .5em 1.5em .5em 0; }
.iconRight {
	margin: 0 0 0 4px;

}
.mainImg { float: none; margin-bottom: 1em; padding-right: 0.25em; }
.thumb2, .thumb3 { border: 1px solid #4A84C6;  float: left; margin-bottom: 1em; }
.bord { border: 1px solid #4A84C6; }
.nobord { border: none; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

.main_img { float: left; margin-bottom: 1em; border: none; }
.address {
	margin-left: 40px;
	line-height: .8em;
}
#content_sub {
	margin-top: 20px;
	margin-right: 0em;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.imgright2 {
	float: right;
	border: 1px solid #CCCCCC;
}
.box2 {
	margin: 0;
	font-size: 1em;
	padding-right: 15px;
}