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

.tableBackgrnd {
	background-color: #222;
  }
.title {
	text-align: center;
	background-image: url(./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;
  }
#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;
  }
.currentData {
	background-color: #777;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 96px;
  }
.currentUOM {
	font-size: 10px;
  }
hr {
 padding: 0 20px 0 20px;
 color:#000;
 background-color:#000;
 height:1px;
}
#skies{
	padding: 3px 0 3px 0;
}
#advisory{
	 color:#CCC;	
}

.skies table{
	padding: 0 0 0 0;
	float: left;
	width: 100%;
	margin: 10px 0 20px 0;
	height: 578px;
}
.skiesTemp {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #963;
	color: #FFF;
	font-size: 100%;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	width: 55px;
  }
.skiesText {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #963;
	color: #FFF;
	font-size: 90%;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
  }
.skiesTitle {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #963;
	color: #FC0;
	font-size: 90%;
	padding: 8px 2px 2px 8px;
	text-align: center;
	width: 115px;
  }

.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;
  }
.wxTitle {
	background-color: #555;
	color: #FE0;
	font-size: 12px;
	padding-left: 8px;
	width: 170px;
  }

.bottomDetail {
	background-color: #333;
	text-align: center;
	font-size: 90%;
  }
.bottomData {
	font-size: 75%;
	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: 80%;
	color: #CCC;
  }
.extremeUOM {
	font-size: 80%;
	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;
}
.rightBorder {
	background: #111;
	border-right: 1px solid #333333;;
	color: #FC0;
	padding: 0px 8px 0px 8px;
}
.leftbottomBorder {
	background: #111;
	border-left: 1px solid #333333;
	padding-left: 10px;
}
.betweenBox {
	background: #111;
	border-right: 1px solid #333333;
	color: #CCC;
	padding: 0px 5px 6px 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);
}
#detail-copy {
  background-color: #CCC;
  margin: 0 1px 0 1px;
  padding: 0 1.5ex 0 1.5ex;
  border: 1px solid black;
}
.justify {
	text-align: justify;	
}
.recordData {
	font-size: 90%;
	text-align: center;	
	color: #DDD;
    background-color: #333;
}
#records {
  margin: 0.8em 0 0 0.8em;
}

.codebox {
  padding: 14px;
  text-align: left;
  width:500px;
  margin: 0px auto 0px auto;
  font: 500 1em/1em 'Lucida Console', 'courier new', monospace ;
  border: 1px solid #777;  
  background: #EEC;
}


.extremeTitle.info{
    position:relative; /*this is the key*/
    z-index:24;
	color: #FC0;
    text-decoration:none}

.extremeTitle.info:hover{z-index:25;}

.extremeTitle.info span{display: none}

.extremeTitle.info:hover span{ /*the span will display just on :hover state*/
    display:inline; 
	position:absolute; 
	width:13em;
    border:1px solid #DA0;
	padding: 8px 8px 8px 8px;
    background-color:#333; color:#DDD;
    text-align: left}
	
	
	
	
	
.rainImg.info{
    position:relative; /*this is the key*/
    z-index:24;
	color: #FC0;
    text-decoration:none}

.rainImg.info:hover{z-index:25;}

.rainImg.info span{display: none}

.rainImg.info:hover span{ /*the span will display just on :hover state*/
    display:inline; 
	position:absolute; 
	width:20em;
    border:1px solid #DA0;
	padding: 8px 8px 8px 8px;
    background-color:#333; color:#DDD;
    text-align: left}
	
	
.ca {	
	color: #FC0; 
	background-color:#222; 
	text-align: center; 
	width: 100px	
}
	
.cb {
	color: #DDD; 
	background-color:#222; 
	text-align: center; 
	width: 100px
}