* {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: #333333;text-align: left;background-color: #fffff7;font-family: Arial, Helvetica, sans-serif;background-image: url(../images/mainbackground.jpg);background-repeat: no-repeat;}

.bodyhome {padding-right: 200px;padding-left: 20px;background-color: #245b70;padding-top: 7px;line-height: 14px;}
.body2 {color: #FFFFFF;}
.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: Arial, Helvetica, sans-serif;font-size: .7em;}

#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: 480px;float: left;}
div#welcome{float: left;margin-top: 5px;margin-bottom: 0;margin-left: 25px;width: 50%;}
#leftcol {float: left;width: 67%;margin-left: 1%;margin-right: 1%;margin-bottom: 1%;}
#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%;}
#pageheadline {color: #ff0000;margin-left: 20px;margin-bottom: 10px;margin-top: 10px;font-size: large;font-weight: bold;font-family: "Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;	}
#pictureplacement {float: left;margin-right: 10px;margin-bottom: 200px;}
.pictureplacement {padding: 5px;border: 1px solid #cccccc;}

#date {text-align: right;color: #666666;font-size: 80%;position: absolute;z-index: 1;visibility: inherit;right: 30px;top: 2px;}
#header{height: 7em;padding: 1px 0 0 0;background-image: url(../images/aberdeen-bkgrnd-header.gif);background-color: #e6e6e6;background-repeat: repeat-y;}
/*  #navbar {clear: both;background-image: url(../images/aberdeen-bkgrnd-navbar.gif);background-color: #002b55;background-repeat: repeat-y;background-repeat: repeat-x;height: 25px; */  

.copyright {color: #244268;padding: 2px;font-weight: bold;}
.privacy {color: #333333;}
.clear {font-size: .8em; height: 1px} 

.disclaimer {color: #245b70;font-weight: bold;margin-top: 20px;}
.sitemap {font-size: small;}
.closewindow {font-size: smaller;font-weight: bold;}

#footer {background-color: #ffffff;border-top: #666666;margin-left: 2px;margin-top: 2px;margin-bottom: 2px;font-size: 70%;float: left;clear: both;width: 90%;}
.bottomlinks {color: #000000;padding: 2px;font-weight: normal;}

/* p tags */
div#pollutioncontainer p {line-height: 2em;font-size: .8em;}
div#noscriptlinks p{margin: 5px;}
div#leftcol p {font-size: .8em;line-height: 1.5em;margin: 1.2em 0 0 0px;}
div#leftcolsml p {font-size: .8em;line-height: 1.5em;margin: 1.2em 0 0 0px;}
div#leftcolsml2 p {font-size: .8em;line-height: 1.5em;margin: 1.2em 0 0 0px;}
div#welcome p{font-size: .8em;line-height: 1.5em;margin: 1.2em 0 0 0px;}
div#alerts p{margin-bottom: 10px;line-height: 1.5em;}
p.nb{color: #245b70;}

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

div#inner p{}
div#links p{margin: 5px;}

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



/* h1, h2, h3 etc */

h1 {font-style:  normal;font-size: 200%;color: #ff0000;margin-top: 30px;margin-left: 5px;margin-bottom: 10px;padding-left: 5px;font-weight: normal;font-family: "Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;}
div#header h1{margin: 0 0 0 -9999px;clear: both;}

h2 {font-family: "Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;	font-size: 1.3em;font-weight: bold;color: #245b70;margin-top: 10px;margin-bottom: 10px;}
div#leftcol h2 {font-size: 1.2em;}
div#leftcolsml h2 {font-size: 1.2em;}
div#data h2{font-size: 0.9em;color: #CC3233;}

h3 {font-family: Arial, Helvetica, sans-serif;font-size: 1em;font-weight: bold;color: #245b70;margin-top: 10px;margin-bottom: 10px;}
div#leftcol h3 {font-size: 1em;}
div#leftcolsml h3 {font-size: 1em;}
#animation h3{font-weight: bold;margin: 3px;}
div#data table h3{color: #336;}
div#data h3{color: #336;}
div#linktable h3{color: #fff;background-color: #245b70;border: 2px ridge #ccc;border-width: 2px 0 2px 0;padding: 0.15em;}

div#pollutioncontainer h4 {color: #245b70;font-size: 100%;font-family:"Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;}

/* ul li etc */

/* ul{margin: 0 20px 10px 20px;}  */
/* li{margin: 0 0 0 20px;}  */

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

/* no script */
#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{color: #666666;background-image: none;margin-left: 5px;}
div#noscriptlinks li.first{background-image: none;}

#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{float: right;width: 140px;border: 2px ridge #ccc;border-width: 0px 2px 2px 2px;margin: 0px 20px 0px 0px;background-color: #F8EACC;display: inline;}div#linktable a{color: #000;}
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#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;/*border: 1px solid green;*/}
div#links li.title{color: #666666;background-image: none;margin-left: 5px;}
div#links li.first{background-image: none;}

div#bottombar{background-color: #ffffff;color: #fff;border-top: 1px solid #666666;clear: both;float: left;font-size: .8em;width: 100%;}
div#bottombar ul{padding: 5px;}
div#bottombar a{color: #666666;}
div#bottombar a:hover{color: #254b70;}
div#bottomnav{background-color: #ffffff;clear: both;float: left;width: 100%;font-size: 80%;}
div#bottomnav a:hover{color: #254b70;}
div#bottomnav ul {padding: 10px;}

div#nav ul li{margin: 0;padding: 0;} 
#nav3 li a{color: #244268;}

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

div.boxout315 ul{margin: 0;padding: 0;list-style-type: none;width: 300px;}
div.boxout315 ul 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-left: 10px;padding: 10px;list-style-type: none;width: 220px;}
div.linksboxoutfaq ol li{padding: 10px 2px 2px 2px;margin-left: 35px;}

a.links:link {color: #ffffff;}
a.links:visited {color: #F4F3EE;}
a.links:hover {color: #EFEFEF;}
a.links:active {color: #FFFFCC;}

.links2 {padding: 2px;margin: 2px;display: block;}
a.links2:link {color: #333399;}
a.links2:visited {color: #333333;}
a.links2:hover {color: #C63230;}
a.links2:active {color: #FF0000;}

a.links3:link {color: #333399;}
a.links3:visited {color: #333333;}
a.links3:hover {color: #C63230;}
a.links3:active {color: #FF0000;}

a.linksyellow:link {color: #FFFFFF;}
a.linksyellow:visited {color: #003366;}
a.linksyellow:hover {color: #666666;}
a.linksyellow:active {color: #990000;}

.linksyellow2 {color: #666666;background-color: #f8c249;font-weight: bold;}

a.linksbody:link {color: #333399;}
a.linksbody:visited {color: #333333;}
a.linksbody:hover {color: #C63230;}
a.linksbody:active {color: #FF0000;}

.hide {color: #cccccc;}
a.hide:link {color: #cccccc;}
a.hide:visited {color: #cccccc;}
a.hide:hover {color: #cccccc;}
a.hide:active {color: #cccccc;}

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

.small1 {width: 240px;height: 30px;margin-left: 0px;font-size: .8em;} 
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;}

a.pollution:link {color: #666666;}
a.pollution:visited {color: #000000;}
a.pollution:hover {color: #245b70;}
a.pollution:active {color: #ff0000;}

.faqanswers {font-size: .9em;width: 80%;padding: 2px;float: left;margin-bottom: 5px;}
a.faqanswers:link {color: #333399;}
a.faqanswers:visited {color: #333333;}
a.faqanswers:hover {color: #C63230;}
a.faqanswers:active {color: #FF0000;}


/* alerts */
.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;}
.alerts2-315 {color: #666666;font-size: smaller;margin-top: 5px;margin-bottom: 5px;margin-left: 1px;padding: 4px;width: 300px;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;}



/* form styles */
button {font-weight: bold;color: #245b70;font-size: small;}
input {color: #003366;font-size: small;}
select {color: #333333;font-size: smaller;}
.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;}


/* tables */
textarea {font-family: Arial, Helvetica, sans-serif;font-size: small;color: #000033;}
.tableheader {color: #FFFFFF;background-color: #245b70;padding: 4px;font-weight: bold;padding: 4px;font-size: small;width: 300px;}
.tablebody {color: #333366;padding: 4px;font-weight: normal;/*   	background-color: #F8EACC; */  margin: 2px;width: 300px;}
.tablebody1 {color: #333366;padding: 4px;font-weight: normal;/*   	background-color: #F8EACC; */  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: #999999;padding: 4px;font-weight: bold;font-size: small;}
.tableheaderlg {color: #FFFFFF;background-color: #245b70;padding: 4px;/*   	cellpadding: 5px;	*/   	font-weight: bold;font-size: small;}
.tablebodylg {color: #333366;padding: 4px;/*   	cellpadding: 5px;	*/   	font-weight: normal;background-color: #FBE7C6;font-size: small;}
.tablebody2 {color: #333366;padding: 4px;/*   	cellpadding: 5px;	*/   	font-weight: normal;background-color: #ffcc99;margin: 2px;font-size: small;}
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#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: #245b70;color: #fff; border: 2px ridge #336;}
div#data table#basedata td.date{background-color: #CCCCCC;color: #333333;font-weight: bold;}
.faqtableheader {background-color: #003CAF;float: left;color: #FFFFFF;font-size: .7em;font-weight: bold;width: 630px;}
.faqtablerow1 {background-color: #FFFFCC;float: left;color: #003CAF;font-size: 0.7em;width: 630px;}
.faqtablerow2 {background-color: #FFCC99;float: left;color: #003CAF;font-size: 0.7em;width: 630px;}


.faqbiheader {background-color: #cccccc;float: left;color: #000066;font-weight: bold;width: 450px;border-top: 1px solid #999999;border-right: 1px solid #999999;border-left: 1px solid #999999;border-bottom-width: 2px;border-bottom-style: double;border-bottom-color: #003366;}
.faqbitablerow1 {background-color: #FFFFCC;float: left;color: #003CAF;width: 450px;clear: both;border-top-color: #999999;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #999999;border-left-color: #999999;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #999999;}
.faqbetablerow2 {background-color: #FFCC99;float: left;color: #003CAF;width: 450px;}
.faqbi3header {background-color: #cccccc;float: left;color: #000066;font-weight: bold;width: 620px;border-right: 1px solid #999999;border-left: 1px solid #999999;clear: both;}

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

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

.rowbi2 {background-color: #FFFFCC;float: left;color: #003CAF;width: 620px;clear: both;border-top-color: #999999;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #999999;border-left-color: #999999;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #999999;}

.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;}
.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 #666666;padding: 10px;width: 500px;font-size: smaller;}
.bandingtd,bandingth {text-align: center;font-size: small;	padding: 10px;border: 1px solid #666666;}	
.bandingth {font-weight:normal;text-align: center;font-size: small;	font-weight: bold;background-color:#cccccc;padding: 10px;border: 1px solid #666666;}

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

/* homepage styles */

#flashplacement {width: 300px;float: left;position:relative;padding-bottom:2em;}

/* grey bar at top of page under navigation */
#pollutioncontainer {float: left;width: 100%;background-color: #CCCCCC;margin-bottom: 20px;}
/* placement of overall pollution area */
.pollutioncontent {float: left;margin-left: 10px;margin-top: 10px;width: 550px;font-size: 90%;}

/* 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: 90%;width: 50%;}

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


/* font sizer  */
.fontsizetop {float: right;margin-top: 10px;	margin-bottom: 10px;margin-right: 10px;}
#fontsize {width: 250px;height: 100%;background-color: #ffffff;border: 1px solid #666666;padding: 3px;clear: both;margin-bottom: 5px;}
.fontsize-internal {width: 178px;background-color: #ffffff;border: 1px solid #666666;padding: 6px;margin-bottom: 5px;}

#fontsizeralt {font-size: small;font-weight: bold;color: #000000;clear: both;background-color: #F3F3F3;border: 2px solid #ff0000;}
.fontsizealt {margin-left: 10px;margin-right: 10px;margin-top: 10px;margin-bottom: 10px;}


/* rounded corners */

.bl {background: url(../images/bl.gif) 0 100% no-repeat #eae9e9; 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;}

.bl2 {background: url(../images/bl2.gif) 0 100% no-repeat #eae9e9; 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;}

.bl3 {background: url(../images/bl3.gif) 0 100% no-repeat #245b70; 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;}

.bl4 {background: url(../images/bl3.gif) 0 100% no-repeat #245b70; 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 #245b70; 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 #245b70; 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} 


/* 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 #ffffff;background-color: #DFDFDF;color: #999999;float: left;margin-right: 5px;font-size: .6em;font-weight: bold;	}

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


#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: 0px;}
.linksboxout {background-color: #e9ecf1;padding: 5px;width: 180px;border: 1px solid #245b70;font-size: .8em;}
.linksboxouttwo {background-color: #e9ecf1;padding: 5px;width: 300px;border: 1px solid #245b70;text-align: right;font-size: .8em;}
.linksboxout315 {background-color: #e9ecf1;padding: 5px;width: 315px;border: 1px solid #245b70;text-align: left;font-size: .8em;}
.linksboxoutfaq {background-color: #e9ecf1;padding: 5px;width: 245px;border: 1px solid #245b70;text-align: left;font-size: .8em;}

.linksboxouthdr {background-color: #245b70;color: #e9ecf1;padding: 5px;width: 180px;border: 1px solid #245b70;font-weight: bold;font-size: 100%;font-family:"Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;}
.linksboxouthdr2 {background-color: #245b70;color: #e9ecf1;padding: 2px;width: 160px;border: 1px solid #245b70;font-weight: bold;font-size: 100%;font-family:"Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;}
.linksboxouthdrtwo {background-color: #245b70;color: #e9ecf1;padding: 5px;width: 300px;border: 1px solid #245b70;font-weight: bold;font-size: 100%;font-family:"Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;}
.linksboxouthdr315 {background-color: #245b70;color: #e9ecf1;padding: 5px;width: 315px;border: 1px solid #245b70;font-weight: bold; font-size: 90%;font-family:"Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;}
.linksboxouthdrfaq {background-color: #245b70;color: #e9ecf1;padding: 5px;width: 245px;border: 1px solid #245b70;font-weight: bold;font-size: 90%;font-family:"Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;}
.linksboxouthdrfaq2{background-color: #245b70;color: #e9ecf1;padding: 5px;width: 271px;border: 1px solid #245b70;font-weight: bold;font-size: 90%;font-family:"Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;}
.linksboxouthdr200{background-color: #245b70;color: #e9ecf1;padding: 5px;width: 200px;border: 1px solid #245b70;font-weight: bold;font-size: 90%;font-family:"Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;}
.linksboxoutsubhdr {font-family: "Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight: bold;color: #ff0000;margin-top: 6px;margin-bottom: 2px;border-bottom: 1px solid #666666;width: 170px;padding: 2px;}


#bandedarea {float: left;margin-left: 5px;margin-right: 40px;}
/* end of new additions by Catherine 6th september 05 */


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: #666666;font-size: .8em;}
div#alerts2 {color: #000000;font-weight: normal;text-align: left;float: left;height: 8%;}
.alertsheader {font-weight: normal;color: #ff0000;font-size: 150%;font-family: "Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;	}
.alerts-instructions {margin-top: 10px;color: #ff0000;font-weight: bold;font-size: .7em;font-family: "Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;}
.clear {font-size: .8em; height: 1px} 

#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#data{float: left;margin: 0 0px 0 20px;padding: 1px 0 0 0; width: 580px;display: inline;clear: left;}

#siteswrapper {float: left;width: 150px;height: 200px;margin-left: 10px;margin-right: 10px;border: thin solid #ff0000;}
#sitescontent {float: left;width: 33%;height: auto;border: thin solid #ff0000;}
.sites-title {color: #ff0000;font-weight: bold;text-align: center;font-size: .85em;margin-bottom: 2px;font-family: "Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", Arial, Helvetica, sans-serif;	}
.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: #245b70;float: left;margin-right: 5px;}

.faq-question {padding: 5px 10px 5px 5px;font-weight: bold;}
.faqquestioncontainer {width: 85%;margin-bottom: 10px;margin-left: 25px;position: relative;}
.glossary-question {padding: 5px 10px 5px 5px;font-weight: bold;font-size: .7em;}

.heading {color: #C63230;font-weight: bold;padding: 0px;}
.heading2 {color: #000000;font-weight: bold;}
.heading3 {color: #CC3333;font-weight: bold;padding: 0px;}

.datapic {float: left;margin-right: 5px;width: 75px;height: 80px;}
.datacontent {float: left;border: 1px solid #cccccc;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: Arial, Helvetica, sans-serif;;font-size: 11px;clear: both;}

.dataparameters {float: left;margin-right: 5px;margin-top: 10px;font-weight: bold;color: #245b70;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: #ff0000;font-weight: bold;}

.blocks {float: left;clear: both;margin-right: 10px;margin-top: 6px;margin-left: 10px;}
.blocks {padding: 1px 0px 0px;}
.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;}

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

.lowbanding {color:#003366;font-family: Arial, Helvetica, sans-serif;font-weight:bold;background-color: #BBFFD1;	padding: 2px;font-size: .8em;}
.moderatebanding {color:#FFFFFF;	font-family: Arial, Helvetica, sans-serif;font-weight:bold;background: #FF9933;	padding: 2px;font-size: .8em;}
.highbanding {color:#FFFFFF;font-family: Arial, Helvetica, sans-serif;font-weight:bold;background: #FF3300;padding: 2px;font-size: .8em;}
bandingh1 {font-size:medium;}
.vhighbanding {color:#FFFFFF;	font-family: Arial, Helvetica, sans-serif;font-weight:bold;background: #CC0000;}

.frequency_days {width: 22px;}
.frequency_d {width: 20px;}
.frequency_weeks {width: 41px;}
.frequency_months {width: 38px;}

.emailaddress {font-size: .8em;width: 250px;}
.counter {width: 1.2em;float: left;margin-right: 5px;margin-top: 0px;clear: both;font-size: .8em;font-weight: bold;border: 1px solid #666666;text-align:center;color: #666666;background-color: #cccccc;padding: 2px;}


#animation-google{background: #666666;color: #999999;width: 300px;overflow:visible;position:relative;float: left;padding-bottom:2em;}
#animation-google2{background: #666666;color: #999999;width: 300px;height:380px;float: left;}
#animation h3{font-weight: bold;margin: 3px;}
#animation-google ul {margin:0px 0px 0px 30px;
padding:0px;list-style:none;}
#animation-google ul li {font-size:95%;}
#animation-google p.animation-instructions {
	line-height: 100%;
	color: #fff;
	line-height: 150%;
font-weight:normal;
margin:0px 0px 0px 20px;
font-size:110%;
}
#animation-google p.googlemaps-info {color:#fff; margin-left:20px;margin-top:5px;}
p.animation-instructions a{
	margin-left:50px;font-size:85%;color:#ccc;}
 

.small1 {
	font-size: small;
}
#contentleftcol p {
	font-size: 80%;
	line-height: 120%;
}
a.small1:link {
	margin: 5px;
	padding: 5px;
	font-weight: bold;
	color: #ccc;
}
a.small1:visited {
	margin: 5px;
	padding: 5px;
	font-weight: bold;
	color: #ccc;
}
a.small1:hover {
	margin: 5px;
	padding: 5px;
	font-weight: bold;
	color: #fff;
}
a.small1:active {
	margin: 5px;
	padding: 5px;
	font-weight: bold;
	color: #ff0000;
}