* {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; 

}
.faqimage {
float: left;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 5px;
}
body {
	color: #333333;
	text-align: left;
	background-color: #ffffff;
	font-family: 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%;
	padding-bottom: 10px;
	 

}
div#pollutioncontainer p {
	line-height: 2em;
	font-size: .8em;
	color: #336699;

}

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

.pollutioncontent {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 530px;
	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: 40px;
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;
 
border: 2px solid #cc0000;
}
.fontsizealt {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.bl {background: url(../images/bl.gif) 0 100% no-repeat #fff; width: 250px; border: 1px solid #cc0000;}
.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: #003366;
}
a.pollution:visited {
	color: #003366;

}
a.pollution:hover {
	color: #00FF00;

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

}


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


 .lowon {
 
 	color: #ffffff;
	padding: 2px 2px 2px;
	border: 1px solid #ffffff;
	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 #ffffff;
	float: left;
	margin-right: 5px;
	font-size: .6em;
	font-weight: bold;	
	background-color: #FF9900;



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


}
 .vhighon {	
 
	padding: 2px 2px 2px;
	border: 2px solid #ffffff;
    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 #009933;
    background-color: #DFDFDF;
    color: #999999;
	float: left;
	margin-right: 5px;
	font-size: .6em;
	font-weight: bold;	



}
#noscript {
position: absolute;
top: 87px;
left: 110px;
	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: bold;
}



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

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

div#noscriptlinks p{

	margin: 5px;
}
.clear{
clear: both;
}

.graphs-check {

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

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

	color: #cc0000;
	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 #cccccc;
}
#flashplacement {
	float: left;
	margin-right: 10px;
	margin-bottom: 200px;
}
#flashplacement2 {
	float: left;
	margin-right: 10px;
	width: 250px;
	height: auto;
	}

.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: 0px;
	

}
.bl3 {background: url(../images/bl3.gif) 0 100% no-repeat #336699; 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 #336699; 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 #336699; 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 #336699; 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: #fff;
	padding: 5px;
	width: 180px;
	border: 1px solid #666666;
	font-size: .8em;}
.linksboxouttwo {
	background-color: #fff;
	padding: 5px;
	width: 300px;
	border: 1px solid #666666;
	text-align: right;
	font-size: .8em;}
.linksboxout315 {
	background-color: #fff;
	padding: 5px;
	width: 315px;
	border: 1px solid #666666;
	text-align: left;
	font-size: .8em;}
.linksboxoutfaq {
	background-color: #fff;
	padding: 5px;
	width: 245px;
	border: 1px solid #666666;
	text-align: left;
	font-size: .8em;}

.linksboxouthdr {
	background-color: #336699;
	color: #fff;
	padding: 5px;
	width: 180px;
	border: 1px solid #666666;
	font-weight: bold;
		font-size: .9em;
		
}.linksboxouthdr2 {
	background-color: #336699;
	color: #fff;
	padding: 2px;
	width: 160px;
	border: 1px solid #666666;
	font-weight: bold;
		font-size: .9em;}


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

.linksboxoutsubhdr {	
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #CC0000;
	margin-top: 6px;
	margin-bottom: 2px;
	
	border-bottom: 1px solid #666666;
	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: auto;
}
div#leftcol h2 {
font-size: 1.2em;
}
div#leftcol h3 {
font-size: 1em;
}
div#leftcolsml p {
font-size: .8em;
line-height: 1.5em;
}div#leftcolsml2 p {
font-size: .8em;
line-height: 1.5em;
}

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

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

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


#date {
	 
	color: #fff;
	font-size: 11px;
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}
#logobar {background: #336699; overflow: auto; padding: 10px;}
#header{
	clear: both; height: 184px;
	padding: 1px 0 0 0;
	background-color: #3069b8;
	background-image: url(../images/et-header-bg.jpg);
	border-bottom: 5px solid #336699;
	 
}

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

#navbar {
	clear: both;
	background: #33cc33 center;
	height: 28px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;

}
#groupofcompanies {
	clear: both; 
	overflow: auto;
	background-color: #e3ecc5;
	background-image: url(../images/footer1bg.jpg);
	background-repeat: no-repeat;
	padding: 10px; 
	font-size: .75em;
}
#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: #666666;
	color: #999999;
	width: 241px;
	height:605px;
	float: left;

}


div#welcome{

	float: left;
	width: 45%;
	margin-top: 5px;
	margin-bottom: 0;
	overflow: auto;
		}
div#welcome p{
font-size: .8em;
line-height: 1.5em;
margin-left: 15px;
}

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

	}

div.alerts-text {
	height: auto;
	overflow: auto;
	padding: 0px;
	color: #666666;
	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;
}
.alertsheader {
	font-weight: bold;
	color: #CC0000;
	font-size: 1em;
	
}
.alerts-instructions {	
	margin-top: 10px;
	color: #cc0000;
	font-weight: bold;
	font-size: .7em;


}
.bl2 {background: url(../images/bl2.gif) 0 100% no-repeat #fff; width: 250px; border: 1px solid #cc0000; }
.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: #fff;
    display: inline;
}
div#leftcol ul{
    font-size: .8em;}

div#leftcolsml ul{
    font-size: .8em;}

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: #336699;
    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 #333366;
    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: #333366;
    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: #fff;
    border: 2px ridge #336;
}



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

div#data table#basedata td.date{
    background-color: #CCCCCC;
    color: #333333;
    font-weight: bold;
}

p.nb{
    color: #666666;
}


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

div#inner p{

}



div#links{
	clear: both;
	background: #336699;
}

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: bold;
/*border: 1px solid green;*/
}



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

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

div#links p{

	margin: 5px;
}

/*specific nav styles*/

div#bottombar{
	background-color: #336699;
	color: #fff;
	clear: both;
	float: left;
	font-size: .8em;
	width: 100%;
	padding-bottom: 5px;
}
div#bottombar ul{
	padding: 5px;
}

div#bottomnav a,
div#bottombar a{
	color: #fff;
}

div#bottombar a:hover{
	color: #A8A7A8;
}

div#bottomnav a:hover{
	color: #CCDBEE;
}

div#bottomnav{
	background-color: #336699;
	border-top: 1px solid #fff;
	clear: both;
	float: left;
	width: 100%;
	font-size: .8em;
}

div#bottomnav ul {
padding: 5px;
}

#nav3 li a{
color: #244268;
}







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%;
 border: 1px solid #fff;
 padding: 3px;
 clear: both;
 margin-bottom: 5px;
 }
 
  .fontsize-internal {
 width: 178px;
 background-color: #ffffff;
 border: 1px solid #666666;
 padding: 6px;
 margin-bottom: 5px;
 }
 #siteswrapper {
 float: left;
 width: 150px;
 height: 200px;
 margin-left: 10px;
 margin-right: 10px;
 border: thin solid #CC0000;
 }
 #sitescontent {
 float: left;
 width: 33%;
 height: auto;
 border: thin solid #CC0000;
 }

 .sites-title {
color: #cc0000;
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: #666666;
	float: left;
	margin-right: 5px;
}


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

.links2 {
	padding: 2px;
	margin: 2px;
}
#footer {
    background-color: #336699;
	font-size: .8em;
	float: left;
	clear: both;
	width: 100%;
	height: auto;
	
}
#footer p{
    color: #fff;
	
}
#footer ul li a {color: #fff;}
/* from styles css */


.disclaimer {
	color: #666666;
	font-weight: bold;
	margin-top: 20px;
}
.bodyhome {
	padding-right: 200px;
	padding-left: 20px;
	background-color: #336699;
	padding-top: 7px;
	line-height: 14px;
}
.copyright {
	color: #244268;
	padding: 2px;
	font-weight: bold;
}
.closewindow a {color: #fff; padding: 2px; font-size: .65em;}
a.closewindow:link {color: #fff; padding: 2px;}
a.closewindow:hover {color: #fff;}
a.closewindow:visited {color: #fff;}
a.closewindow:active {color: #fff;}
a.links:link {
	color: #ffffff;
}
a.links:visited {
	color: #F4F3EE;
}
a.links:hover {
	color: #EFEFEF;
}
a.links:active {
	color: #FFFFCC;
}
a.linksyellow:link {
	color: #FFFFFF;
	}
a.linksyellow:visited {
	color: #003366;
	}
a.linksyellow:hover {
	color: #666666;
	}
a.linksyellow:active {
	color: #990000;
	}
.body2 {
	color: #FFFFFF;
}
.privacy {

	color: #333333;
	
}
.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: bold;
	font-size: .7em;
}

a.links2:link {
	color: #333399;
	

}
a.links2:visited {
	color: #333333;
	

}
a.links2:hover {
	color: #C63230;
	

}
a.links2:active {
	color: #FF0000;
	}

.hide {
	color: #fff;
	

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

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

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

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

}
a.sites:link {
	color: #333399;
	font-size: smaller;
	
	
}
a.sites:visited {
	color: #333333;
	font-size: smaller;
	
}
a.sites:hover {
	color: #C63230;
	font-size: smaller;
	
}
a.sites:active {
	color: #FF0000;
	font-size: smaller;
}

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

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

	
	color: #FFFFFF;
	background-color: #336699;
	padding: 4px;
	/*   	cellpadding: 5px;	*/   	
	font-weight: bold;
	font-size: small;
}
.tablebodylg {
	color: #333366;
	padding: 4px;
	/*   	cellpadding: 5px;	*/   	
	font-weight: normal;
	background-color: #fff;
	font-size: small;
}
.tablebody2 {
	
	color: #333366;
	padding: 4px;
	/*   	cellpadding: 5px;	*/   	
	font-weight: normal;
	background-color: #e3e3e3;
	margin: 2px;
	font-size: small; 
}
button {
	font-weight: bold;
	color: #666666;
	font-size: small;
}
input {
	color: #003366;
	font-size: small;
}
.heading {
	color: #C63230;
	font-weight: bold;
	padding: 0px;
}
select {
	color: #333333;
	font-size: smaller;
}
.heading2 {

	
	color: #000000;
	font-weight: bold;

}
.heading3 {


	
	color: #CC3333;
	font-weight: bold;
	padding: 0px;
}
.bottomlinks {
	color: #ffffff;
	padding: 2px;
	font-weight: normal;
}
.linksyellow2 {
	color: #666666;
	background-color: #f8c249;
	font-weight: bold;
	}
.blocks {
	padding: 1px 0px 0px;
}
.links2 {
	display: block;
}
h1 {	font-family: Arial;
	font-style:  normal;
	font-size: 1.8em;
	color: #336699;
	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: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}
h3 {
	font-family: Tahoma, Verdana,arial, sans-serif;font-size: 1em;
	font-weight: bold;
	color: #666666;
	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.boxout li {
padding: 0px 2px 2px 2px;
margin-left: 2px;
} 
div.boxoutfaq ul ol{
margin: 0;
padding: 0;
list-style-type: none;
width: 220px;
}

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

} 

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

div.linksboxoutfaq ol 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 #cccccc;
padding: 10px;
background-color:#FFFFFF;
width: 320px;
height: auto;
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: #666666;
	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: 5px;
font-size: 11px;
}
.red {
color: #ff0000;
font-weight: bold;

}.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: #666666;
font-size: smaller;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1px;
padding: 4px;
width: 168px;
background-color: #ffffff;
border: 1px solid #cccccc;
}
.alerts2 {
color: #666666;
font-size: smaller;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1px;
padding: 4px;
width: 220px;
background-color: #ffffff;
border: 1px solid #cccccc;
}

.alertsred {
	color: #ff0000;
	font-size: smaller;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
	padding: 4px;
	width: 168px;
	background-color: #ffffff;
	border: 1px solid #ff0000;
}
.alertsred2 {
	color: #ff0000;
	font-size: smaller;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
	padding: 4px;
	width: 220px;
	background-color: #ffffff;
	border: 1px solid #ff0000;
}
.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 #ff0000;}

.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;
	}
h2 {margin-left:10px;font-size:1.2em;margin-bottom:0px;color:#ff0000;font-weight:normal;}