.main-table {
	font-size: 127%;  /* Enables font size scaling in MSIE */
	float: left;
	margin-top: 3px;
	margin-left: 2px;
}

.tableBackgrnd {
	background-color: #222;

  }
.H10 {
	text-align: center;
	background-image: url(./wx/images/bar.png);
	padding-bottom: 3px;
	padding-top: 4px;
	font-size: 12px;
	font-family: Arial;
	letter-spacing: 0.6ex;
	color: #EEE;
	font-weight: bold;
	margin-right: 12px;
}
#current{
	padding: 8px 0 0 0;
	font: 100%/1.0 "arial",sans-serif;
  }
#current table{
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
  }
.currentText {
	background-color: #777;
	color: #F9FFCC;
	font-size: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: center;
	width: 96px;
  }
.currentTextsum {
	background-color: #777;
	color: #F9FFCC;
	padding: 0;
        position: absolute;
        margin: 0;
  }
.currentData {
	background-color: #777;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 96px;
  }
.currentDatasum {
	background-color: #777;
	text-align: center;
	vertical-align: middle;
        padding-top: 0px;
        
        
  }
.currentUOM {
	font-size: 10px;
  }
hr {
	width:275px;
 color:#000; /* for IE */
 background-color:#000; /* for FF and Opera */
 height:2px; /* for Opera */
 border:none; /* to get rid of (dark) border in FF and Opera */
}
#advisory{
	 color:#CCC;	
}
.baroImg{
	background-image: url(./images/barobackgrnd.png);
	background-repeat: no-repeat;
  }
.dewpImg{
	background-image: url(./images/dewbackgrnd.png);
	background-repeat: no-repeat;
  }
.humidImg{
	background-image: url(./images/humidbackgrnd.png);
	background-repeat: no-repeat;
  }
.rainImg{
	background-image: url(./images/rainbackgrnd.png);
	background-repeat: no-repeat;
  }
.tempImg{
	background-image:url('./images/thermobackgrnd.png');
	background-repeat: no-repeat;
  }
.windImg{
	background-image: url(./images/windbackgrnd.png);
	background-repeat: no-repeat;
  }
.simImg{
	background-image: url(./images/summary.png);
	background-repeat: no-repeat;
  }
.wxTitle {
	background-color: #555;
	color: #FE0;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 0;
	width: 170px;
  }

.bottomDetail {
	background-color: #333;
	text-align: center;
	font-size: 12px;
  }
.bottomData {
	font-size: 11px;
	text-align: center;
	background-color: #444;
	padding-bottom: 4px;
	padding-top: 4px;
	width: 90px;
	color: #FFF;
  }
  
.extremeBlank {
	font-size: 70%;
  }
.extremeData {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
  }
.extremeDate {
	font-size: 90%;
	color: #CCC;

  }
.extremeUOM {
	font-size: 90%;
	color: #EEE;
  }
.extremeTitle {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #963;
	color: #FC0;
	font-size: 70%;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
  }

.hi {
	font-size: 80%;
	color: #BB1D06;
  }
.lo {
	font-size: 70%;
	color: #0171C2;
  }
.genInfo {
	padding: 18px 0 0 0;
 }
.genInfo img{
	margin: 10px 0 10px 0;
    border:1px solid #777;
	}
.top-table {
	float: left;
	padding: 0 4px 0 4px;
}
.lowerInfo {
	padding: 0 5px 5px 5px;
	text-align: center;
	clear: both;
  }
.lowerInfo img{
	margin: 10px 0 10px 0;
    border:1px solid #777;
	}
.lowerInfo hr {
	width:640px;
 color:#000; /* for IE */
 background-color:#000; /* for FF and Opera */
 height:2px; /* for Opera */
 border:none; /* to get rid of (dark) border in FF and Opera */
}
#wsCams {
	text-align: center;
	float: left;
	padding: 0 10px 0 10px;
}
.con{
width: 676px;
margin: 0px auto -1px auto;
}   
#context
{
   margin: 0px auto -1px auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	float: left;
}
table.c {
	vertical-align: top;
	float: left;
	text-align: center;
     margin: 0px auto -1px auto;
}
.tempBkg {
	background-image: url(./images/28.png);
	color: #EEE;
	height: 28px;
	border: 1px solid #333333;
	padding-left: 6px;
}
.leftBorder {
	background: #111;
	border-left: 1px solid #333333;;
	color: #FC0;
	padding: 8px 8px 8px 8px;
}
.leftbottomBorder {
	background: #111;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding-bottom: 8px;
}
.betweenBox {
	background: #111;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	color: #CCC;
	padding: 8px 8px 8px 8px;
}
.srcolor {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
}

.wStationTitle {
	font-size: 12pt;
	text-align: center;
}
img.floatLeft { 
	float: left; 
    margin: 4px; 
    padding-right:6px;
}
img.floatRight { 
	float: right; 
    margin: 0 0 0 4px; 
    padding-left:6px;
}

.linkText { 
    color: inherit;
}
p.line {
	line-height: 0.4em;	
}
#page-copy {
  background-color: #000;
  text-align: justify;
  margin: 0 0.8em 0 0.8em;
  padding: 1em .5ex 1em .5ex;
  border: 1px solid rgb(216,210,195);
}
.justify {
	text-align: justify;	
}
#primary-copy {
  color: black;
  background-color: #000;
  text-align: justify;
  margin: 0 0.8em 0 0.8em;
  padding: .5ex .5ex 1em .5ex;
  border: 1px solid rgb(216,210,195);
}