/************************************************
This is the custom style sheet, containing styles
that will be customized for each project.
************************************************/
.body {
	border:0px;
	margin: 0px auto -1px auto;
	padding:0px 0px 0px 0px;
	background-image:url(images/bodyBG.jpg);
	background-repeat: repeat-x; 
	background-color: #719D0A;
	
}

/* Base font style and size set here */
body,td,th,p,select,li,ul,input,blockquote,textarea {
	font-family: Verdana, Arial, san-serif;
	font-size:11px;
    text-align: center;
}

a img { border: 0 }

a
{
	color:Blue;
	text-decoration:underline;	
}

a:hover
{ 
    text-decoration:none; 
}

a:visited
{
	color:Purple;
}


.mainSpan { /*containing frame for the site*/
	border-top:solid 2px #FFFFFF;
	border-bottom:solid 2px #FFFFFF;
	padding:0px 0px 0px 0px;
	text-align:left;
	background:#FFFFFF;
	background-image:url(images/leftnavBG.gif);
	background-repeat: repeat-y;
	background-position:0px 0px;
	position:relative;
	float:left;
	width: 740px; height: 1200px; top: 0px;
	left: 15%;
	margin-left: 0px;
	/*left: 50%  margin-left: -370px*/
	
}

.mainplotSpan { /*containing frame for the plot page*/
	border-top:solid 2px #FFFFFF;
	border-bottom:solid 2px #FFFFFF;
	padding:0px 0px 0px 0px;
	text-align:left;
	background:#FFFFFF;
	background-image:url(images/leftnavBG.gif);
	background-repeat: repeat-y;
	background-position:0px 0px;
	position:relative;
	float:left;
	width: 740px; height: 1250px; top: 0px;
	left: 15%;
	margin-left: 0px;
	/*left: 50%  margin-left: -370px*/
	
}

.title {
    padding:15px 0px 0px 15px ;
    margin-bottom:5px;
    text-transform:uppercase;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	color: #174F02;
	line-height: 24px;
	background-image: url(images/titleBG.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	position:relative; 
	float:left;
	top: 33px; left: 0px; width: 547px;
	
}


/************************************************
Left navigation 
************************************************/
.titlehead {
	position:relative;
	float:left;
	left:2px;
	background-image:url(images/headerBG.gif);
	background-position:0px 0px;
	background-repeat: no-repeat;
	height:63px;
	width:736px;
}

.leftnav { /* no left/right: padding, margin, border */
	font-family:Arial, Helvetica, Sans-Serif;
	color:#7F7F7F;
	font-size:11px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position:relative;
	left: 0px; 
    top: 0px; 
    height: 189px; 
    width: 172px;
}

.leftnav_links
{
   font-family:Arial, Helvetica, Sans-Serif;
   font-size:11px;
   text-align:left;	
}

.leftnav a {
	display:block;
	padding: 3px 3px 3px 12px;
	color: #7F7F7F;
	text-decoration:none;
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position:5px 8px;
}

.leftnav a:hover {
	color: #7F7F7F;
	text-decoration:underline;
}

.leftnav a:visited 
{
	color: #7F7F7F;
}

.leftnav_node_wrapper {
    background-color:#FFFFFF; 
}

.leftnav_node_wrapper,.leftnav_node_wrapper_root {
    border-bottom:0px solid #FFFFFF;
    border: solid 1px #006600;
       
}

.leftnav_node_wrapper_root a 
{
	display:block;
	padding: 3px 3px 3px 5px;
	background-color:#F4F1EA;
	background-image:none;
	
}

.leftnav_node_haschildren a {
	padding: 3px 3px 3px 12px;
	background-image: url(images/arrow_down.gif);
	background-repeat: no-repeat;
	background-position:2px 8px;
}

.leftnav_node_iscurrent a {
}

.leftnav_node_wrapper_root, .leftnav_node_haschildren a
{
	display:block;
	padding: 3px 3px 3px 5px;
	background-image: none;
	border: solid 1px #006600;
		  
}

/************************************************
Added by Scott
************************************************/


.plot 
{
    float:left;
    position:relative; 
    background-position: bottom left;
    text-align:left;
}

.plotdate
{
    float:left;
    position:relative; 
    background-position: bottom left;
    text-align:left;
    top: 90px; left: 0px; width: 150px; height: 21px;
}

.plotup 
{
    float:left;
    position:relative; 
    background-position: left bottom;
    text-align:left;
    top: 75px; 
left: -206px; 
width: 19px; height: 19px;
}

.plotdown 
{
    float:left;
    position:relative; 
    background-position: left bottom;
    text-align:left;
    top: 33px; 
left: -220px; 
width: 19px; height: 19px;
}

.disclaimer
{
    float:left;
    position:relative;
    left: 10px; 
    top: -300px; 
    width: 162px; 
    height: 199px;
    font-size:smaller;
    font-style:normal;
    font-family: Arial;     
}

.met {
    padding: 0px 0px 0px 0px ;
    margin-bottom:5px;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color: #174F02;
	line-height: 14px;
	background-image: url(images/databack.gif);
	background-position: bottom left;
	text-align:center;
	float:left;
	position:relative;  
	
}

.metdata {
    padding: 0px 0px 0px 0px ;
    margin-bottom:5px;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color: #174F02;
	line-height: 14px;
	text-align:center;
	float:left;
	position:relative;  
}

.metdateback {
    padding:0px 0px 0px 0px;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color: #D7E6CF;
	line-height: 14px;
	background-image: url(images/at.jpg);
	background-position: bottom left;
	text-align:center;
	float:left;
	position:relative; 
}

.metdate {
    padding:0px 0px 0px 0px;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color: #D7E6CF;
	line-height: 14px;
	text-align:center;
	float:left;
	position:relative; 
}

.datasection 
{
    float:right;
    position:relative;
    left: 407px; top: 0px; width: 337px; 
    height: 322px;   
    
}

.styleozone
{
    float: right;
    position: relative;
    left: 0px;
    top: 0px;
    width: 300px;
    height: 147px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
}

.styleozonetable
{
    float: right;
    position: relative;
    left: 0px;
    top: 0px;
    width: 300px;
    height: 178px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
    border:2px solid silver;
}

.stylepm25
{
    float: right;
    position: relative;
    left: 0px;
    top: 0px;
    width: 300px;
    height: 147px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
}

.stylepm25table
{
    float: right;
    position: relative;
    left: 0px;
    top: 24px;
    width: 300px;
    height: 178px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
    border:2px solid silver;
}

.stylepm10
{
    float: right;
    position: relative;
    left: 0px;
    top: 0px;
    width: 300px;
    height: 147px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
}

.stylepm10table
{
    float: right;
    position: relative;
    left: 0px;
    top: 50px;
    width: 300px;
    height: 178px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
    border:2px solid silver;
}
            
.styleAQtable
{
    float: right;
    position: relative;
    left: 0px;
    top: 0px;
    width: 223px;
    height: 188px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
    border:2px solid silver;
}
            
.style2
{
    font-size: small;
    font-style: normal;
    text-align:left;
}

.style3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}

.style4
{
    height: 28px;
}

#Div2
{
    top: -58px;
    left: 0px;
    height: 639px;
}

.styletabletitle
{
    height: 25px;
}

.styletablecell
{
    height: 45px;
}

.chart
{
    float:left;
    position:absolute; 
    background-position: bottom left;
    font-size: 12px;
}

.thumbimage
{
    position: absolute;
    left: 175px;
    top:150px;
    visibility:visible;
    vertical-align:middle;
    border-style:solid;
    border-color:black;
    background-color:#c8d1d4;
}        

.fullimage
{
    position: absolute;
    left: 225px;
    top: 600px;
    width:430px;
    height:330px;
    display:none;
    visibility:visible;
    vertical-align:middle;
    border-style:none;
}

.midsection 
{
    float:right;
    position:relative;
    left: -122px; 
    top: 2px; 
    width: 442px; 
    height: 401px;     
}

.healthsection 
{
    float:right;
    position:relative;
    left: -122px; 
    top: 2px; 
    width: 442px; 
    height: 2050px;     
}
 
.healthinfo 
{
    float:left;
    position:relative;
    left: 15px; 
    top: 40px; 
    width: 530px; 
    height: 2050px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2;
    text-align:justify;
         
}

.healthSpan { /*containing frame for the health page*/
	border-top:solid 2px #FFFFFF;
	border-bottom:solid 2px #FFFFFF;
	padding:0px 0px 0px 0px;
	text-align:left;
	background:#FFFFFF url('images/leftnavBG.gif') repeat-y 0px 0px;
	position:relative;
	float:left;
	width: 740px; height: 2120px; 
    top: 0px;
	left: 15%;
	margin-left: 0px;
	line-height:15px;
	
	/*left: 50%  margin-left: -370px*/
}

.aboutinfo 
{
    float:left;
    position:relative;
    left: 15px; 
    top: 40px; 
    width: 530px; 
    height: 1041px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2;
    text-align:justify;
    line-height:15px;
            
}

.aboutSpan { /*containing frame for the health page*/
	border-top:solid 2px #FFFFFF;
	border-bottom:solid 2px #FFFFFF;
	padding:0px 0px 0px 0px;
	text-align:left;
	background:#FFFFFF;
	background-image:url(images/leftnavBG.gif);
	background-repeat: repeat-y;
	background-position:0px 0px;
	position:relative;
	float:left;
	width: 740px; height: 1500px; top: 0px;
	left: 15%;
	margin-left: 0px;
	/*left: 50%  margin-left: -370px*/
}

.pcontrols
{
    float:left;
    position:absolute; 
    background-position: bottom left;
    font-size: 12px;
    border: 0;
    background: #fff;
    background-color:#F4F1EA;
    padding: 0px;
    
}

.pcontrols2
{
    float:left;
    position:absolute; 
    background-position: left bottom;
    width: 100px; height: 20px; top: 200px; left: 34px;
}


.disclaimerT1
{
    float:left;
    position:relative;
    left: -172px; 
    top: 650px; 
    width: 163px; 
    height: 210px;
    font-size:7pt;
    font-style: normal;
    font-family: Arial;     
}

.disclaimerT2
{
    float:left;
    position:relative; 
    background-position: bottom left;
    text-align:left;
    font-size:7pt;
}

.disclaimerT3
{
    float:left;
    position:absolute; 
    background-position: bottom left;
    font-size: 12px;
    font-size:7pt;
}

.stylelegend
{
  float: left;
  position: relative;
  left: -226px;
  top: -368px;
  width: 244px;
  height: 185px;
  font-size: medium;
  font-style: normal;
  font-family: Arial;
  border:2px solid silver;
}

.styleleg
{
  float: left;
  position: relative;
  font-size: 7pt;
  font-style: normal;
  text-align:left;
  left: 0px;
  top: 0px;
  width: 25px;
  height: 25px;
}

.hits
{
    float:left;
    position:absolute;
    left: -357px; 
    top: 575px; 
    width: 86px; 
    height: 30px;
    font-size:smaller;
    font-style:normal;
    font-family: Arial;
         
}

.hitstimeline
{
    float:left;
    position:absolute;
    left: 45px; 
    top: 1040px; 
    width: 86px; 
    height: 30px;
    font-size:smaller;
    font-style:normal;
    font-family: Arial;
         
}

.hitsabout
{
    float:left;
    position:absolute;
    left: 45px; 
    top: 1150px; 
    width: 86px; 
    height: 30px;
    font-size:smaller;
    font-style:normal;
    font-family: Arial;
         
}

.hitshealth
{
    float:left;
    position:absolute;
    left: 45px; 
    top: 2050px; 
    width: 86px; 
    height: 30px;
    font-size:smaller;
    font-style:normal;
    font-family: Arial;
         
}

.noticespan
 {
   text-decoration: underline;
 }
 
 .noticediv
 {
   float: right;
   position: relative;
   left: 0px;
   top: 0px;
   width: 300px;
   height: 147px;
   font-size: medium;
   font-style: normal;
   font-family: Arial;
   text-align: left;
 }
 
 .navtitle
 {
     font-family:Arial, Helvetica, Sans-Serif;
	 font-size:11px;
     font-weight:bold;
     text-align:left;
     width:160px;
 }
 
  
 /************************************************
 Top nav 
************************************************/ 
  .topxmenu
 {
    
     position: relative; float:left; top: 0px; left: 6px; width: 730px; z-index:999;
 }
 
 .topstatic
 {
    
     padding-left:0px;
     margin-left:-2px;
     
     padding-right:0px;
     margin-right:0px;
 }
 
 .topstaticall
 {
     padding-left:0px;
     margin-left:0px;
     
     padding-right:0px;
     margin-right:0px;
 }
 
 .topnavitem
 {
     background-color:#ECF7DD;
     
     height:22px;
     padding-left:3px;
     padding-right:3px;
     color: #174F02;
     border-bottom: solid 1px #006600;
     border-left: solid 1px #006600;
     border-right: solid 1px #006600;
     font-family:Arial, Helvetica, Sans-Serif;
	 font-size:smaller;
	 
     text-align:left;
     margin-left:0 auto;
     margin-right:0 auto;
 }
 
 .topnavhover
 {
   
     background-color:#F4F1EA;
     
     height:22px;
     padding-left:3px;
     padding-right:3px;
     color: #174F02;
     border-bottom: solid 1px #006600;
     border-left: solid 1px #006600;
     border-right: solid 1px #006600;
     font-family:Arial, Helvetica, Sans-Serif;
	 font-size:smaller;
	 
      text-align:left;
      margin-left:0 auto;
      margin-right:0 auto;
 }
 
 .topnavdyn
 {
   
     text-align:left;
     margin-left:0 auto;
     margin-right:0 auto;
    
 }
 
 
  
 /************************************************
 New postioning items needed after top nav added
************************************************/

 .newleftnav { /* no left/right: padding, margin, border */
	font-family:Arial, Helvetica, Sans-Serif;
	color:#7F7F7F;
	font-size:11px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position:relative;
	left: 0px; 
    top: -2px; 
    height: 189px; 
    width: 172px;
}

.newmidsection 
{
    float:right;
    position:relative;
    left: -122px; 
    top: 0px; 
    width: 442px; 
    height: 421px;     
}

.newmidsection2
{
    float:left;
    position:relative;
    left: 0px; 
    top: 0px; 
    width: 554px; 
    height: 421px;     
}

.newmidsection3
{
    float:left;
    position:relative;
    left: 172px; 
    top: -60px; 
    width: 427px; 
    height: 40px;     
}

.newmetsection 
{
    float:left;
    position:relative;
    left: 5px; top: 68px; width: 112px; 
    height: 322px;   
}

.newidealsection 
{
    float:left;
    position:relative;
    left: 174px; 
    top: 10px; 
    width: 249px; 
    height: 216px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;     
}

.newtablesection 
{
    float:left;
    position:relative;
    left: 174px; 
    top: -10px; 
    width: 223px; 
    height: 208px;
    font-size: medium;
    font-style:normal;
    font-family: Arial;
}

.newstylelegend
{
  float: left;
  position: relative;
  left: 174px;
  top: 0px;
  width: 244px;
  height: 182px;
  font-size: medium;
  font-style: normal;
  font-family: Arial;
  border:2px solid silver;
}

.newstyleAQtable
{
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    width: 223px;
    height: 188px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
    border:2px solid silver;
}

.newstyleozonetable
{
    float:left;
    position: relative;
    left: 90px;
    top: 88px;
    width: 300px;
    height: 178px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
    border:2px solid silver;
}

.newstylepm25table
{
    float: left;
    position: relative;
    left: 90px;
    top: 100px;
    width: 300px;
    height: 178px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
    border:2px solid silver;
}

.newstylepm10table
{
    float: left;
    position: relative;
    left: 90px;
    top: 129px;
    width: 300px;
    height: 178px;
    font-size: medium;
    font-style: normal;
    font-family: Arial;
    border:2px solid silver;
}





.newdatasectionleft 
{
    float:left;
    position:relative;
    left: 0px; top: 0px; width: 337px; height: 322px;   
    
}

.newdatasectionright 
{
    float:left;
    position:relative;
    left: 100px; top: 200px; width: 337px;height: 322px;   
    
}



.newhits
{
    float:left;
    position:relative;
    left: -120px; 
    top: -80px; 
    width: 86px; 
    height: 30px;
    font-size:smaller;
    font-style:normal;
    font-family: Arial;
         
}