* {padding : 0; margin : 0;} /*resets all to zero*/

/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; 

}

body {
	color: #5c1717;
	text-align: left;
	background-color: #fffff7;
	font-family: Tahoma, Verdana,arial, sans-serif;
	background-image: url(../images/mainbackground.jpg);
	background-repeat: no-repeat;
	
}

/* grey bar at top of page under navigation */

#pollutioncontainer {
	float: left;
	width: 100%;
	background-color: #fcdbc1;

}
div#pollutioncontainer p {
	line-height: 2em;
	font-size: .8em;
margin-bottom :1em }	

div#pollutioncontainer h4 {
	color: #a92b40;
	font-size: .9em;
	}
/* placement of overall pollution area */

.pollutioncontent {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 550px;
	font-size.8em;


}

/* layout tool within pollutioncontainer - left hand column */

.pollutionfloat {
float: left;
margin-top: 3px;
font-weight: bold;
margin-bottom: 15px;
}
.pollutionfloat2 {
float: left;
width: 215px;
}

/* layout tool within pollutioncontainer - right hand column */

.pollutionfloatright {
float: left;
margin-left: 5px;
margin-top: 3px;
margin-bottom: 15px;
}
.pollutionfloatright2 {
float: left;
margin-top: 15px;
margin-left: 2px;
font-size: .8em;
width: 250px;

}

/* placement of font sizer in top grey banner */

.fontsizetop {
	float: right;
	margin-top: 10px;	
	margin-bottom: 10px;
	margin-right: 10px;

}

/* font sizer alternative text */

#fontsizeralt {
font-size: small;
font-weight: bold;
color: #000000;
clear: both;
background-color: #F3F3F3;
border: 2px solid #a92b40;
}
.fontsizealt {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.bl {background: url(../images/bl.gif) 0 100% no-repeat #ffad6b; width: 250px; border: }
.br {background: url(../images/br.gif) 100% 100% no-repeat;}
.tl {background: url(../images/tl.gif) 0 0 no-repeat;}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px;}
.clear {font-size: .8em; height: 1px;} 

/* top boxes links */

a.pollution:link {
	color: #4d2c12;
	text-decoration: none;
}
a.pollution:visited {
	color: #000000;

}
a.pollution:hover {
	color: #4d2c12;
	text-decoration: underline;;

}
a.pollution:active {
	color: #a92b40;

}


/* BANDING SYSTEM BOXES LOW MEDIUM HIGH VERY HIGH AND OFF */


 .lowon {
 
 	color: #ffffff;
	padding: 2px 2px 2px;
	border: 1px solid #4a0f18;
	float: left;
    background-color: #009933;
	float: left;
	margin-right: 5px;
	font-size: .6em;
	font-weight: bold;	



}
 .moderateon {
	color: #ffffff;
	padding: 2px 2px 2px;
	border: 2px solid #4a0f18;
	float: left;
	margin-right: 5px;
	font-size: .6em;
	font-weight: bold;	
	background-color: #FF9900;



}
 .highon {
	color: #ffffff;
	padding: 2px 2px 2px;
	border: 2px solid #4a0f18;
	float: left;
	margin-right: 5px;
	font-size: .6em;
	font-weight: bold;	
	background-color: #a92b40;


}
 .vhighon {	
 
	padding: 2px 2px 2px;
	border: 2px solid #4a0f18;
    background-color: #990000;
	color: #FFFFFF;
	float: left;
	margin-right: 5px;
	font-size: .6em;
	font-weight: bold;	
	margin-top: 3px;	




}



.off {
	padding: 2px 2px 2px;
	border: 1px solid #4a0f18;
    background-color: #fcdbc1;
    color: #a92b40;
	float: left;
	margin-right: 5px;
	font-size: .6em;
	font-weight: bold;	



}
#noscript {
position: absolute;
top: 87px;
left: 100px;
	font-size: small;
	}

div#noscript ul{
	padding: 5px;
}

div#noscript a{
	color: #fff;
}

div#noscript a:hover{
	color: #A8A7A8;
}
div#noscriptlinks ul{
	list-style: none;
	padding: 1px 0 0 0;
	margin: 1px 5px;
}


div#noscriptlinks li{
	display: inline;
	padding: 0;
	background : transparent url(../images/ninepx.gif) no-repeat 0% 50%;
	margin: 2px 0;
	text-align: center;
	width: auto;
}

div#noscriptlinks li a{
	height: 1px;
	margin: 2px 3px 2px 6px;
	font-weight: normal;
}



div#noscriptlinks li.title{
	font-weight: bold;
	color: #ffffff;
	background-image: none;
	margin-left: 5px;
}

div#noscriptlinks li.first{
	background-image: none;
}

div#noscriptlinks p{

	margin: 5px;
margin-bottom :1em }

.clear{
clear: both;
}

.graphs-check {

	width: 100px;
	float: left;
	font-size: smaller;
	border: thin solid #a92b40;
}
.checkbox {
	float: right;
	border: thin solid #000000;

}
.graphs-stationname {
	float: left;
	width: 60px;
	border: thin solid #000000;
}
#pageheadline {

	color: #a92b40;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: large;
	font-weight: bold;
}

#pictureplacement {
	float: left;
	margin-right: 10px;
	margin-bottom: 200px;

}
.pictureplacement {
	padding: 5px;
	border: 1px solid #fcdbc1;
}
#flashplacement {
	width: 270px;
	height: 100%;
	float: left;
}
#siteinfo {
width: 50%;
height: 100%;
float: left;
}
.flashcaption {
font-size: .8em;
margin-left: 10px;
font-weight: bold;
text-align: center;
}
#boxout {

	float: left;
	width: 190px;
	margin-left: 20px;
	

}
#boxouttwo {

	float: left;
	width: 400px;
	margin-left: 20px;
	

}
#boxout315 {

	float: left;
	width: 315px;
	margin-left: 20px;
	

}

.boxoutfaq {

	float: left;
	width: 250px;
	margin-left: 20px;
	

}
.bl3 {background: url(../images/bl3.gif) 0 100% no-repeat #a92b40; width: 192px; border: }
.br3 {background: url(../images/br3.gif) 100% 100% no-repeat;}
.tl3 {background: url(../images/tl3.gif) 0 0 no-repeat;}
.tr3 {background: url(../images/tr3.gif) 100% 0 no-repeat; padding:10px;}
.clear {font-size: .8em; height: 1px} 
.bl4 {background: url(../images/bl3.gif) 0 100% no-repeat #a92b40; width: 257px; border: }
.br4 {background: url(../images/br3.gif) 100% 100% no-repeat;}
.tl4 {background: url(../images/tl3.gif) 0 0 no-repeat;}
.tr4 {background: url(../images/tr3.gif) 100% 0 no-repeat; padding:10px;}
.bl5 {background: url(../images/bl3.gif) 0 100% no-repeat #a92b40; width: 275px; border: }
.br5 {background: url(../images/br3.gif) 100% 100% no-repeat;}
.tl5 {background: url(../images/tl3.gif) 0 0 no-repeat;}
.tr5 {background: url(../images/tr3.gif) 100% 0 no-repeat; padding:10px;}
.bl6 {background: url(../images/bl3.gif) 0 100% no-repeat #a92b40; width: 326px; border: }
.br6 {background: url(../images/br3.gif) 100% 100% no-repeat;}
.tl6 {background: url(../images/tl3.gif) 0 0 no-repeat;}
.tr6 {background: url(../images/tr3.gif) 100% 0 no-repeat; padding:10px;}
.clear {font-size: .8em; height: 1px} 
.linksboxout {
	background-color: #f8eacc;
	padding: 5px;
	width: 180px;
	border: 1px solid #a92b40;
	font-size: .8em;}
.linksboxouttwo {
	background-color: #f8eacc;
	padding: 5px;
	width: 300px;
	border: 1px solid #a92b40;
	text-align: right;
	font-size: .8em;}
.linksboxout315 {
	background-color: #f8eacc;
	padding: 5px;
	width: 320px;
	border: 1px solid #a92b40;
	text-align: left;
	font-size: .8em;}
.linksboxoutfaq {
	background-color: #f8eacc;
	padding: 5px;
	width: 245px;
	border: 1px solid #a92b40;
	text-align: left;
	font-size: .8em;}
.linksboxouthdr {
	background-color: #a92b40;
	color: #f8eacc;
	padding: 5px;
	width: 180px;
	border: 1px solid #a92b40;
	font-weight: bold;
		font-size: .9em;
		
}.linksboxouthdr2 {
	background-color: #a92b40;
	color: #f8eacc;
	padding: 2px;
	width: 160px;
	border: 1px solid #a92b40;
	font-weight: bold;
		font-size: .9em;}


.linksboxouthdrtwo {
	background-color: #a92b40;
	color: #f8eacc;
	padding: 5px;
	width: 300px;
	border: 1px solid #a92b40;
	font-weight: bold;
	font-size: .8em;}
.linksboxouthdr315 {
	background-color: #a92b40;
	color: #f8eacc;
	padding: 5px;
	width: 315px;
	border: 1px solid #a92b40;
	font-weight: bold; 
	font-size: .8em;}
.linksboxouthdrfaq {
	background-color: #a92b40;
	color: #f8eacc;
	padding: 5px;
	width: 245px;
	border: 1px solid #a92b40;
	font-weight: bold;	
	font-size: .8em;
	}
.linksboxouthdrfaq2{
	background-color: #a92b40;
	color: #f8eacc;
	padding: 5px;
	width: 271px;
	border: 1px solid #a92b40;
	font-weight: bold;	font-size: .8em;}
.linksboxouthdr200{
	background-color: #a92b40;
	color: #f8eacc;
	padding: 5px;
	width: 200px;
	border: 1px solid #a92b40;
	font-weight: bold;	font-size: .8em;}

.linksboxoutsubhdr {	
	font-family: "Agfa Rotis Semi Serif", serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #a92b40;
	margin-top: 6px;
	margin-bottom: 2px;
	
	border-bottom: 1px solid #5c1717;
	width: 170px;
	padding: 2px;
	}

#leftcol {
	float: left;
	width: 67%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	}
div#leftcol p {
font-size: .8em;
line-height: 1.5em;
margin-bottom: 1em; 
}
div#leftcol h2 {
font-size: 1.2em;
}
div#leftcol h3 {
font-size: 1em;
}
div#leftcolsml p {
font-size: .8em;
line-height: 1.5em;
margin-bottom :1em }

div#leftcolsml2 p {
font-size: .8em;
line-height: 1.5em;
margin-bottom :1em }

div#leftcolsml h2 {
font-size: 1.2em;
}
div#leftcolsml h3 {
font-size: 1em;
}

#leftcolsml {
	float: left;
	margin-bottom: 1%;
	width: 55%;
	margin-left: 1%;
	margin-right: 1%;

	}
#leftcolsml2 {
	float: left;
	margin-bottom: 1%;
	width: 50%;
	margin-left: 1%;
	margin-right: 1%;

	}

#rightcol {
	float: right;
	margin-left: 1%;
	padding-right: 2%;
	margin-right:2%;
}

#bandedarea {
	float: left;
	margin-left: 5px;
	margin-right: 40px;

}
/* end of new additions by Catherine 6th september 05 */


#date {
	text-align: left;
	color: #5c1717;
	font-size: 12px;
	position: absolute;
	z-index: 1;
	visibility: inherit;
	left: 600px;
	top: 2px;
}

#header{
	height: 5em;
	background : #ffffff;
	padding: 1px 0 0 0;
}

div#header h2,
div#header h1{
	margin: 0 0 0 -9999px;
	clear: both;
}

#navbar {
	clear: both;
	background-image: url(../images/chelmsford-navigation.gif);  
	background-repeat: repeat;
	height: 30px;

}

#wrapper{
	float: left;
	background-image: url(../images/mainbackground.jpg);
    background-color: #FFFFF7;
	background-repeat: no-repeat;

}
#contenthome {
	float: left;
	width: 75%;
	height: 100%;
}

#animation{
	background: #5c1717;
	color: #ffad6b;
	width: 241px;
	height: 480px;
	float: left;

}


div#welcome{

	float: left;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 25px;
	width: 30%;
		}
div#welcome p{
font-size: .8em;
line-height: 1.5em;
margin-bottom :1em }

div#alerts{
	float: left;
	top: 30px;
	left: 353px;
	color: #000000;
	font-size: medium;
	font-weight: bold;
}
div#alerts-position{
	float: right;
	clear: right;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 5px;
	padding: 5px;
	width: 250px;

	}

div.alerts-text {
	height: auto;
	max-height:250px;
	height:expression(document.body.clientHeight > 250? "250px": 	"auto" );
	overflow: auto;
	padding: 0px;
	color: #5c1717;
	font-size: .8em;

}

div#alerts2{
	color: #000000;
	font-weight: normal;
	text-align: left;
	float: left;
	height: 8%;
	
}
div#alerts p{
	margin-bottom: 10px;
	line-height: 1.5em;
margin-bottom :1em }

.alertsheader {
	font-weight: bold;
	color: #a92b40;
	font-size: 1em;
	
}
.alerts-instructions {	
	margin-top: 10px;
	color: #a92b40;
	font-weight: bold;
	font-size: .7em;


}
.bl2 {background: url(../images/bl2.gif) 0 100% no-repeat #fcdbc1; width: 250px; border: }
.br2 {background: url(../images/br2.gif) 100% 100% no-repeat;}
.tl2 {background: url(../images/tl2.gif) 0 0 no-repeat;}
.tr2 {background: url(../images/tr2.gif) 100% 0 no-repeat; padding:10px;}
.clear {font-size: .8em; height: 1px} 

#animation h3{

	font-weight: bold;
	margin: 3px;
}


#inner {
	float: left;
	height: 312px;
	width: 65%;

}

#inner.inside{
	background : #fff url(../images/innerback.jpg) no-repeat 0 0;
	margin-left: 10px;
	padding: 1px 0 30px 0;
}

#inner.inside img#pagetitle{
    margin: 20px;
    float: left;
}

div#linktable{
    float: right;
    width: 140px;
    border: 2px ridge #ccc;
    border-width: 0px 2px 2px 2px;
    margin: 0px 20px 0px 0px;
    background-color: #F8EACC;
    display: inline;
}
#leftcol ul, #leftcol ol{
    margin: 1em 1%;
    padding-left: 20px;
    font-size: 0.8em;
} 
div#leftcolsml ul{
    margin: 1em 5%;
    padding-left: 20px;
    font-size: 0.8em;
}
#parametersmeasured ul, #parametersmeasured ol{
    margin: 1em 5%;
    padding-left: -40px;
    font-size: 0.8em;
    list-style-type: circle;
} 

div#linktable ul{
    list-style-type: none;
    width: 140px;}

div#linktable ul.sites{
    font-weight: bold; 
    
}

div#linktable ul.sites a{
    text-decoration: none;
    color: #336;
}

div#linktable li{
    text-align: right;
    margin: 2px 5px;
}

div#linktable a{
    color: #000;
}

div#linktable h3{
    color: #fff;
    background-color: #a92b40;
    border: 2px ridge #ccc;
    border-width: 2px 0 2px 0;padding: 0.15em;
}



div#data{
    float: left;
    margin: 0 0px 0 20px;
    padding: 1px 0 0 0; 
    width: 580px;
    display: inline;
    clear: left;
}

div#data h2{
    font-size: 0.9em;
    color: #CC3233;
}

div#data h3{color: #336;
}

div#data p.table{
    border-bottom: 1px solid #5c1717;
    padding: 0 0 5px 0;
    margin-bottom: 0;
}

div#data table{
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
    border-bottom: 1px solid #336;
    margin-top: 8px;
    
}

div#data td{
    vertical-align: top;color: #336;
}

div#data td.text{
    padding: 0 5px;
}

div#data td.param{
    width: 180px;
}

div#data td img{
    border: none;
}

div#data td.key{
    width: 132px;
    color: #5c1717;
    font-weight: bold;
    padding-left: 3px;
    
     
}

div#data td.key img{
    margin: 5px 0 0 0;
}

div#data table h3{
    color: #336;
}

div#data table#basedata{
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
    border: 3px ridge #336;
    margin-top: 8px;
}

div#data table#basedata td{
    padding: 4px;
    background-color: #FBE7C6;
    border: 2px ridge #336;
}



div#data table#basedata th{
    padding: 3px;
    background-color: #a92b40;
    color: #fff;
    border: 2px ridge #336;
}

div#data table#basedata td.date{
    background-color: #fcdbc1;
    color: #5c1717;
    font-weight: bold;
}

p.nb{
    color: #a92b40;
}


/*reset height to auto for good browsers*/
	html>body #inner{
	height: auto;
}

div#inner p{
margin-bottom :1em }



div#links{
	clear: both;

}

div#links ul{
	list-style: none;
	padding: 1px 0 0 0;
	margin: 1px 5px;
}


div#links li{
	display: inline;
	padding: 0;
	background : transparent url(../images/ninepx.gif) no-repeat 0% 50%;
	margin: 2px 0;
	text-align: center;
	width: auto;
}

div#links li a{
	height: 1px;
	margin: 2px 3px 2px 6px;
	font-weight: normal;
/*border: 1px solid green;*/
}



div#links li.title{
	font-weight: normal;
	color: #5c1717;
	background-image: none;
	margin-left: 5px;
}

div#links li.first{
	background-image: none;
}

div#links p{

	margin: 5px;
	color: #5c1717;
margin-bottom :1em }


/*specific nav styles*/

div#bottombar{
	background-color: #ffad6b;
	color: #fff;
	border-bottom: 3px solid #ffb77c;
	border-top: 2px solid #fff;
	clear: both;
	float: left;
	font-size: .8em;
	width: 98%;
	pdding:0px;margin:0px;
}
div#bottombar ul{
	padding: 5px;
}

div#bottomnav a{
	color: #5c1717;
	text-decoration: underline;
}
div#bottombar a{
	color: #ffffff;
}

div#bottomnav a:hover{
	color: #5c1717;
	text-decoration: none;
}

div#bottomnav{
	background-color: #ffad6b;
	border-top: 1px solid #fff;
	clear: both;
	float: left;
	width: 100%;
	font-size: .7em;
	padding-bottom: 10px;
}

div#bottomnav ul {
padding: 5px;
}

#nav3 li a{
color: #5c1717;
}







a.small:link {
	color: #FFFFFF;
	margin: 5px;
	padding: 5px;
	font-weight: bold;
}
a.small:visited {
	color: #FFCC00;
	margin: 5px;
	padding: 5px;
	font-weight: bold;
}
a.small:hover {
	color: #FFFFCC;
	margin: 5px;
	padding: 5px;
	font-weight: bold;
}
a.small:active {
	color: #FFCC33;
	margin: 5px;
	padding: 5px;
	font-weight: bold;
}
.small1 {
   width: 240px;
   height: 30px;
	margin-left: 0px;
	font-size: .8em;

   
   } 
 #fontsize {
 width: 250px;
 height: 100%;
 background-color: #ffffff;
 border: 1px solid #5c1717;
 padding: 3px;clear: both;
 margin-bottom: 5px;
 }
 
  .fontsize-internal {
 width: 178px;
 background-color: #ffffff;
 border: 1px solid #5c1717;
 padding: 6px;
 margin-bottom: 5px;
 }
 #siteswrapper {
 float: left;
 width: 150px;
 height: 200px;
 margin-left: 10px;
 margin-right: 10px;
 border: thin solid #a92b40;
 }
 #sitescontent {
 float: left;
 width: 33%;
 height: auto;
 border: thin solid #a92b40;
 }

 .sites-title {
color: #a92b40;
font-weight: bold;
text-align: center;
font-size: .85em;
margin-bottom: 2px;

 }
  .site-name {
color: #006699;
font-weight: bold;
text-align: center;
font-size: .85em;
 }
 #sites-pic {
 width: 150px;
 margin-top: 10px;
 margin-right: 30px;
 float: left;
 }
 #sites-more {
 width: 150px;
 margin-top: 10px;
 margin-right: 30px;
 float: left;
  }
 #sites-name {
 width: 150px;
 margin-top: 10px;
 margin-right: 30px;
 }
#sites {
width:33%;
float: left;
}
 .currentlevel {
	color: #a92b40;
	float: left;
	margin-right: 5px;
}


 .tablebody-alt {
	margin: 5px;
	padding: 5px;
	font-size: .9em;
}
 .tablelabel {
	margin: 5px;
	padding: 5px;
	background-color: #F8EACC;}

.links2 {
	padding: 2px;
	margin: 2px;

}
/* styles specific to Chelmsford layout */



#navigation2 {
    background-color: #ffffff;
	margin-bottom: 5px;
	font-size: .7em;
	float: left;
	clear: both;
	width: 100%;
	color: #a92b40;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top: 5px solid #ffad6b;
	
}


div#navigation2 ul{
	padding: 2px;
}

div#navigation2 a{
	color: #a92b40;
	text-decoration: underline;
}

div#navigation2 a:hover{
	color: #a92b40;
	text-decoration: none;
}
div#navigation2 ul{
	list-style: none;
	padding: 1px 0 0 0;
	margin: 1px 5px;
}


div#navigation2 li{
	display: inline;
	padding: 0;
	background : transparent url(../images/ninepx.gif) no-repeat 0% 50%;
	margin: 2px 0;
	text-align: center;
	width: auto;
}

div#navigation2 li a{
	height: 1px;
	margin: 2px 3px 2px 6px;
	font-weight: normal;
	text-decoration: underline;
}



div#navigation2 li.title{
	font-weight: bold;
	color: #a92b40;
	background-image: none;
	margin-left: 5px;
}

div#navigation2 li.first{
	background-image: none;
}

div#navigation2 p{

	margin: 5px;
}



#navigation3 {
    background-color: #a92b40;
	margin-bottom: 5px;
	font-size: .7em;
	float: left;
	clear: both;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	
}


div#navigation3 ul{
	padding: 2px;
}

div#navigation3 a{
	color: #fff;
	text-decoration: underline;
}

div#navigation3 a:hover{
	color: #ffffff;
	text-decoration: none;
}
div#navigation3 ul{
	list-style: none;
	padding: 1px 0 0 0;
	margin: 1px 5px;
}


div#navigation3 li{
	display: inline;
	padding: 0;
	background : transparent url(../images/ninepx.gif) no-repeat 0% 50%;
	margin: 2px 0;
	text-align: center;
	width: auto;
}

div#navigation3 li a{
	height: 1px;
	margin: 2px 3px 2px 6px;
	font-weight: normal;
	text-decoration: underline;
}



div#navigation3 li.title{
	font-weight: bold;
	color: #ffffff;
	background-image: none;
	margin-left: 5px;
}

div#navigation3 li.first{
	background-image: none;
}

div#navigation3 p{

	margin: 5px;
}
/* end styles specific to Chelmsford layout */

#footer {
    background-color: #ffffff;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: .7em;
	float: left;
	clear: both;
	width: 90%;
	
}
/* from styles css */


.disclaimer {
	color: #a92b40;
	font-weight: bold;
	margin-top: 20px;
}
.bodyhome {
	padding-right: 200px;
	padding-left: 20px;
	background-color: #a92b40;
	padding-top: 7px;
	line-height: 14px;
}
.copyright {
	color: #5c1717;
	padding: 2px;
	font-weight: normal;
}

a.links:link {
	color: #560c18;
	text-decoration: underline;
}
a.links:visited {
	color: #560c18;
	text-decoration: underline;
}
a.links:hover {
	color: #560c18;
	text-decoration: none;
}
a.links:active {
	color: #560c18;
	text-decoration: none;
}

a.closewindow:link {
	color: #560c18;
	text-decoration: underline;
}
a.closewindow:visited {
	color: #560c18;
	text-decoration: underline;
}
a.closewindow:hover {
	color: #560c18;
	text-decoration: none;
}
a.closewindow:active {
	color: #560c18;
	text-decoration: none;
}

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



a.linksyellow:link {
	color: #FFFFFF;
	}
a.linksyellow:visited {
	color: #5c1717;
	}
a.linksyellow:hover {
	color: #5c1717;
	}
a.linksyellow:active {
	color: #990000;
	}
.body2 {
	color: #FFFFFF;
}
.privacy {

	color: #5c1717;
	
}
.bodyinternal {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.bodyinternal2 {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.bodyglossary {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 14px;	
	font-family: Tahoma, Verdana,arial, sans-serif;font-size: .7em;
}
.faq-question {
	padding: 5px 10px 5px 5px;
	font-weight: bold;
}
.glossary-question {
	padding: 5px 10px 5px 5px;
	font-weight: normal;
	font-size: .7em;
}

a.links2:link {
	color: #560c18;
	text-decoration: underline;
}
a.links2:visited {
	color: #560c18;
	text-decoration: underline;
}
a.links2:hover {
	color: #560c18;
	text-decoration: none;
}
a.links2:active {
	color: #560c18;
	text-decoration: none;
}


.hide {
	color: #fcdbc1;
	

}
a.hide:link {
	color: #fcdbc1;
	

}
a.hide:visited {
	color: #fcdbc1;
	

}
a.hide:hover {
	color: #fcdbc1;
	

}
a.hide:active {
	color: #fcdbc1;
	

}
a.sites:link {
	color: #5c1717;
	font-size: smaller;
	
	
}
a.sites:visited {
	color: #5c1717;
	font-size: smaller;
	
}
a.sites:hover {
	color: #C63230;
	font-size: smaller;
	
}
a.sites:active {
	color: #a92b40;
	font-size: smaller;
}

a.links3:link {
	color: #5c1717;
	
	
}
a.links3:visited {
	color: #5c1717;
	
	
}
a.links3:hover {
	color: #C63230;
	
	
}
a.links3:active {
	color: #a92b40;
	
}
a.linksbody:link {
	color: #5c1717;
	
	
}
a.linksbody:visited {
	color: #5c1717;
	
	
}
a.linksbody:hover {
	color: #C63230;
	
	
}
a.linksbody:active {
	color: #a92b40;
	
		
}
textarea {
	font-family: Tahoma, Verdana,arial, sans-serif;
	font-size: small;
	color: #5c1717;
}
.tableheader {
	color: #FFFFFF;
	background-color: #a92b40;
	padding: 4px;
	font-weight: bold;
	padding: 4px;
	font-size: small;
	width: 300px;
}
.tablebody {
	
	color: #5c1717;
	padding: 4px;
	font-weight: normal;
	background-color: #F8EACC;
	margin: 2px;
	width: 300px;
}
.tablebody1 {
	
	color: #5c1717;
	padding: 4px;
	font-weight: normal;
	background-color: #F8EACC;
	margin: 2px;
	width: 300px;
	font-size: small;
}
.tablebodyright {
	
	color: #5c1717;
	padding: 4px;
	/*   	cellpadding: 5px; */   	
	font-weight: normal;
	background-color: #FAFADD;
}

.tableheadergrey {

	
	color: #FFFFFF;
	background-color: #ffad6b;
	padding: 4px;
	font-weight: bold;
	font-size: small;
}
.tableheaderlg {

	
	color: #FFFFFF;
	background-color: #a92b40;
	padding: 4px;
	/*   	cellpadding: 5px;	*/   	
	font-weight: bold;
	font-size: small;
}
.tablebodylg {
	color: #5c1717;
	padding: 4px;
	/*   	cellpadding: 5px;	*/   	
	font-weight: normal;
	background-color: #FBE7C6;
	font-size: small;
}
.tablebody2 {
	
	color: #5c1717;
	padding: 4px;
	/*   	cellpadding: 5px;	*/   	
	font-weight: normal;
	background-color: #ffcc99;
	margin: 2px;
	font-size: small;
}
button {
	font-weight: bold;
	color: #a92b40;
	font-size: small;
}
input {
	color: #5c1717;
	font-size: small;
}
.heading {
	color: #a92b40;
	font-weight: bold;
	padding: 0px;
}
select {
	color: #5c1717;
	font-size: smaller;
}
.heading2 {

	
	color: #000000;
	font-weight: bold;

}
.heading3 {


	
	color: #CC3333;
	font-weight: bold;
	padding: 0px;
}
.bottomlinks {
	color: #000000;
	padding: 2px;
	font-weight: normal;
}
.linksyellow2 {
	color: #5c1717;
	background-color: #f8c249;
	font-weight: bold;
	}
.blocks {
	padding: 1px 0px 0px;
}
.links2 {
	display: block;
}
h1 {	font-family: Agfa Rotis Semi Serif, serif;
	font-style:  normal;
	font-size: 1.8em;
	color: #a92b40;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
	font-weight: normal;
}
h2 {
	font-family: Tahoma, Verdana,arial, sans-serif;font-size: 1.3em;
	font-weight: bold;
	color: #a92b40;
	margin-top: 10px;
	margin-bottom: 10px;
}
h3 {
	font-family: Tahoma, Verdana,arial, sans-serif;font-size: 1em;
	font-weight: bold;
	color: #a92b40;
	margin-top: 10px;
	margin-bottom: 10px;
}

ul{
margin: 0 20px 10px 20px;
}

li{
    margin: 0 0 0 20px;
} 
div#nav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

div#nav ul li{
margin: 0;
padding: 0;
} 
div.boxout ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 168px;
}

div.boxoutfaq ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 220px;
}

div.boxout ul li{
padding: 0px 2px 2px 2px;
margin-left: 2px;
} 

div.boxoutfaq ul li{
padding: 0px 2px 2px 2px;
margin-left: 2px;
} 

.datapic {
float: left;
margin-right: 5px;
width: 75px;
height: 80px;
}
.datacontent {
float: left;
border: 1px solid #fcdbc1;
padding: 10px;
background-color:#FFFFFF;
width: 340px;
height: 300px;
margin-right: 5px;
margin-bottom: 5px;
}
.datakey {
position: relative;
margin-left: 40px;
float: left;
margin-top: 0px;
font-family: Tahoma, Verdana,arial, sans-serif;font-size: 11px;
clear: both;
}
.dataparameters {
float: left;
	margin-right: 5px;
	margin-top: 10px;
	font-weight: bold;
	color: #a92b40;
	width: 250px;
	clear: both;
	font-size: .8em;
	margin-left: 40px;
}
.dataparameters2 {
margin-left: 40px;
clear: both;
float: left;
width: 250px;
margin-top: 10px;
font-size: .8em;	 

}
.dataview {
clear: left;
padding-top: 20px;
font-size: 11px;
}
.red {
color: #a92b40;
font-weight: bold;

}

#backtotop {
clear: both;
float: left;
padding: 10px;

font-size: .7em;
width: 200px;
}

.blocks {
	float: left;
	clear: both;
	margin-right: 10px;
	margin-top: 6px;
	margin-left: 10px;
}
.blocks2 {
	float: left;
	margin-right: 2px;
	margin-top: 3px;
	font-size: x-small;
	padding: 1px 0px 0px;
	width: 130px;
}.blocks3 {
	float: left;
	clear: right;
}
.blocks4 {
	float: left;
	clear: right;
	width: 30px;
	height: 20px;

}
.blocks5 {
	float: left;
	clear: right;
	width: 10px;

}
.stationblocks {
	width: 165px;
	
}
.alerts {
color: #5c1717;
font-size: smaller;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1px;
padding: 4px;
width: 168px;
background-color: #ffffff;
border: 1px solid #fcdbc1;
}
.alerts2 {
color: #5c1717;
font-size: smaller;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1px;
padding: 4px;
width: 220px;
background-color: #ffffff;
border: 1px solid #fcdbc1;
}

.alertsred {
	color: #a92b40;
	font-size: smaller;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
	padding: 4px;
	width: 168px;
	background-color: #ffffff;
	border: 1px solid #a92b40;
}
.alertsred2 {
	color: #a92b40;
	font-size: smaller;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
	padding: 4px;
	width: 220px;
	background-color: #ffffff;
	border: 1px solid #a92b40;
}
.substanceinfo {
	float: left;
	width: 170px;
}
.selectionbox {
width: 50px;
}
.selectionbox1 {
width: 100px;
}
.selectionbox2 {
width: 150px;
}
.selectionbox3 {
width: 200px;
}
.formlabel {
width: 50px;
float: left;
margin-right: 2px;}
.selectionboxplacement {
width: 250px;
float: left;
border: 1px solid #a92b40;}

.substanceinfo1 {
	width: 100px;
	padding: 2px;
	font-size: smaller;
}
.substanceinfo2 {
	width: 20px;
	padding: 2px;
	font-size: smaller;
}
.substanceinfo3 {
	width: 80px;
	padding: 2px;
	font-size: smaller;

}
.tdtxt {
    font-size: small;
	font-weight: normal;
	min-width: 55px;
	max-width: 85px;
	width:expression(document.documentElement.clientWidth > 55? "55px": document.documentElement.clientWidth < 85? "85px": "auto");
}
.tdtxt2 {
    font-size: smaller;
	font-weight: normal;
	


}
.tdtxt3 {
	padding: 3px;
}

.rightcoltable {
    font-size: small;
	
}

.bandingtable {
	border: 1px solid #5c1717;
	padding: 10px;
	width: 500px;
	font-size: smaller;
	}

.bandingtd,bandingth {
	text-align: center;
	font-size: small;	
	padding: 10px;
	border: 1px solid #5c1717;
	}
	
.bandingth {
	font-weight:normal;
	text-align: center;
	font-size: small;	
	font-weight: bold;
	background-color:#fcdbc1;
	padding: 10px;
	border: 1px solid #5c1717;


	}

.lowbanding {
	color:#5c1717;
	font-family: Tahoma, Verdana,arial, sans-serif;
	font-weight:bold;
	background-color: #BBFFD1;	padding: 2px;
	font-size: .8em;

	}
	
.moderatebanding {
	color:#FFFFFF;	
	font-family: Tahoma, Verdana,arial, sans-serif;
	font-weight:bold;
	background: #FF9933;	
	padding: 2px;
	font-size: .8em;

	}

.highbanding {
	color:#FFFFFF;	font-family: Tahoma, Verdana,arial, sans-serif;
font-weight:bold;
	background: #FF3300;	padding: 2px;
	font-size: .8em;

	}
	
bandingh1 {
	font-size:medium;
	}
	
	.vhighbanding {
	color:#FFFFFF;	
	font-family: Tahoma, Verdana,arial, sans-serif;
	font-weight:bold;
	background: #a92b40;
}
.frequency_days {
width: 22px;
}
.frequency_d {
width: 20px;
}
.frequency_weeks {
width: 41px;
}
.frequency_months {
width: 38px;
}
.emailaddress {
font-size: .8em;
width: 250px;
}
.faqanswers {
font-size: .9em;
width: 80%;
padding: 2px;
float: left;
margin-bottom: 5px;
}
a.faqanswers:link {
	color: #5c1717;
	

}
a.faqanswers:visited {
	color: #5c1717;
	

}
a.faqanswers:hover {
	color: #333399;
	text-decoration: underline;
	

}
a.faqanswers:active {
	color: #a92b40;
	}
.counter {
width: 1.2em;
float: left;
margin-right: 5px;
margin-top: 0px;
clear: both;
font-size: .8em;
font-weight: bold;
border: 1px solid #a92b40;
text-align: center;
color: #a92b40;
background-color: #fdc79b;
padding: 2px;
}
.faqquestioncontainer {
width: 85%;
margin-bottom: 10px;
margin-left: 25px;
position: relative;
}
.faqtableheader {
	background-color: #a92b40;
	float: left;
	color: #FFFFFF;
	font-size: .7em;
	font-weight: bold;
	width: 630px;
}
.faqtablerow1 {
	background-color: #FFFFCC;
	float: left;
	color: #a92b40;
	font-size: 0.7em;
	width: 630px;
}
.faqtablerow2 {
	background-color: #FFCC99;
	float: left;
	color: #a92b40;
	font-size: 0.7em;
	width: 630px;
}

.cell {
	float: left;
	margin-right: 3px;
	width: 90px;
	padding: 5px;

}
.cell1 {
	float: left;
	margin-right: 3px;
	width: 90px;
	padding: 5px;
	text-align: center;

}

.largecell {
	float: left;
	margin-right: 3px;
	width: 100%;
	padding: 5px;
}

.faqbiheader {
	background-color: #fcdbc1;
	float: left;
	color: #000066;
	font-weight: bold;
	width: 450px;
	border-top: 1px solid #ffad6b;
	border-right: 1px solid #ffad6b;
	border-left: 1px solid #ffad6b;
	border-bottom-width: 2px;
	border-bottom-style: double;
	border-bottom-color: #5c1717;
}
.faqbitablerow1 {
	background-color: #FFFFCC;
	float: left;
	color: #a92b40;
	width: 450px;
	clear: both;
	border-top-color: #ffad6b;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffad6b;
	border-left-color: #ffad6b;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffad6b;
}
.faqbetablerow2 {
	background-color: #FFCC99;
	float: left;
	color: #a92b40;
	width: 450px;
}

.cellbi {
	float: left;
	margin-right: 3px;
	width: 90px;
	padding: 5px;

}
.cellbi-low {
	float: left;
	margin-right: 3px;
	width: 90px;
	padding: 5px;
}.cellbi-low1 {
	float: left;
	margin-right: 3px;
	width: 90px;
	padding: 5px;
	font-size: 0.8em;
}

.cellbi-low2 {
	float: left;
	margin-right: 3px;
	width: 200px;
	padding: 5px;
	font-size: 0.8em;
}

.cellbi1 {
	float: left;
	margin-right: 3px;
	width: 90px;
	padding: 5px;
	text-align: center;

}

.largecellbi {
	float: left;
	margin-right: 3px;
	width: 100%;
	padding: 5px;
}
.faqbi3header {
	background-color: #fcdbc1;
	float: left;
	color: #000066;
	font-weight: bold;
	width: 620px;
	border-right: 1px solid #ffad6b;
	border-left: 1px solid #ffad6b;
	clear: both;
}
.rowbi2 {
	background-color: #FFFFCC;
	float: left;
	color: #a92b40;
	width: 620px;
	clear: both;
	border-top-color: #ffad6b;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffad6b;
	border-left-color: #ffad6b;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffad6b;
}


.cellbi2 {
	float: left;
width: 45px;
	padding: 3px;
	font-size: .7em;
	text-align: center;

}
.cellbi3 {
	float: left;
width: 42px;
	padding: 3px;
	font-size: .7em;
	text-align: center;
}
.cellbi4 {
	float: left;
	width: 96px;
	padding: 3px;
	font-size: .7em;	text-align: center;

}

.cellbi1 {
	float: left;
	width: 80px;
	padding: 3px;
}
.cellbi1a {
	float: left;
width: 86px;
	padding: 3px;
	font-size: .8em;

}
.sitemap {
font-size: small;
}
.closewindow {
font-size: smaller;
font-weight: normal;
}



.googlelink   {
	 
	font-size:10px; 
}.googlelink a:link  {
	color:#FF0000;
	 text-decoration:none;
}
.googlelink a:visited  {
	color:#666666;
}
.googlelink a:hover  {
	color:#000066;
}
.googlelink A:active  {color:#ff0000;}

#siteinfo {margin-left:70px;}


div#leftcol p.strong {font-weight:bold;margin-bottom:0px;line-height:.8em;margin-top:10px;}
div#leftcol p.siteinfo {margin-top:5px;line-height:1.5em;}

#animation-google{background: #666666;color: #999999;width: 300px;overflow:auto;margin-right:20px;float:left;}
#animation-google2{background: #666666;color: #999999;width: 300px;overflow:auto;margin-right:20px;float:left;}
#animation h3{font-weight: bold;margin: 3px;}
#animation-google ul {margin:0px 0px 30px 0px;
padding:0px;list-style:none;}
#animation-google ul li {font-size:95%; float:left;display:block;position:relative; }
#animation-google p.animation-instructions {
	line-height: 80%;
	color: #fff;
	line-height: 150%;
font-weight:normal;
margin:0px 0px 0px 20px;
font-size:110%;
padding:0px;
}
#animation-google p.googlemaps-info {
	color:#FFCC00;
	margin:10px 20px 0px 20px;
	font-size:70%;
	font-weight:bold;
	border-top:1px dotted #fff;
	clear:both;
	padding:5px 0px 0px 0px;}
 
#animation-google a:link {color:#fff;text-decoration:none;font-size:80%;}

#animation-google a:hover {color:#FFFF00;text-decoration:underline;}
#animation-google a:visited, #animation-google a:active {color:#fff;text-decoration:none;}
p.animation-instructions a {
	margin-left:50px; color:#ccc;}