/* CSS Document */

p {
	
	margin: .2cm 0cm -.01cm .0cm;
	padding: 0px;
	font-family: Arial;
	font-size: 13px;
}
p.info_sidebar {
	
	margin: .2cm 0cm -.01cm .0cm;
	padding:  .1cm 0cm -.01cm .0cm;
	font-family: Arial;
	font-size: 13px;
}

p.rain {
	width: 100%;	
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #999999;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	margin:0px;
}
p.last_rain {
    width: 100%;	
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color:#000000;
	text-align:center;	
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin:0px
 }   
p.AlmanacM {
	width: 100%;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #999999;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	margin:0px;	
}

p.info {
	width: 100%;
	margin: .1cm 0cm -.01cm .0cm;
	padding: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

hr.about {
	border: 0px;
	width: 100%;
	color: #00B93D;
	background-color: #00B93D;
	height: 4px;
	
}

hr.Calculator {
  border: 0px;
  width: 50%;
  color: #00B93D;
  background-color: #00B93D;
  height: 4px;
}


hr.AIR_q {
  border: 0px;
  color: #006600;
  background-color: #006600;
  height: 2px;
}

hr.sticker {
  border: 0px;
  width: 60%;
  color: #FFFFFF;
  background-color: #FFFFFF;
  height: 2px;
}

sub {	
	font-family: Arial;
	font-size: 70%;			
}

sup {
	font-family: Arial;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
}
form {
    text-align:center;   
}
input.gizmo6 {
    background-color: #006600;
	margin:0px;
	color:#FFFFFF;
	padding: 1px 2px 1px 2px;
	margin-top: 0px;  /*---- Color for Form Buttom on gizmo ---- */
	font-weight: bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;	
}
input.fire6 { /*---- Color for Form Buttom on Chandler Burning Index Calculation ---- */
    background-color: #006600;
	margin:0px;
	color:#FFFFFF;
	padding: 3px 10px 2px 10px;  
	font-weight: bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;	
}
ul.RD       {
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: -10px;
	padding-left: 30px;
	padding-bottom: 0px;
	text-align: left;
}

ul.RD_air       {
	margin-left: 0;
	margin-top: 0px;
	
	padding-left: 18px;
	padding-bottom: 0px;
	padding-top: 5px;
	text-align: left;
}

ul.Ul_RSS2 {
   margin-top: 0px;
   padding-top: 0px;
   margin-bottom: 0px;
   padding-bottom: 0px;
}

ul       {
	text-align: left;
}

p.text_2 {
	border: none;
	width: 100%;
	margin: .2cm 0cm -.01cm .0cm;
	font-family: Arial;		
}

p.text_3 {
	width: 100%;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin:0px;
}
p.text_temp {
	width: 100%;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin:0px;
	white-space:nowrap;
}
div.text_temp {
	width: 100%;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	margin-top: 0.17cm;
	margin-right: 0cm;
	margin-bottom: -0.01cm;
	margin-left: 0cm;
	white-space:nowrap;
}

span.text_HUMtrend {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	white-space:nowrap;
	text-align:center;
	padding:0px;
	margin:0px;
	z-index:50;
	vertical-align: bottom;
}
p.text_4b {
	width: 100%;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	margin: .05cm 0cm 0cm .0cm;
	padding: 0px;
}

p.text_4 {
	width: 100%;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	margin: .12cm 0cm -.01cm .0cm;
	padding: 0px;
}
p.text_4a {
	width: 100%;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	margin-top: 0.05cm;
	margin-right: 0cm;
	margin-bottom: 0cm;
	margin-left: 0cm;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-style: none;
}
p.test1 {
	border: none;
	width: 100%;
	margin: .2cm 0cm -.01cm .0cm;
	font-family: Arial;
	font-size: 19px;
	font-weight: bold;	
}

h1, h2, h3, h4, h5, h6{
	margin: 0px;
	padding: 0px;
}

h6 {			
	font-size: 16px;
	font-family: Arial;	
}

h4 {		
	color: blue;
	font-size: 12px;
	font-family: Arial;
	text-align: left;
}

h3 {		
	color: #000000;
	font-size: 19px;
	font-family: Arial;
	text-align: left;
}

h2 {		
	color: #000000;
	font-size: 19px;
	font-family: Arial;
	
}

h1 {		
	color: #000000;
	font-size: 23px;
	font-family: Arial;
}

/*Main Page Link*/
 a:link {color: #0000FF}
 a:visited {color: purple}
 a:hover {color: red}
 a:active {color: blue}
 a {text-decoration: underline}
 a:hover {text-decoration: none}

.Link_Page a:link {color: blue}
.Link_Page a:visited {color: purple}
.Link_Page a:hover {color: red}
.Link_Page a:active {color: black}
.Link_Page a {text-decoration: none}
.Link_Page a:hover {text-decoration: underline}

.Link_Page2 a:link {color: blue}
.Link_Page2 a:visited {color: purple}
.Link_Page2 a:hover {color: red}
.Link_Page2 a:active {color: black}
.Link_Page2 a {text-decoration: none}
.Link_Page2 a:hover {text-decoration: none}

.Radio a:link {color: #ffff00}
.Radio a:visited {color: #ffff00}
.Radio a:hover {color: red}
.Radio a:active {color: #ffff00}
.Radio a {text-decoration: none}
.Radio a:hover {text-decoration: underline}

.Link_Warning a:link {color: red}
.Link_Warning a:visited {color: red}
.Link_Warning a:hover {color: red}
.Link_Warning a:active {color: red}
.Link_Warning a {text-decoration: underline}
.Link_Warning a:hover {text-decoration: none}


.Link_Warning_IMG a:link {color: red}
.Link_Warning_IMG a:visited {color: red}
.Link_Warning_IMG a:active {color: red;
}
.Link_Warning_IMG a {
    text-decoration: underline;
	background-color: inherit;
	background-image: url(images/FW1-15.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;                   
}
.Link_Warning_IMG a:hover {
    text-decoration: none;
	color: red;
	background: url(images/FW1-15R.gif) no-repeat center left;
}


.air2 a:link {color: #000000}
.air2 a:visited {color: #000000}
.air2 a:hover {color: red}
.air2 a:active {color: black}
.air2 a {text-decoration: none}
.air2 a:hover {text-decoration: none}



.bgcolor_white {
     background-color: #ffffff;
  }	 

.bgcolor_blue {
     background-color: #0000ff;
  }	 

.bgcolor_green {
     background-color: #006600;
  }	

.bgcolor_yellow {
     background-color: #fff3a4;
  }

.greenTopBorder {
    width: 100%;
	background-color: #006600;
	color: #FFFFFF;	
 }

.Red_Border {
	border: 3px groove #FF0000;
 }

.white_Border {
	border: 3px #FFFFFF solid;
	padding: 10px;
 }

.green_Border {
	border: 3px groove #00B93D;
 }

/*Wunderground 5 day forecast table*/
.Wunderground_5 {
    border: 2px #00B93D solid;
	padding: 0px;	
} 

.Border_Cell {
	border: 1px solid #000000;
	padding: 1px 3px;
}

.Border_Cell2 {
    margin: 0.2cm 0cm -0.01cm;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;	
	border: 1px #00B93D solid;
	background-color: #FFCC99;
	padding: 1px;
}

.Border_Cell3 {
    margin: 0.2cm 0cm -0.01cm;
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
    text-align: center;
	border: 1px #00B93D solid;
	padding: 1px;
}

.Border_Cell4 {
    margin: 0.2cm 0cm -0.01cm;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
    text-align: center;
	border: 1px #00B93D solid;
	padding:0px;
}

/*END Wunderground 5 day forecast table END*/

.noborder {
     border: none;
}

.bold {
     font-weight: bold;
}

.left {
     text-align: left;
}
.TextSize12 {
	margin: 0.2cm 0cm -0.01cm;
	font-family: Arial;
	font-size: 15px;
	font-weight: normal;
	border: none;
	text-align: left;
} 

.TextSize12_J {
	margin: 0.2cm 0cm -0.01cm;
	font-family: Arial;
	font-size: 15px;
	font-weight: normal;
	border: none;
	text-align: justify;
} 

.TextSize15_white {
	margin: 0.2cm 0cm -0.01cm;
	font-family: Arial;
	font-size: 15px;	
	font-weight: bold;
	border: none;
	text-align: left;
	color: #FFFFFF;
} 
.TextSize15_white2 {
	margin: 0.2cm 0cm -0.01cm;
	font-family: Arial;
	font-size: 16px;	
	font-weight: bold;
	border: none;
	text-align: center;
	color: #FFFFFF;
} 

.TextSize13 {
	margin: .2cm 0cm -.01cm .0cm;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border: none;	
} 

.TextSize13red {
	margin: .2cm 0cm -.01cm .0cm;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border: none;
	color: #FF0000;	
} 

.TextSize13B {
	margin: .2cm 0cm -.01cm .0cm;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border: none;
	color: #000000;	
} 

.TextSize14 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border: none;
	text-align: left;
	padding-left: 10px;
}

.TextSize14a {
    margin: .2cm 0cm -.01cm .0cm;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	border: none;
	text-align: left;
}

.TextSize14B {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	border: none;
} 

.TextSize17 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	border: none;
} 

.TextSize16 {
	font-family: Arial;
	font-size: 16px;	
	border: none;
} 

.Under_map_text{
	font-size: 13px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-transform: none;
	font-family: Georgia, Times New Roman, Times, serif;
	text-decoration: none;
}

.calculator_text{
	font-size: 13px;
	font-style: italic;
	line-height: normal;	
	font-variant: normal;
	color: #000000;
	text-transform: none;
	font-family: Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
 
.TextSize0 {
	width: 100%;
	margin: .2cm 0cm -.01cm .0cm;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border: none;	
} 

.TextSize1 {
	font-family: Arial;
	font-size: 12px;
	border: none;
	margin: 0cm 0cm 0cm 0cm;	
} 

.TextSize2 {
	font-family: Arial;
	font-size: 10px;
	border: none;
	margin: 0cm 0cm 0cm 0cm;
	color: #000000;
}
 
.TextSize2_White {
	font-family: Arial;
	font-size: 10px;
	border: none;
	margin: 0cm 0cm 0cm 0cm;
	color: #FFFFFF;
	font-weight: bold;
}
 
.TextBottom {
	font-style: normal;
	font-size: 9px;
	border: none;
	margin: 0cm 0cm 0cm 0cm;
	font-family: Arial;
	color: #000000;
} 

 
.TextBlue {
	color: #0033FF;	
} 

.TextRed {
	color: red;	
} 

.TextGreen {
	color: green;	
} 

.Textwhite {
	color: #FFFFFF;	
} 

.Htext  {
	width: 180px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 } 
 .Htext_main  {
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 } 
td.Htext  {
	width: 180px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 } 

/*UV No Bottom Line font*/

.UV_nline{
	font-size: 85%;
	font-style: normal;
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-transform: none;
	font-family: Arial;
	text-decoration: none;
}

.UV_line{
	font-size: 85%;
	font-style: normal;
	line-height: normal;
	font-size: 15px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-transform: none;
	font-family: Arial;
	text-decoration: none;
}

/*Current UV Bottom Line font*/

.cUV_line{
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-size: 15px;
	font-weight: bold;
	font-variant: normal;
	color: #FF0000;
	text-transform: none;
	font-family: Arial;
	text-decoration: underline;
}

/*Current UV Background*/

#UV_Background {
	background-color: #F0E8D2;
	background-image: url(http://dondelingerphotography.com/fhwimages2/Waker2.jpg);
	background-position: right;
	background-repeat: repeat-y;
}    


 
#WarningHtext {
    position: absolute;
    left: 25px;
	top: -64px;
	width: 364px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 }
 
.warning3 {
    width: 600px;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-transform: none;
	font-family: Arial;
}
 
.warning_Header {
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-transform: none;
	font-family: Arial;
	padding: 0px 0 0px 0;
} 
 
#TempHtext {
    position: absolute;
    left: 0px;
	top: 0px;
	width: 215px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 }
 
#RainHtext {
    position: absolute;
    left: 0px;
	top: 0px;
	width: 180px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 }  
 
 .Htext2 {
    position: absolute;
    top: 0px;
	left: 0px;
	width: 364px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
	border: none;
 }

 .Htext_NWS {
    position: absolute;
    top: 0px;
	left: 0px;
	width: 364px;
	padding: 1px 0 1px 0;
	background-color: #003399;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
	border: none;
 }
 
 #menu {
	position: absolute;
	left: -8px;
	top: 147px;
	width: 830px;
	background-color: #FFFFFF;
	z-index: 4;
	
} 

/*------######### FOR DROP SHADOW ON TEXT ##########------ */
     /* Current Conditions For Foresthill, CA */ 
 
.dropshadow {  
    position: relative;  
    z-index:10;
}  

/*------ END FOR DROP SHADOW ON TEXT ------ */



#cellTitleText {
	font-style: italic;
	font-weight: bold;
	position: absolute;
	left: 65px;
	top: -88px;
	width: 450px;
	text-align: center;
	border: none;
	font-size: 22px;
	z-index: 0;  
 }
 #DateTimeText {
	font-style: italic;
	font-weight: bold;
	position: absolute;
	left: 65px;
	top: -57px;
	width: 450px;
	text-align: center;
	border: none;
	font-size: 15px;
	z-index: 0;  
 }
  #TimeText {
	position: absolute;
	left: 510px;
	top: -95px;
	width: 90px;
	text-align: center;
	border: none;
	z-index: 50;  
 }
#foreast {
	position: absolute;
	left: 0px;
	top: 465px;
	width: 364px;
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	height: 180px;
	text-align: center;	
	background-color: #FFFFFF;
	border: thin solid #006633;
}
.WUforecast1 {
	position: absolute;
	left: 4px;
	top: 35px;
	width: 356px;
	height: 142px;	
	text-align: center;
	background-color: #FFFFFF;		
}

.forecast1 {
	position: absolute;
	left: 6px;
	top: 35px;
	width: 356px;
	height: 142px;	
	text-align: center;
	background-color: #FFFFFF;		
}

.Air-Quality_forecast1 {
	position: absolute;
	left: 2px;
	top: 35px;
	width: 360px;
	height: 30px;	
	text-align: left;
	float: left;		
}

.UV_forecast1 {
	position: absolute;
	left: 2px;
	top: 32px;
	width: 360px;
	height: 30px;	
	text-align: left;		
}

#gizmoControls {
	position: absolute;
	left: 0px;
	top: 653px;
	width: 364px;	
	height: 17px;
	font-size: 9px;
	text-align: center;
	
}

#wxUpdatedTime {
	position: absolute;
	left: 183px;
	top: 130px;
	width: 180px;
	height: 159px;
	text-align: center;	
}

#Time1 {
	position: absolute;
	left: 0px;
	top: 29px;
	width: 180px;
	text-align: center;	
} 
  
#navagation { 

      position: absolute;
	  width: 220px;
	  top: 150px;
	  left: 0px;	         
	   
}

#mainDoc {
	position: relative;
	left: 4px;
	top: 12px;
	height:1900px;
	width: 830px;
	padding: 3px;
	background-color: #000000;
	z-index: 0;
	border-top: 5px solid #006633;
	border-right: 5px solid #006633;
	border-bottom: 15px solid #006633;
	border-left: 5px solid #006633;
	margin: auto;
}

#CenterDoc_color {
	position: absolute;
	left: 194px;
	top: 175px;
	height:1660px;
	width: 629px;
	padding: 3px;
	background-color: #F0E8D2;
	z-index: 0;
	
} 

#body {
	position: relative;
	text-align: center;
	background-color: #177AB5;
	margin-top: 0px;
	margin-bottom: 40px;
	background-image: url(http://dondelingerphotography.com/fhwimages/clouds4.gif);
	background-repeat: no-repeat;				
}
#head403404 {
	position: relative;
	height: 166px;
	width: 826px;
	left: 0px;
	top: 0px;
	background-image: url(/1/images/head_5.jpg);  /* ######### Change picture in head ######### ######### Change picture in head ######### */
	background-color: #FFFFFF;
	border: 2px solid #006633;
	z-index: 5;
}
#head {
	position: relative;
	height: 166px;
	width: 826px;
	left: 0px;
	top: 0px;
	/* background-image: url(/1/images/head_5.jpg); */  /* ######### Change picture in head ######### ######### Change picture in head ######### */
	background-color: #FFFFFF;	
	z-index: 5;
	border-right:2px solid #006633; border-left:2px solid #006633; border-top:2px solid #006633; -moz-border-radius-topleft:8px; -webkit-border-radius-topleft:8px; -khtml-border-radius-topleft:8px; border-top-left-radius:8px; -moz-border-radius-topright:8px; -webkit-border-radius-topright:8px;-khtml-border-radius-topright:8px;border-top-right-radius:8px;	
}

#icon2 {
	position: absolute;
	right: 25px;
	top: 5px;
	border: none;
	font-size:18px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
#antennaText {
	font-style: italic;
	position: absolute;
	left: 20px;
	top: 70px;
	width: 260px;
	text-align: center;
	border: none;
	font-size: 15px;
	font-family: "Monotype Corsiva";
	color: #EFEFEF;
 }

 
/*--------####### Start Main Page left column #######-------- */
 #Left_Column {
	position: absolute;
	left: 3px;
	top: 175px;
	height:1660px;
	width: 185px;
	padding: 3px;
	background-color: #F0E8D2;	
	background-image: url(/1/images/gradient_Right.jpg);
	background-position: right;
	background-repeat: repeat-y;
	z-index: 3;	
} 

.grad_left {
	position: relative;
	left: 50px;
	padding: 0px;
	width: 200px;
	background-image: url(/1/images/gradient_Left.jpg);
	background-repeat: repeat-y;
	background-position: left;
	float: left;	
	z-index: 1000;	
} 

.grad_right {
	position: relative;
	padding: 10px;
	width: 200px;	
	background-image: url(/1/images/gradient_Right.jpg);
	background-position: right;
	background-repeat: repeat-y;
	z-index: 3;	
} 

.grad_calc_right {
	position: relative;
	padding: 10px;
	background-color: #F0E8D2;	
	background-image: url(/1/images/gradient_Right.jpg);
	background-position: right;
	background-repeat: repeat-y;
	border: 3px groove #00B93D;
	z-index: 3;	
} 

#Radar {
	position: absolute;
	left: 22px;
	top: 40px;
	
} 

#Phototext {
    position: absolute;
	left: 3px;
	top: 188px;
	width: 180px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 } 

#Photo {
	position: absolute;
	left: 20px;
	top: 225px;
	height: 145px;
	width: 145px;
	background-color: #000000;
	text-align: center;	
} 

#Photo1 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 145px;
	width: 145px;
	background-color: #000000;
	text-align: center;
	z-index: 10;	
} 
 
 #NOAA_radio {
	position: absolute;
	left: 3px;
	top: 385px;
	width: 180px;
	height: 170px;
	text-align: center;	
} 

#Radioicon {
	position: absolute;
	left: 90px;
	top: 0px;	
	text-align: center;	
} 

#RadioText {
    position: absolute;
	left: 0px;
	top: 50px;
	width: 180px;
	padding: 1px 0 1px 0;
	background-color: #0000ff;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 } 

#NOAA_Search_2 {
	position: absolute;
	left: 0px;
	top: 80px;
	width: 180px;	
	text-align: center;	
} 

#NOAA_Search_3 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px;	
	text-align: center;	
} 


#NOAA_Search {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px;	
	text-align: center;	
} 

.NOAA_Search {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px;	
	text-align: center;	
} 

#NOAA_Search_form {
	position: absolute;
	left: -1px;
	top: 85px;
	width: 180px;	
	text-align: center;	
} 

#NOAA_Search_2_SB {
	position: absolute;
	left: 0px;
	top: 338px;
	width: 180px;	
	text-align: center;	
} 


#NOAA_Search_SB {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px;	
	text-align: center;	
}

#NOAA_Search_3_SB {
	position: absolute;
	left: 0px;
	top: 438px;
	width: 180px;	
	text-align: center;	
} 

#M_Left_Column_links {
	position: absolute;
	left: 10px;
	top: 575px;
	width: 160px;
	height: 80px;
	text-align: left;	
} 

#forecast_map1 {
	position: absolute;
	left: 3px;
	top: 650px;
	width: 180px;
	height: 200px;
	text-align: center;
	z-index: 1;
}

#forecast_map2 {
	position: absolute;
	left: 13px;
	top: 32px;
	width: 155px;
	height: 111px;
	text-align: center;	
	z-index: 1;
} 
#forecast_map2_link {
	position: absolute;
	left: 0px;
	top: 130px;
	width: 155px;	
	text-align: center;	
	z-index: 1;
} 
#VWS_icon {
	position: absolute;
	left: 3px;
	top: 1421px;
	width: 180px;
	height: 200px;
	text-align: center;
	z-index: 10;
} 
#USA_extremes {
	position: absolute;
	left: 4px;
	top: 1140px;
	width: 180px;
	height: 260px;
	text-align: center;
	font-family:  Arial;
	z-index: 1;
}
#Alerts {
	position: absolute;
	left: -4px;
	top: 1110px;
	width: 180px;
	height: 260px;
	text-align: center;
	font-family:  Arial;
	font-size:13px;
	z-index: 1;
} 
#USA_extremes_sidebar {
	position: absolute;
	left: -8px;
	top: -320px;
	width: 180px;
	height: 260px;	
	text-align: center;	
}
#sidebar_Gizmo {
	position: absolute;
	left: -4px;
	top: 350px;
	width: 180px;
	height: 260px;	
	text-align: center;	
} 
 td.past_24 {
	color: #000000;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 }

#VWS_icon1 {
	position: absolute;
	left: 40px;
	top: 10px;
	width: 86px;
	height: 111px;
	text-align: center;
	border: 1px solid #006600;
	z-index: 1;
} 

#VWS_icon2 {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 86px;
	height: 111px;
	text-align: center;
	border: 1px solid #006600;
	z-index: 1;
} 

#HI_Media {
	position: absolute;
	left: 3px;
	top: 845px;
	width: 180px;
	height: 130px;
	text-align: center;
	z-index: 0;	
} 

#Web_Stickers {
	position: absolute;
	left: 3px;
	top: 980px;
	width: 180px;
	height: 200px;
	text-align: center;	
} 

/*--------####### END left column #######-------- */

#BottomText {

	position: absolute;
	left: -185px;
	top: 190px;
	width: 540px;
	text-align: center;
	border: none;
 }
 
#logo {
	position: absolute;
	left: 18px;
	top: 17px;
	height: 50px;
	width: 250px;	
	
}	

#warningtext {
	position: absolute;
	left: 45px;
	top: -25px;
	width: 140px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#warningtext2 {
	position: absolute;
	left: 180px;
	top: -25px;
	width: 180px;
	height: 15px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}

.warningtext3 {
	position: absolute;
	left: 45px;
	top: -10px;
	width: 300px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F0E8D2;
	border: none;
	text-align: left;
}

#warnings {
	position: absolute;
	left: -25px;
	top: 745px;
	border: none;	
}

#warningtext_SN {
	position: absolute;
	left: 42px;
	top: -30px;
	width: 180px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#warningtext_SN2 {
	position: absolute;
	left: 225px;
	top: -30px;
	width: 150px;
	height: 15px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}

.warningtext_SN3 {
	position: absolute;
	left: 45px;
	top: -15px;
	width: 300px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F0E8D2;
	border: none;
	text-align: left;
}

#warningtext_WS {
	position: absolute;
	left: 40px;
	top: 0px;
	width: 184px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#warningtext_WS2 {
	position: absolute;
	left: 225px;
	top: 0px;
	width: 150px;
	height: 15px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}

.warningtext_WS3 {
	position: absolute;
	left: 45px;
	top: 15px;
	width: 300px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F0E8D2;
	border: none;
	text-align: left;
}

#warningtext_SAC {
	position: absolute;
	left: 43px;
	top: 30px;
	width: 184px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#warningtext_SAC2 {
	position: absolute;
	left: 225px;
	top: 30px;
	width: 150px;
	height: 15px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}

.warningtext_SAC3 {
	position: absolute;
	left: 45px;
	top: 45px;
	width: 300px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F0E8D2;
	border: none;
	text-align: left;
}

#warningtext_REN {
	position: absolute;
	left: 30px;
	top: 60px;
	width: 184px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#warningtext_REN2 {
	position: absolute;
	left: 225px;
	top: 60px;
	width: 150px;
	height: 15px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}

.warningtext_REN3 {
	position: absolute;
	left: 45px;
	top: 75px;
	width: 300px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F0E8D2;
	border: none;
	text-align: left;
}

#warningtext_SF {
	position: absolute;
	left: 32px;
	top: 90px;
	width: 184px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#warningtext_SF2 {
	position: absolute;
	left: 225px;
	top: 90px;
	width: 150px;
	height: 15px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}

.warningtext_SF3 {
	position: absolute;
	left: 45px;
	top: 105px;
	width: 300px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F0E8D2;
	border: none;
	text-align: left;
}

#warningtext_Gizmo {
	position: absolute;
	left: 230px;
	top: 18px;
	width: 400px;
	height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#icon {
	position: absolute;
	left: 530px;
	top: -50px;
	height: 50px;
	width: 50px;
	z-index: 11;	
}
#season_icon {
	position: absolute;
	left: 45px;
	top: -90px;
	display: inline-block;
	height: 50px;
	width: 50px;
	z-index: 11;  
 } 
 #SBseason_icon {
	position: absolute;
	left: 230px;
	top: -16px;
	display: inline-block;
	height: 50px;
	width: 50px;
	z-index: 11;  
 }  
#SBseason_icon2 {
	position: absolute;
	left: 230px;
	top: -10px;
	display: inline-block;
	height: 50px;
	width: 50px;
	z-index: 11;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;  
 } 
#icontext {
	font-style: italic;
	position: absolute;
	left: 447px;
	top: -40px;
	width: 75px;
	text-align: right;
	border: none;
	font-size: 10px;
	z-index: 1;
 }

#fireIcon {
   position: absolute;
   left: 45px;
   top: 124px;
   z-index: 1;		
}
#radarIcon {
   position: absolute;
   left: -192px;
   top: 615px;		
} 

#thermometer5 {
	position: absolute;
	left: 15px;
	top: 35px;
	height: 170px;
	width: 55px;
	display: inline;		
}

#temp6 {
	position: absolute;
	left: 105px;
	top: 60px;
	text-align:center;
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	white-space: nowrap;	
}

#temp24 {
	position: absolute;
	left: 110px;
	top: 119px;
	font-family: Arial;
	font-size: 11px;	
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	white-space: nowrap;
		
}

#temp24code {
	position: absolute;
	left: 120px;
	top: 135px;
	font-family: Arial;
	font-weight: bold;
	font-size: 17px;	
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
		
}
#APtemp {
    position: absolute;
	left: 99px;
	top: 165px;
	text-align:center;
	font-family: Arial;
	font-size: 15px;
	font-weight:bold;	
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	white-space: nowrap;
		
}
#temparrow5 {
	position: absolute;
	left: 115px;
	top: 95px;
	
}

#comfortlevel1 {
	position: absolute;
	left: 13px;
	top: 211px;
	width: 182px;
	font-family: Times New Roman;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

#gradient_Left {
	position: absolute;
	width: 182px;
	height: 1666px;
	text-align: center;
	left: 194px;
	top: 175px;
	background-image: url(/1/images/gradient_Left.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #F0E8D2;
	z-index: 1;
} 

#gradient_Right {
	position: absolute;
	width: 182px;
	height: 1666px;
	text-align: center;
	left: 651px;
	top: 175px;
	background-image: url(/1/images/gradient_Right.jpg);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #F0E8D2;
	z-index: 1;
	
} 

#wxTemp {
	position: absolute;
	width: 182px;
	height: 435px;
	text-align: center;
	left: 221px;
	top: 255px;
	z-index: 2;		
} 

#wxTempText1 {
    position: absolute;
	left: 10px;
	top: 248px;
	width: 120px;
	text-align: left;
	height: 50px;	
} 

#wxTempText2 {
    position: absolute;
	left: 110px;
	top: 248px;
	width: 85px;
	text-align: right;
	height: 50px;	
} 



#wx_Wind {
	position: absolute;
	left: 439px;
	top: 255px;
	width: 180px;
	height: 200px;
	z-index: 1;		
}

#wxWindBeaufort {
	position: absolute;
	left: 0px;
	top: 114px;
	width: 180px;
	text-align: left;
	height: 50px;
	border: none;
	font-family: Times New Roman, Times, serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	font-style: italic;
} 

#wxWindIcon {
	position: absolute;
	left: 10px;
	top: 25px;
	width: 120px;
	text-align: left;
	height: 50px;
	border: none;
}

#wxWindIconText {
	position: absolute;
	left: 13px;
	top: 88px;
	width: 10px;
	height: 50px;
	border: none;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
} 

#wxWind_Text1 {
	position: absolute;
	left: 0px;
	top: 144px;
	width: 120px;
	text-align: left;
	height: 50px
	
} 

#wxWind_Text2 {
	position: absolute;
	left: 75px;
	top: 144px;
	width: 105px;
	text-align: center;
	height: 50px
	
} 

#wxWind_Text3 {
	position: absolute;
	left: 90px;
	top: 30px;
	width: 90px;
	text-align: center;
	height: 50px;
	
} 

.WindText3 {
	position: relative;
	left: 0px;
	top: 5px;
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	border: none;
	margin: .0cm 0cm 0cm 0cm;
	font-weight: bold;
} 

#wx_Almanac {
	position: absolute;
	left: 0px;
	top: 188px;
	width: 180px;
	height: 200px;
	
} 

#wx_AlmanacText1 {
	position: absolute;
	left: 25px;
	top: 90px;
	width: 120px;
	text-align: left;	
} 

#wx_AlmanacText2 {
	position: absolute;
	left: 100px;
	top: 90px;
	width: 60px;
	text-align: center;	
}

 #wx_L_of_day {
    font-size:11px;
	position: absolute;
	left: -10px;
	top: 175px;
	width: 200px;
	text-align: center;
	white-space:nowrap;	
} 

#wxmoonIcon {
	position: absolute;
	left: 14px;
	top: 23px;
	width: 120px;
	text-align: left;
	height: 50px;	
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
} 

#wxmoonIconText {
	position: absolute;
	left: 80px;
	top: 50px;
	width: 95px;
	text-align: center;	
	border: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	white-space:nowrap;
}
#wxmoonIconText1 {
	position: absolute;
	left: 72px;
	top: 31px;
   	width: 110px;		
	text-align: center;
} 
#wxmoonIconText2 {		
	text-align: center;
    background-color:#ecebeb; border:#000000 solid 1px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px;	
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
    white-space:nowrap;
} 
#wxmoonIconText3 {
	position: absolute;
	left: 80px;
	top: 65px;
	width: 95px;
	text-align: center;	
	border: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	white-space:nowrap;
} 
#wx_Rain {
	position: absolute;
	left: 183px;
	top: 0px;
	width: 180px;
	height: 159px;
	text-align: left;	
} 

#Rain_Text1 {
	position: absolute;
	left: 13px;
	top: 33px;
	width: 155px;
	text-align: left;
	font-weight: bold;
	color: #006600;
} 

#Rain_Text2 {
	position: absolute;
	left: 117px;
	top: 33px;
	width: 50px;
	text-align: center;	
} 

#wxHumBar {
	position: absolute;
	left: 183px;
	top: 188px;
	width: 180px;
	z-index: 1;
} 

#wxHumBarText1 {
	position: absolute;
	left: 12px;
	top: 28px;
	width: 85px;	
	text-align: left;	
} 
#wxHumBarText2 {
	position: absolute;
	left: 94px;
	top: 28px;
	width: 75px;	
	text-align: right;	
} 
#wxHumBar_Trend {
	position: absolute;
	left: 7px;
	top: 96px;	
	text-align: center;
	width:180px;
	height:20px;
	
} 
#wxUV {
	position: absolute;
	left: 183px;
	top: 371px;
	width: 180px;
	
} 
#UVText1 {
	position: absolute;
	left: 1px;
	top: 29px;
	width: 179px;
	text-align: center;
	
	
} 

#wxSolar {
	position: absolute;
	left: 0px;
	top: 371px;
	width: 180px;	
} 

#SolarText {
	position: absolute;
	left: 2px;
	top: 26px;
	width: 175px;	
	text-align: center;
}     

#wxLoomTitle {
    position: absolute;
	left: 0px;
	top: 681px;
	width: 70px;
	text-align: center;
	height: 50px;
	z-index: 1;		
} 

#wxLoomText1 {
    position: absolute;
	left: -5px;
	top: 714px;
	width: 100px;
	text-align: left;
	height: 50px;
	color: #000000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
} 

#wxL1_1 {
	position: absolute;
	left: 17px;
	top: 0px;
	width: 100px;
	border-bottom: 1px solid #999999;
}

#wxL1_2 {
	position: absolute;
	left: 17px;
	top: 20px;
	width: 100px;
	border-bottom: 1px solid #999999;	
}

#wxL1_3 {
	position: absolute;
	left: 17px;
	top: 40px;
	width: 100px;
	border-bottom: 1px solid #999999;	
}

#wxL1_4 {
	position: absolute;
	left: 17px;
	top: 60px;
	width: 100px;
	border-bottom: 1px solid #999999;	
}

#wxL1_5 {
	position: absolute;
	left: 17px;
	top: 80px;
	width: 100px;
	border-bottom: 1px solid #999999;	
}

#wxL1_6 {
	position: absolute;
	left: 17px;
	top: 100px;
	width: 100px;
	border-bottom: 1px solid #999999;	
}

#wxL1_time {
	position: absolute;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	left: -5px;
	top: 123px;
	width: 230px;		
}

#wxLoomText2 {
	position: absolute;
	left: 81px;
	top: 714px;
	width: 100px;
	text-align: right;
	height: 50px;
	color: #000000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
		
}

#wxL2_1 {
	position: absolute;
	left: 17px;
	top: 0px;
	width: 100px;
	border-bottom: 1px solid #999999;
}

#wxL2_2 {
	position: absolute;
	left: 17px;
	top: 20px;
	width: 100px;
	border-bottom: 1px solid #999999;	
}

#wxL2_3 {
	position: absolute;
	left: -33px;
	top: 40px;
	width: 150px;
	border-bottom: 1px solid #999999;	
}

#wxL2_4 {
	position: absolute;
	left: 17px;
	top: 60px;
	width: 100px;
	border-bottom: 1px solid #999999;	
}

#wxL2_5 {
	position: absolute;
	left: 17px;
	top: 80px;
	width: 100px;
	border-bottom: 1px solid #999999;
}

#wxL2_6 {
	position: absolute;
	left: 17px;
	top: 100px;
	width: 100px;
	border-bottom: 1px solid #999999;	
}

.Ltext {    
	width: 215px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 } 

#wx115Title {
    position: absolute;
	left: 0px;
	top: 521px;
	width: 70px;
	text-align: center;
	height: 50px
	
} 

#wx115Text1 {
    position: absolute;
	left: 10px;
	top: 551px;
	width: 150px;
	text-align: left;
	height: 50px
	
} 

#wx115Text2 {
    position: absolute;
	left: 110px;
	top: 551px;
	width: 85px;
	text-align: right;
	height: 50px
	
}

#Graph_Link {
    position: absolute;
    left: -123px;
	top: 165px;
	width: 210px;	
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	
 }

#wxMaps {
	position: absolute;
	left: -7px;
	top: 870px;
	width: 600px;
	height: 440px;
	text-align: center;
	border: 1px solid #000000;	
} 

#wxMap_1 {
	position: absolute;
	left: 12px;
	top: 12px;	
	text-align: center;	
} 

#wxMap_2 {
	position: absolute;
	right: 12px;
	top: 12px;	
	text-align: center;	
} 

#wxMap_3 {
	position: absolute;
	left: 12px;
	bottom: 12px;	
	text-align: center;	
} 

#wxMap_4 {
	position: absolute;
	right: 12px;
	bottom: 12px;	
	text-align: center;	
} 

#Site_Affilit {
	position: absolute;
	left: -7px;
	top: 1340px;
	width: 600px;
	height: 220px;
	text-align: center;
	border: 1px solid #000000;	
} 


.Site_Aff_text {
	width: 600px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 } 

#WU_icon {
	position: absolute;
	left: 10px;
	top: 30px;		
 }
 
#WXFor_you_icon {
	position: absolute;
	left: 20px;
	top: 65px;		
 } 

#WX_AW_icon {
	position: absolute;
	left: 20px;
	top: 120px;		
 } 

#WX_meso_icon {
	position: absolute;
	left: 20px;
	top: 170px;		
 } 

#CWOP_icon {
	position: absolute;
	left: 260px;
	top: 36px;
	text-align: center;		
 }

#CWOP {
	position: absolute;
	left: 255px;
	top: 178px;
	text-align: center;		
 }
 
#NWS_icon {
	position: absolute;
	left: 455px;
	top: 33px;
	text-align: center;		
 }

#NWS_Text {
	position: absolute;
	left: 453px;
	top: 101px;
	text-align: center;		
 }

#MSI_Text {
	position: absolute;
	left: 400px;
	top: 130px;
	width: 180px;
	text-align: center;		
 }

/*--------####### Bottom Of Page #######-------- */
 
#Bottom1_Page {
	position: absolute;
	left: -439px;
	top: 1594px;
	width: 816px;
	height: 57px;
	text-align: center;
	
	z-index: 0;		
 }  


/*Bottom Of Page Link*/

.Bottom_page a:link {color: #FFFFFF}
.Bottom_page a:visited {color: #FFFFFF}
.Bottom_page a:hover {color: #FFFFFF}
.Bottom_page a:active {color: #FFFFFF}
.Bottom_page a {text-decoration: underline}
.Bottom_page a:hover {text-decoration: none}


#Bottom1_Page_Text {
	position: absolute;
	left: 9px;
	bottom: 5px;
	width: 816px;
	height: 10px;
	text-align: center;			
 }  

#Bottom2_Page_Text {
	position: absolute;
	left: 9px;
	bottom: 17px;
	width: 816px;
	text-align: center;			
 }  


#Bottom3_Page_Text {
	position: absolute;
	left: 320px;
	bottom: 37px;
	width: 34px;
	height: 17px;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
 }  

#Bottom4_Page_Text {
	position: absolute;
	left: 369px;
	bottom: 37px;
	width: 45px;
	height: 17px;
	text-align: center;
	font-size: 14px;
	font-family: Arial;
	padding-right: 10px;
	padding-left: 4px;
	padding-bottom: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;	
 }
 
 #Bottom5_Page_Text {
	position: absolute;
	left: 433px;
	bottom: 37px;
	width: 35px;
	height: 17px;
	text-align: center;
	font-size: 14px;
	font-family: Arial;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;	
 }
 
/*UV Weather Underground Map icon Text */
.Underground_map{
	font-size: 73%;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	width: 610px;
	text-transform: none;
	font-family: Georgia, Times New Roman, Times, serif;
	text-decoration: none;
}
 
#Bottom_Page_icon {
	position: absolute;
	left: 195px;
	bottom: 5px;	
	text-align: left;
	font-size: 12px;
	font-family: Arial;	
 }
 
#Bottom_Page_icon1 {
	position: absolute;
	left: 0px;
	bottom: 5px;	
	text-align: left;
	font-size: 12px;
	font-family: Arial;	
 }   

#Bottom_Page_icon2 {
	position: absolute;
	left: -55px;
	bottom: -45px;	
	text-align: left;
	font-size: 12px;
	font-family: Arial;	
 }  

#Bottom_Page_icon3 {
	position: absolute;
	left: 0px;
	bottom: -45px;	
	text-align: left;
	font-size: 12px;
	font-family: Arial;	
 }  

#Bottom_Page_icon4 {
	position: absolute;
	left: 15px;
	bottom: -40px;	
	text-align: left;
	font-size: 12px;
	font-family: Arial;	
 }  

#Bottom_Page_icon5 {
	position: absolute;
	left: 10px;
	bottom: -15px;	
	text-align: left;
	font-size: 12px;
	font-family: Arial;	
 }  


/*--------####### END Bottom Of Page #######-------- */



/*--------####### EXPANDING IMAGES 1 #######-------- */
.textcontainer{
position: relative;
z-index: 10;
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffcc;
padding: 5px;
left: -1000px;
border: 2px solid #006600; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 80px;
left: -0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



.thumbnaila img{

margin: 0 0px 0px 0;
}

.thumbnaila:hover{
background-color: transparent;
}

.thumbnaila:hover img{
border: 0px solid blue;
}

.thumbnaila span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffcc;
padding: 5px;
left: -1000px;
border: 2px solid #006600; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 5px 5px 3px #888; -webkit-box-shadow: 5px 5px 3px #888; -khtml-box-shadow: 5px 5px 3px #888; box-shadow: 5px 5px 3px #888;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnaila span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnaila:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 30px;
left: -0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}





.thumbnail4 img{
border: 0px solid #F0E8D2;
margin: 0 0px 0px 0;
}

.thumbnail4:hover{
background-color: transparent;
}

.thumbnail4:hover img{
border: 0px solid blue;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffcc;
padding: 5px;
left: -1000px;
border: 2px solid #006600; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail4:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 90px;
left: -0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.thumbnailSeason img{
border: 0px solid #F0E8D2;
margin: 0 0px 0px 0;
}

.thumbnailSeason:hover{
background-color: transparent;
}

.thumbnailSeason:hover img{
border: 0px solid blue;
}

.thumbnailSeason span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffcc;
padding: 5px;
left: -1000px;
border: 2px solid #006600; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailSeason span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailSeason:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 35px;
left: 40px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*--------####### ENDING EXPANDING IMAGES 1 #######-------- */


/*--------####### EXPANDING IMAGES 2 #######-------- */


.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffcc;
padding: 5px;
left: -1000px;
bottom: 0;
border: 2px solid #006600; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 5px 5px 3px #888; -webkit-box-shadow: 5px 5px 3px #888; -khtml-box-shadow: 5px 5px 3px #888; box-shadow: 5px 5px 3px #888;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
/*--------####### ENDING EXPANDING IMAGES 2 #######-------- */

/*--------####### EXPANDING IMAGES 3 #######-------- */


.thumbnail3 img{
border: 1px solid #F0E8D2;
margin: 0 5px 5px 0;
}

.thumbnail3:hover{
background-color: transparent;
}

.thumbnail3:hover img{
border: 1px solid blue;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffcc;
padding: 5px;
left: -1000px;
border: 2px solid #006600; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 5px 5px 3px #888; -webkit-box-shadow: 5px 5px 3px #888; -khtml-box-shadow: 5px 5px 3px #888; box-shadow: 5px 5px 3px #888;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 80px;
left: -195px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



.thumbnailgizmo img{
border: 1px solid #F0E8D2;
margin: 0 5px 5px 0;
}

.thumbnailgizmo:hover{
background-color: transparent;
}

.thumbnailgizmo:hover img{
border: 1px solid blue;
}

.thumbnailgizmo span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffcc;
padding: 5px;
left: -1000px;
border: 2px solid #006600; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailgizmo span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailgizmo:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 30px;
left: -100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.thumbnailAIRPos  {
text-align:justify; 
width:340px;
}

.thumbnailAIR img{
border: 0px solid #F0E8D2;
margin: 0 0px 0px 0;
}

.thumbnailAIR:hover{
background-color: transparent;
}

.thumbnailAIR:hover img{
border: 0px solid blue;
}

.thumbnailAIR span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffcc;
padding: 5px;
left: -1000px;
border: 2px solid #000000; -moz-border-radius:6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailAIR span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailAIR:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: -370px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*--------####### ENDING EXPANDING IMAGES 3 #######-------- */

/*--------################--------- Cellphone Graph2 ---------################-------- */

#mainDoc2 {
	position: relative;
	left: 4px;
	top: 7px;
	height:1100px;
	width: 659px;
	padding: 3px;
	margin: auto;
	background-color: #F0E8D2;
	border: 5px solid #006633;
	overflow: auto;
} 

#graph {
	position: absolute;
	left: 200px;
	top: 172px;
	width: 629px;	
	background-image: url(/1/images/gradient_Left.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #000000;
	z-index: 0;
	overflow: visible;
} 

#Stats2 {
	position: absolute;
	left: 330px;
	top: 170px;	
	margin: 0 20px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 1px;
}

#Stats3 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	padding: 1px;
	font-weight: bold;
}

#ForesthillGraphText {
	position: absolute;
	width: 600px;
	height: 16px;
	text-align: center;
	left: 15px;
	top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 1px;
	font-weight: bold;
	background-color: #006600;
	color: #FFFFFF;
	z-index: -1;		
} 

#graphBottomText {
	position: absolute;
	left: 75px;
	bottom: 10px;
	width: 500px;
	text-align: center;
	border: none;
	font-size: 9px;
	z-index: 10;
 }

#menuGraph {
	position: absolute;
	left: 50px;
	top: 103px;
	background-color: #FFFFFF;
} 

/*--------################--------- forecast-discussion Page ---------################-------- */

#main_content {
	position: relative;
	left: 3px;
	top: 8px;
	width: 829px;
	text-align: center;
	border-top: 2px solid #000000;
	border-right: none #000000;
	border-bottom: 5px solid #00B925;
	border-left: none #000000;
	float: left;
	z-index: 0;
	background-color: #F0E8D2;
	background-image: url(/images/main_gradient.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 60px;
}

#mainforecast-discussion {
	display:inline-block;
	position: relative;
	left: -2px;
	top: -8px;
	width: 830px;
	overflow: visible;
	padding-bottom: 10px;
	z-index: 0;
} 


#main_content_Sidebar {
	position: relative;
	left: 2px;
	top: 8px;
	width: 830px;
	text-align: center;
	border-top: 2px solid #000000;
	border-right: none #000000;
	border-bottom: 5px solid #00B925;
	border-left: none #000000;
	float: left;
	z-index: 0;
	background-color: #F0E8D2;
	background-image: url(/images/main_gradient.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 60px;
	overflow: hidden;
}

#main_content4 {   
	position: relative;
	left: 10px;
	top: 0px;		
	width: 610px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 40px;
	margin-bottom: 40px;	
}

#main_content3 {
	position: relative;
	left: 35px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 500px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}
#main_metar {
	position: relative;
	left: 19px;
	top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 580px;
	text-align: left;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}
#main_GoogleMap {
	position: relative;
	left: 2px;
	top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 600px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}
#main_metar2 {
	position: relative;
	left: 19px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 580px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}
#Observed_Precipitation{
	position: relative;
	left: 2px;
	top: -49px;
	background-color:#FFFFFF;
	width: 635px;
	text-align: center;
	border: 1px solid #000000;
	z-index: 0;
	float: left;
	padding-top: 50px;
	padding-bottom: 100px;
	margin-bottom:40px;
}
#Precipitation_space{
	position: relative;
	left: 2px;
	top: 14px;
	background-color:#006600;
	width: 632px;
	height:5px;
	text-align: center;
	float: left;
}
#main_content7_day {
	position: relative;
	left: 35px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 549px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}

#main_content7_day_2 {
	position: relative;
	left: 35px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 535px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}

#main_content_Map {    /*--------- This may not be in use ----------*/
	position: relative;
	left: -1px;
	top: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;		
	width: 640px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: right;
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 80px;	
}

#main_local_cities {   
	position: relative;
	left: 15px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 610px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 40px;	
}

#main_SWN_Map {
	position: relative;
	left: 3px;
	top: -43px;
	width: 620px;
	text-align: left;
	border: none;
	z-index: 0;
	float: left;
	margin-bottom: 0px;
	background:#FFFFFF;
	border: 1px solid #00B93D;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
}

#main_SWN_banner {
	position: relative;
	left: 2px;
	top: -49px;
	width: 619px;
	text-align: left;
	z-index: 0;
	float: left;
}
   
.SWN_banner {	
	border: 5px groove #00B93D;
	z-index: 0;
}  
#main_Global_Map {
	position: relative;
	left: 35px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 500px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 0px;	
}   

#main_calculator {   
	position: relative;
	left: 13px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 610px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 45px;
	margin-bottom: 35px;	
}

#main_wind_calculator {   
	position: relative;
	left: 15px;
	top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 610px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 50px;	
}

#main_contact {   
	position: relative;
	left: 210px;
	top: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 610px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 80px;	
}

#main_contact2 {   
	position: relative;
	left: 21px;
	top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 610px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 40px;
	margin-bottom: 35px;	
}

#main_heat_index {    
	position: relative;
	left: 16px;
	top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 610px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}

#main_heat_index2 {    
	position: relative;
	left: 12px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 610px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 50px;	
}

#precipMaps {  
	position: relative;
	left: 0px;
	top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 610px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 30px;	
}

#precipMaps2 {  
	position: relative;
	left: 0px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 610px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 30px;	
}

#precipMapsText {
	position: relative;
	width: 600px;
	height: 17px;
	text-align: center;
	left: 9px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 1px 0px 0px;	
	font-weight: bold;
	background-color: #006600;
	color: #FFFFFF;
	z-index: 1;
	float: left;		
} 

#wxwugraph {
	position: relative;
	left: 0px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 619px;
	text-align: justify;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 10px;	
}

#wxStationgraph {
	position: relative;
	left: -1px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 625px;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 10px;		
}
#Noaa_Map {
	position: relative;
	left: 0px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 610px;
	text-align: justify;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;	
}
#WX_history {
	position: relative;
	left: 5px;
	top: -15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 610px;
	text-align: justify;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;	
}
#River_Gauge {
	position: relative;
	left: 5px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 610px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;	
}
#River_Gauge_back_link {
	position: relative;
	left: 450px;
	top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}
#River_Gauge_link {
	position: relative;
	left: 210px;
	top: -45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}
/*Main Page Website Map*/
.web_map a:link {color: blue}
.web_map a:visited {color: blue}
.web_map a:hover {color: red}
.web_map a:active {color: blue}
.web_map a {text-decoration: none}
.web_map a:hover {text-decoration: underline}

.web_map2 a:link {color: #000000}
.web_map2 a:visited {color: #000000}
.web_map2 a:hover {color: #000000}
.web_map2 a:active {color: #000000}
.web_map2 a {text-decoration: none}
.web_map2 a:hover {text-decoration: none}

#main_content_WebMap {
	position: relative;
	left: 51px;
	top: 10px;
	width: 550px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;		
}
/*END Main Page Website Map END*/


/*--------- For link Page ----------*/
#main_content_Link {
	position: relative;
	left: 51px;
	top: 0px;
	width: 550px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;
		
}

.content_Link {
	font-family: Arial;
	font-size: 16px;
	color: black;		
}


/*---------END For link Page ----------*/


#main_content_Map2 {
	position: relative;
	left: 4px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 610px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}

#main_Water_Vapor {
	position: relative;
	left: 7px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 610px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 40px;	
}

#main_Water_Vapor_1 {
	position: relative;
	left: 7px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 610px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}

#Water_Vapor_2 {
	position: relative;
	left: 1px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 610px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}


 /*---- Start forecast maps ---- */
 
#main_Forcast_content2 {
	position: relative;
	left: 6px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 624px;
	height: 1000px;
	background-color: #000000;
	text-align: center;
	border: 3px groove #006600;
	z-index: 0;
	float: left;
	padding-top: 0px;
	margin-bottom: 35px;
	margin-top: 0px;
}
 
#Forecast_Text-1 {
	position: absolute;
	left: 170px;
	top: 58px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;	
}
 
#Forecast_Map-1 {
	position: absolute;
	left: 170px;
	top: 90px;
	text-align: center;	
}

#Forecast_Text-2 {
	position: absolute;
	left: 18px;
	top: 350px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;	
}
 
#Forecast_Map-2 {
	position: absolute;
	left: 18px;
	top: 380px;
	text-align: center;	
}

#Forecast_Text-3 {
	position: absolute;
	left: 328px;
	top: 350px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;	
}
 
#Forecast_Map-3 {
	position: absolute;
	left: 328px;
	top: 380px;
	text-align: center;	
}

#Forecast_Text-4 {
	position: absolute;
	left: 18px;
	top: 648px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;	
}
 
#Forecast_Map-4 {
	position: absolute;
	left: 18px;
	top: 690px;
	text-align: center;	
}

#Forecast_Text-5 {
	position: absolute;
	left: 328px;
	top: 648px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;	
}
 
#Forecast_Map-5 {
	position: absolute;
	left: 328px;
	top: 690px;
	text-align: center;	
}

/*---- END forecast maps ---- */

.Button_bg {
	background-color: #16d53a;
	padding: 1px 3px;
	margin-top: 10px;  /*---- Color for Form Buttom on forecast map ---- */
	font-weight: bold;	
}

#Advisories_test {
	position: relative;
	left: 25px;
	top: 0px;
	width: 610px;
	text-align: left;
	font-size: 6px;
	font-family: Arial;
	border: none;
	z-index: 0;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	overflow: hidden;	
}

#Advisories_map {
	position: relative;
	left: 0px;
	top: 0px;
	width: 610px;
	text-align: left;
	font-size: 6px;
	font-family: Arial;
	border: none;
	z-index: 0;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	overflow: hidden;	
}

#main_Advisories_Map {  
	position: relative;
	left: 5px;
	top: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 630px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: right;
	padding-bottom: 80px;	
}



#main_quakes {
	position: relative;
	left: 16px;
	top: -10px;
	width: 610px;
	text-align: left;
	font-size: 6px;
	font-family: Arial;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 50px;
	overflow: hidden;
}

#world_quakes {
	position: relative;
	left: 16px;
	top: -20px;
	width: 610px;
	text-align: left;
	font-size: 6px;
	font-family: Arial;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 50px;
	overflow: hidden;
}

#main_Tropical {
	position: relative;
	left: 5px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 619px;
	text-align: left;
	border: 1px solid #000000;	
	z-index: 0;
	float: left;
	padding-top: 50px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFFFFF;
	
}

#main_content_buoy {
	position: relative;
	left: 15px;
	top: -10px;
	width: 610px;
	text-align: left;
	font-size: 6px;
	font-family: Arial;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 35px;
	overflow: hidden;
}

#main_Alaska_buoy {
	position: relative;
	left: 1px;
	top: -10px;
	width: 640px;
	text-align: left;
	font-size: 6px;
	font-family: Arial;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 35px;
	overflow: hidden;
}

#main_Sickers_content {
	position: relative;
	left: 6px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 624px;	
	background-color: #000000;
	text-align: center;
	border: 3px groove #006600;
	z-index: 0;
	float: left;
	padding-top: 60px;
	margin-bottom: 35px;
	margin-top: 0px;
}

#main_content_NOAA_Report {
	position: relative;
	left: -3px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 619px;
	text-align: left;
	border: 1px solid #000000;	
	z-index: 0;
	float: right;
	padding-top: 50px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFFFFF;	
}
#main_StationGraph {
	position: relative;
	left: 2px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 630px;
	text-align: left;
	border: 1px solid #000000;	
	z-index: 0;
	float: right;
	padding-top: 50px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/BG-images/raindrops-1.jpg);
	background-color: #e0e1e2;
	-moz-border-radius-bottomleft:8px; -webkit-border-radius-bottomleft:8px; -khtml-border-radius-bottomleft:8px; border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-radius-bottomright:8px;-khtml-border-radius-bottomright:8px;border-bottom-right-radius:8px;
 
}
#main_webcam {
	position: relative;
	left: -3px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 620px;
	text-align: left;
	border: 1px solid #006600;	
	z-index: 0;
	float: right;
	padding-top: 50px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #000000;
	-moz-border-radius-bottomleft:8px; -webkit-border-radius-bottomleft:8px; -khtml-border-radius-bottomleft:8px; border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-radius-bottomright:8px;-khtml-border-radius-bottomright:8px;border-bottom-right-radius:8px;
 
}
#main_content_NOAA_404 {
	position: relative;
	left: 5px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 619px;
	text-align: left;
	border: 1px solid #000000;	
	z-index: 0;
	float: left;
	padding-top: 50px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFFFFF;	
}
#main_content_radar {
	position: relative;
	left: 190px;
	top: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 500px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 50px;	
}

#main_Hist_data {
	position: relative;
	left: 5px;
	top: -45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 636px;
	text-align: center;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 35px;
	margin-bottom: 35px;
	overflow: hidden;
}

#main_Stormpulse1 {
	position: relative;
	left: 1px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 640px;
	text-align: center;
	background-color: #000000;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 35px;	
}

#main_Stormpulse {
	position: relative;
	left: 2px;
	top: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 639px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: right;
	padding-bottom: 100px;	
}

#main_ham {
	position: relative;
	left: 12px;
	top: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 500px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 100px;	
}


#main_Lightning {
	position: relative;
	left: 2px;
	top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 639px;
	text-align: center;
	z-index: 0;
	float: left;
	padding-bottom: 100px;
}

#main_Lightning_1 {
	position: relative;
	left: 1px;
	top: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 639px;
	text-align: center;
	z-index: 0;
	float: left;
	padding-bottom: 100px;
}

#Lightning_2 {
	position: relative;
	left: 2px;
	top: -30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 639px;
	text-align: center;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 35px;
	margin-top: 35px;	
}

#Lightning_icon2 {
	position: absolute;
	left: 540px;
	top: -50px;		
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#Lightning_icon1 {
	position: absolute;
	left: 505px;
	top: -40px;		
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#pacific_title {
	position: absolute;
	left: 170px;
	top: -40px;		
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#pacific_boat_1 {
	position: absolute;
	left: 20px;
	top: -65px;	
	width: 100px;
	height: 83px;
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#pacific_boat_2 {
	position: absolute;
	left: 70px;
	top: -60px;	
	width: 100px;
	height: 83px;
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#pacific_boat_3 {
	position: absolute;
	left: 450px;
	top: -60px;	
	width: 100px;
	height: 83px;
	text-align: center;
	padding: 1px;
	z-index: 2;
}

#main_wxquality_link2 {
	position: relative;
	left: 30px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 550px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 20px;
		
}

#main_wxquality {
	position: relative;
	left: 1px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 639px;
	text-align: center;
	background-color: #FFFFFF;
	z-index: 0;
	float: left;
	padding-bottom: 50px;
	overflow: hidden;
	border-bottom: 1px solid #00B93D;
	border-top: 1px solid #00B93D;
}
 
#mainDocDiscussion {
    display:inline-block;
	position: relative;
	left: 4px;
	top: 12px;
	overflow: visible;
	width: 830px;	
	margin: auto;
	background-color: #000000;
	padding: 3px;
	border-top: 5px solid #006633;	
	border-right:5px solid #006633; border-left:5px solid #006633; border-bottom:15px solid #006633; -moz-border-radius-bottomleft:8px; -webkit-border-radius-bottomleft:8px; -khtml-border-radius-bottomleft:8px; border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-radius-bottomright:8px;-khtml-border-radius-bottomright:8px;border-bottom-right-radius:8px;
	border-top:5px solid #006633; -moz-border-radius-topleft:15px; -webkit-border-radius-topleft:15px; -khtml-border-radius-topleft:15px; border-top-left-radius:15px; -moz-border-radius-topright:15px; -webkit-border-radius-topright:15px;-khtml-border-radius-topright:15px;border-top-right-radius:15px;
	padding-bottom:5px;
	
} 

#menuforecast-discussion {
	position: absolute;
	left: -6px;
	top: 123px;
	width: 830px;
	background-color: #FFFFFF;
} 

.forecast-discussionText {
	position: absolute;
	left: -5px;
	top: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 568px;
	text-align: center;
	
} 



#discussionGraphText {
	position: absolute;
	width: 620px;
	height: 17px;
	text-align: center;
	left: -12px;
	top: -40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 1px 0px 0px;	
	font-weight: bold;
	background-color: #006600;
	color: #FFFFFF;
	z-index: 1;		
} 



#Sub_Page_title {
	position: absolute;
	text-align: center;
	left: 212px;
	top: 78px;	
	z-index: 2;		
} 

#discussiongraph {
	position: absolute;
	left: 21px;
	top: 115px;	
} 



#BottomText2 {
	position: absolute;
	left: 150px;
	bottom: 10px;
	width: 540px;
	border: none;
	font-family: Arial;
	font-size: 11px;	
	z-index: 1;
	color: #FFFFFF;	
 }
 
 /*--------################--------- Sat Map Images Page ---------################-------- */
 
#main_Sat_content {
	position: relative;
	left: 6px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 624px;
	height: 1250px;
	background-color: #000000;
	text-align: center;
	border: 3px groove #006600;
	z-index: 0;
	float: left;
	padding-top: 60px;
	margin-bottom: 35px;
	margin-top: 0px;
}

#main_Forcast_content {
	position: relative;
	left: 6px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 624px;	
	background-color: #000000;
	text-align: center;
	border: 3px groove #006600;
	z-index: 0;
	float: left;
	padding-top: 60px;
	margin-bottom: 35px;
	margin-top: 0px;
}

#main_Fire_content {
	position: relative;
	left: -9px;
	top: -49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 624px;	
	background-color: #000000;
	text-align: center;
	border: 3px groove #006600;
	z-index: 0;
	float: left;
	padding-top: 60px;
	margin-bottom: -30px;
	margin-top: 0px;
}

#main_fire_content {
	position: relative;
	left: -5px;
	top: -32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 620px;
	text-align: left;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
	
}

#main_fire_discussion {
	position: relative;
	left: 30px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 620px;
	text-align: left;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
	
}

#Fire_content {
	position: relative;
	left: -1px;
	top: -13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 624px;		
	text-align: center;
	z-index: 0;
	float: left;
}

#Fire_content_2 {
	position: relative;
	left: -1px;
	top: -25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 624px;		
	text-align: center;
	z-index: 0;
	float: left;
}

#Sat_text1 {
    position: absolute;
	left: 45px;
	top: 72px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: left;
	font-weight: bold;
 } 

#Sat_text2 {
    position: absolute;
	left: 320px;
	top: 72px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
 } 

#Sat_text3 {
    position: absolute;
	left: 45px;
	top: 315px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: left;
	font-weight: bold;
 } 

#Sat_text4 {
    position: absolute;
	left: 320px;
	top: 315px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
 }

#Sat_text5 {
    position: absolute;
	left: 45px;
	top: 558px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: left;
	font-weight: bold;
 } 

#Sat_text6 {
    position: absolute;
	left: 320px;
	top: 558px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
 }

#Sat_text7 {
    position: absolute;
	left: 45px;
	top: 801px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: left;
	font-weight: bold;
 } 

#Sat_text8 {
    position: absolute;
	left: 320px;
	top: 801px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
 }

#Sat_text9 {
    position: absolute;
	left: 45px;
	top: 1044px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: left;
	font-weight: bold;
 } 

#Sat_text10 {
    position: absolute;
	left: 320px;
	top: 1044px;
	text-align: center;
	width: 280px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
 }
 
#Sat_image1 {
	position: relative;
	left: -10px;
	top: 30px;
	text-align: center;	
} 

#Sat_image2 {
	position: relative;
	right: -10px;
	top: 30px;
	text-align: center;		
}  
 
#Sat_image3 {
	position: relative;
	left: -10px;
	top: 70px;
	text-align: center;	
} 

#Sat_image4 {
	position: relative;
	right: -10px;
	top: 70px;
	text-align: center;		
}   
 
#Sat_image5 {
	position: relative;
	left: -10px;
	top: 110px;
	text-align: center;	
} 

#Sat_image6 {
	position: relative;
	right: -10px;
	top: 110px;
	text-align: center;		
}   

#Sat_image7 {
	position: relative;
	left: -10px;
	top: 150px;
	text-align: center;	
} 

#Sat_image8 {
	position: relative;
	right: -10px;
	top: 150px;
	text-align: center;		
}   

#Sat_image9 {
	position: relative;
	left: -10px;
	top: 190px;
	text-align: center;	
} 

#Sat_image10 {
	position: relative;
	right: -10px;
	top: 190px;
	text-align: center;		
}   

 
/*--------################--------- Map Images Page ---------################-------- */

#mainDoc_map {
	position: relative;
	left: 4px;
	top: 7px;
	height:890px;
	width: 659px;
	padding: 3px;
	margin: auto;
	background-color: #F0E8D2;
	border: 5px solid #006633;
	overflow: auto;
	
} 


#map_image {
	position: absolute;
	left: -21px;
	top: 50px;
	text-align: center;	
} 

#Mesomap_image {
	position: absolute;
	left: -27px;
	top: 40px;
	
	text-align: center;
	z-index: 0;	
}

.Mesomap a:link {color: #0000FF}
.Mesomap a:visited {color: purple}
.Mesomap a:hover {color: red}
.Mesomap a:active {color: black}
.Mesomap a {text-decoration: underline}
.Mesomap a:hover {text-decoration: none}

#LRadar {
	position: absolute;
	left: -21px;
	top: 50px;
	overflow: hidden;
	text-align: left;
	height:670px;
	width: 640px;
} 

#NOAA-report {
	position: absolute;
	left: -23px;
	top: 50px;	
	text-align: left;	
	width: 633px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 10px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
} 

#mainDoc_NOAA-report {
	position: relative;
	left: 4px;
	top: 7px;
	height: 950px;
	width: 659px;
	padding: 3px;
	margin: auto;
	background-color: #F0E8D2;
	border: 5px solid #006633;
	overflow: visible;	
} 

#mainDoc_NOAA-7day {
	position: relative;
	left: 4px;
	top: 7px;
	height: 1400px;
	width: 830px;
	padding: 3px;
	margin: auto;
	background-color: #F0E8D2;
	border: 5px solid #006633;
	
	z-index: 0;	
} 

#NOAA-7_day {
	position: absolute;
	left: 10px;
	top: 50px;	
	text-align: left;	
	width: 600px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #000000;
	z-index: 0;	
}
 
#NOAA-7_center {
	position: absolute;
	left: 200px;
	top: 172px;
	width: 629px;
	
	background-image: url(/1/images/gradient_Left.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #000000;
	z-index: 0;
	overflow: visible;
} 



/*--------################--------- Sidebar Table Page ---------################-------- */


#Sidebar_table {
	position: relative;
	left: -646px;
	top: 10px;
	text-align: center;
	height:1500px;
	width: 175px;
	float: right;
	z-index: 0;
} 

#Photo_Sidebar {
	position: absolute;
	left: 13px;
	top: 445px;
	height: 145px;
	width: 145px;
	background-color: #000000;
	text-align: center;	
} 

#Phototext_SB {
   position: absolute;
	left: -4px;
	top: 405px;
	width: 180px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 } 

 #NOAA_radio_SB {
	position: absolute;
	left: -4px;
	top: 345px;
	width: 180px;
	height: 170px;
	text-align: center;
	
} 

#Radioicon_SB {
	position: absolute;
	left: 18px;
	top: 0px;
	width:180px;
	height:100px;	
	text-align: left;	
} 

#RadioText_SB {
    position: absolute;
	left: 0px;
	top: 50px;
	width: 180px;
	padding: 1px 0 1px 0;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 } 


/*-------- Gizmo Table Page Within the Sidebar table -------- */

#Gizmo_indicator {
	position: absolute;
	left: -18px;
	top: 7px;	
	margin: 0 20px;
	width: 170px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 1px;
}
#time_indicator {
	position: absolute;
	left: -22px;
	top: 0px;	
	margin: 0 20px;
	width: 170px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 1px;
}
#time2 {
	position: absolute;
	left: -3px;
	top: -8px;
	width:180px;
	text-align:center;
	font-weight:bold;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	float:left;
}
#Sub_temp {
	position: absolute;
	left: 700px;
	top: -10px;
	width:70px;
	text-align:right;
	font-weight:bold;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #000000;	
	float:left;
	white-space:nowrap;
}
#Sub_beaufort {
	position: absolute;
	left: 598px;
	top: 2px;
	width:100px;
	text-align:center;
	font-size: 13px;
	font-weight: bold;
	font-family: Times New Roman;
	font-style: italic;	
	color: #000000;	
	float:left;
	white-space:nowrap;
}
#Gizmo3 {
	position: absolute;
	left: 0px;
	top: 18px;
	height:350px;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 1px;
	font-weight: bold;
	text-align: center;
	/* background-color: #eaeaea; */
	/* background-color: #ECEDDE; */
	/* background-image: url(images/Background_3.jpg); */
	/* background-repeat: repeat; */
	border-right:3px solid #006600; border-left:3px solid #006600; border-bottom:3px solid #006600; -moz-border-radius-bottomleft:8px; -webkit-border-radius-bottomleft:8px; -khtml-border-radius-bottomleft:8px; border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-radius-bottomright:8px;-khtml-border-radius-bottomright:8px;border-bottom-right-radius:8px;
	 -moz-box-shadow: 5px 5px 3px #888; -webkit-box-shadow: 5px 5px 3px #888; -khtml-box-shadow: 5px 5px 3px #888; box-shadow: 5px 5px 3px #888;
}

#gizmoBottoms {
	position: absolute;
	left: 11px;
	top: 350px;
	width: 150px;	
	height: 17px;
	font-size: 9px;
	text-align: center;
	z-index: 1;	
}

#Gizmo_title_1 {
    position: absolute;
    left: 0px;
	top: 0px;
	width: 162px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 }

.Gizmo_title_1 {
    position: absolute;
    left: 0px;
	top: 0px;
	width: 162px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
	z-index: 2;
 }


/*-------- Gizmo Content 0 -------- */

#Gizmo_Welcome {
	position: absolute;
	left: 32px;
	top: 20px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	font-family: Arial;
	font-family: Times New Roman;
		
}

#Gizmo_Picture {
	position: absolute;
	left: 18px;
	top: 55px;
	text-align: center;
		
}

/*-------- END Gizmo Content 0 -------- */

/*-------- Gizmo Content 1 -------- */

#Gizmo_Temp_title_1 {
	position: absolute;
	left: 10px;
	top: 30px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	font-family: Arial;	
}

#Temp_icon2 {
	position: absolute;
	left: 15px;
	top: 70px;
	text-align: center;	
}


#Temp_icon {
	position: absolute;
	left: 15px;
	top: 70px;
	text-align: center;	
}

#Temp_gizmo {
	position: absolute;
	left: 80px;
	top: 65px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;	
}

#TempRate_gizmo {
	position: absolute;
	left: 87px;
	top: 115px;
	text-align: center;	
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;	
}

#comfortlevel_gizmo {
	position: absolute;
	left: 10px;
	top: 245px;
	text-align: center;
	width: 140px;	
	font-size: 14px;
	font-weight: bold;
	font-family: Times New Roman;
	font-style: italic;	
}

#HeatDX_gizmo {
	position: absolute;
	left: 85px;
	top: 160px;
	text-align: center;	
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;	
}

#WindChill_gizmo {
	position: absolute;
	left: 90px;
	top: 200px;
	text-align: center;	
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;	
}

#Temp_H_gizmo {
	position: absolute;
	left: 5px;
	top: 280px;
	text-align: center;	
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;	
}


/*-------- END Gizmo Content 1 -------- */

/*-------- Gizmo Content 2 -------- */

#Wind_Title_gizmo {
	position: absolute;
	left: 23px;
	top: 30px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	font-family: Arial;	
}

#Wind_icon_gizmo {
	position: absolute;
	left: 15px;
	top: 70px;
	text-align: center;	
}

#Wind_anam_gizmo {
	position: absolute;
	left: 95px;
	top: 25px;
	text-align: center;
	display: inline;	
	visibility: visible;
	z-index: 1;
}


#Wind_gizmoText1 {
	position: absolute;
	left: 95px;
	top: 68px;
	text-align: center;
	font-size: 14px;
	color: blue;
	font-weight: bold;
	font-family: Arial;	
}

#Wind_gizmoText2 {
	position: absolute;
	left: 90px;
	top: 88px;
	text-align: center;
	width: 60px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;	
}

#Wind_gizmoText3 {
	position: absolute;
	left: 91px;
	top: 110px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;	
}

#Wind_gizmoText4 {
	position: absolute;
	left: 90px;
	top: 128px;
	text-align: center;
	width: 60px;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial;	
}

#Wind_gizmoText5 {
	position: absolute;
	left: 15px;
	top: 145px;
	text-align: center;
	width: 40px;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;	
}

#wxWindBeaufort2 {
	position: absolute;
	left: 10px;
	top: 175px;
	text-align: center;
	width: 140px;
	font-size: 14px;
	font-weight: bold;
	font-family: Times New Roman;
	font-style: italic;	
}

#Hum_gizmoText1 {
	position: absolute;
	left: 10px;
	top: 205px;
	width: 100px;	
	text-align: left;
	
} 

#Hum_gizmoText2 {
	position: absolute;
	left: 73px;
	top: 205px;
	width: 90px;	
	text-align: center;
	
} 

/*-------- END Gizmo Content 2 -------- */

/*-------- Gizmo Content 3 -------- */

#Radar_icon_gizmo {
	position: absolute;
	left: 10px;
	top: 29px;
	text-align: center;
	border: none;	
}


#Gizmo_Rain_title {
    position: absolute;
    left: 1px;
	top: 180px;
	width: 160px;
	padding: 1px 0 1px 0;
	background-color: #006600;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
 }
 
 #Gizmo_Rain_Text1 {
	position: absolute;
	left: 3px;
	top: 200px;
	width: 120px;
	text-align: left;
	color: #006600;
} 

#Gizmo_Rain_Text2 {
	position: absolute;
	left: 107px;
	top: 200px;
	width: 50px;
	text-align: center;	
} 
 
 

/*-------- END Gizmo Content 3 -------- */

/*-------- Gizmo Content 4 -------- */

#Fire_Title_gizmo_1 {
	position: absolute;
	left: 1px;
	top: 30px;
	width: 160px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	font-family: Arial;	
}

#Fire_icon_gizmo {
	position: absolute;
	left: 5px;
	top: 75px;
	text-align: center;	
}

#Fire_Title_gizmo_2 {
	position: absolute;
	left: 1px;
	top: 210px;
	width: 160px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	font-family: Arial;	
}

#Fire_Safe_icon_gizmo {
	position: absolute;
	left: 5px;
	top: 235px;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;	
}

#Yuba_net_gizmo_link {
	position: absolute;
	left: 5px;
	top: 295px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;	
}

/*-------- END Gizmo Content 4 -------- */

/*-------- Gizmo Content 5 -------- */

#Gizmo_Outlook {
	position: absolute;
	left: 20px;
	top: 26px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;	
}

#Gizmo_Outlook2 {
	position: absolute;
	left: 20px;
	top: 35px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
	z-index: 0;	
}


/*-------- END Gizmo Content 5 -------- */

/*-------- Gizmo Content 6 -------- */
#Gizmo_Almanac {
	position: absolute;
	left: 0px;
	top: 10px;	
	z-index: 0;	
}
#wxmoonIconGizmo {
	position: absolute;
	left: 4px;
	top: 10px;
	width: 50px;
	text-align: left;
	height: 50px;	
}
 #wxmoonIconText1Gizmo {
	position: absolute;
	left: 55px;
	top: 21px;
   	width: 110px;			
	text-align: center;
} 
#wxmoonIconText2Gizmo {		
	text-align: center;
    background-color:#ecebeb; border:#000000 solid 1px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px;	
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
    white-space:nowrap;
} 
#wxmoonIconText3Gizmo {
	position: absolute;
	left: 62px;
	top: 55px;
	width: 95px;
	text-align: center;	
	border: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	white-space:nowrap;
}
 #wxmoonIconTextGizmo {
	position: absolute;
	left: 62px;
	top: 40px;
	width: 95px;
	text-align: center;	
	border: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	white-space:nowrap;
}
/*-------- END Gizmo Content 6 -------- */


#wind_calc_title {
	position: relative;
	left: 5px;
	top: 0px;
	width: 600px;
	height: 120px;
	text-align: left;	
	float: left;
	z-index: 0;	
}

#wind_calc_title1 {
	position: relative;
	left: 140px;
	top: 10px;	
	float: left;	
	z-index: 0;
}

#wind_calc_title1a {
	position: relative;
	left: 45px;
	top: 35px;
	width: 530px;	
	float: left;	
	z-index: 0;
}

#wind_icon2 {   
	position: relative;
	left: -220px;
	top: 0px;	
	border: none;		
	z-index: 5;		
}

#cloud_icon2 {   
	position: absolute;
	left: 465px;
	top: 380px;	
	border: none;		
	z-index: 5;		
}

#cloud_icon3 {   
	position: absolute;
	left: -5px;
	top: 380px;	
	border: none;		
	z-index: 5;		
}

#wind_calc {
	position: relative;
	left: 117px;
	top: 10px;
	width: 350px;
	height: 200px;
	text-align: left;	
	float: left;
	z-index: 0;
	
}



#wind_calc_p1 {
	position: relative;
	left: 30px;
	top: 10px;
	width: 310px;
	float: left;	
	z-index: 0;
}

#wind_calc_p2 {
	position: relative;
	left: 30px;
	top: 12px;
	width: 310px;
	float: left;
	z-index: 0;
}

#wind_calc_p3 {
	position: relative;
	left: 30px;
	top: 14px;
	width: 310px;	
	float: left;
	z-index: 0;
}

#wind_calc_p4 {
	position: relative;
	left: 30px;
	top: 16px;
	width: 310px;	
	float: left;
	z-index: 0;
}
 
 #wind_calc_p5 {
	position: relative;
	left: 30px;
	top: 18px;
	width: 310px;	
	float: left;
	z-index: 0;
}

#wind_calc_p6 {
	position: relative;
	left: 30px;
	top: 20px;
	width: 310px;	
	float: left;
	z-index: 0;
}

#wind_calc_p7 {
	position: relative;
	left: 100px;
	top: 30px;
	width: 310px;	
	float: left;
	z-index: 0;
}

#wind_calc_p8 {
	position: relative;
	left: 190px;
	top: 6px;
	width: 310px;	
	float: left;
	z-index: 0;
}

#wind_calc_hr {
	position: relative;
	left: 0px;
	top: 50px;
	width: 610px;	
	float: left;
	z-index: 0;	
}

#wind_calc_2 {
	position: relative;
	left: 0px;
	top: 50px;
	width: 610px;	
	text-align: center;	
	float: left;
	z-index: 0;
	margin-top: 60px;	
    padding-bottom: 80px;
}

#wind_calc_title2 {
	position: relative;
	left: 5px;
	top: 80px;
	width: 600px;
	height: 50px;
	text-align: left;	
	float: left;
	z-index: 0;
}

/* ----------------------------------------------------------------- */
/* The Start of Climate Prediction Center                              */
/* ----------------------------------------------------------------- */

#main_outlookmap {   
	position: relative;
	left: 15px;
	top: 0px;		
	width: 610px;
	text-align: left;	
	z-index: 0;
	float: left;
	padding-bottom: 40px;
	margin-bottom: 0px;	
}

#main_Climate {   
	position: relative;
	left: 0px;
	top: -43px;		
	width: 610px;
	text-align: center;	
	z-index: 0;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 0px;	
}

#main_outlookmap_2 { 
    position: relative;
	left: 8px;
	top: -5px;
	width: 600px;	
	float: left;	
	border: 1px solid #006600;
	background-color: #FFFFFF;			
}

#main_outlookmap_3 {
	position: relative;
	left: 8px;
	top: 20px;
	width: 580px;
	float: left;
	background-color: #FFFFFF;
	padding-left: 20px;
	border: 1px solid #006600;					
}

#Convective_content {
	position: relative;
	left: 11px;
	top: -45px;
	width: 620px;
	text-align: left;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
}

#Fire_Outlook_content {
	position: relative;
	left: -9px;
	top: -45px;
	width: 620px;
	text-align: left;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
}

#Climate_content {
	position: relative;
	left: 12px;
	top: -45px;
	width: 620px;
	text-align: left;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
}

#Weather_Stories_content {
	position: relative;
	left: 5px;
	top: -45px;
	width: 620px;
	text-align: left;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
}
#weather_story_select {
	position: absolute;
	left: 200px;
	top: 62px;
	z-index: 0;
	float: left;
	padding-bottom: 10px;
}
#Storm_Report_content {
	position: relative;
	left: 23px;
	top: -45px;
	width: 620px;
	text-align: left;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
}

.nav  {
	font-size : 9pt;
	color : #FFFFFF;
	font-weight : bold;
	font-family : Arial, Helvetica, San Serif;
}

#menuitem A:link {
color: white;
text-decoration: none;
}

#menuitem A:Visited {
color: #FFFFFF;
text-decoration: none;
}

#menuitem A:hover { 
color : #F0E68C; 
text-decoration : underline; }


#menuitemviv A:link {
color: blue;
text-decoration: none;
}


/* END of Climate Prediction Center                              */
/* ----------------------------------------------------------------- */



#main_river_2 { 
    position: relative;
	left: -8px;
	top: 0px;
	float: left;
	text-align: center;
	border: 1px solid #006600;
	background-color: #FFFFFF;
	padding-bottom: 20px;
	padding-top: 5px;
	z-index: 5;			
}

#Space {   
	position: relative;
	left: 9px;
	top: 50px;		
	width: 630px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 45px;
	margin-bottom: 40px;	
}

#space_title1 {
	position: absolute;
	left: 0px;
	top: -40px;	
	text-align: center;
	z-index: 1;
}

#space_title2 {
	position: relative;
	left: 0px;
	top: 20px;
	text-align: left;
	z-index: 1;
	font-size: 18px;
	font-style: normal;
	color: #000000;
	font-family: Arial;
}

#space_icon1 {
	position: absolute;
	left: 355px;
	top: -15px;	
	text-align: center;
	z-index: 1;
}

#space_icon2 {
	position: absolute;
	left: 485px;
	top: 0px;	
	text-align: center;
	z-index: 1;
}

#loop_sun {
	position: relative;
	left: 2px;
	top: 0px;
	width: 620px;
	text-align: center;
	z-index: 0;
	float: left;
	margin-bottom: 50px;
	background-color: #000000;	
}

.loop_sun_2 {
	position: relative;
	left: 55px;
	top: 0px;	
	text-align: center;
	z-index: 0;
	float: left;
	padding-bottom: 40px;
	background-color: #000000;	
}

.loop_solar {
	position: relative;
	left: -1px;
	top: -3px;
	width: 318px;
	text-align: center;
	z-index: 0;
	float: left;
	margin-bottom: 0px;
		
}

#main-copy {
    text-align: justify;
}

#Volcano {   
	position: relative;
	left: 15px;
	top: 0px;		
	width: 610px;
	text-align: left;
	border: none;	
	z-index: 0;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 40px;	
}

#Volcano_pic {
	position: relative;
	left: -11px;
	top: 0px;
	width: 610px;
	height: 510px;
	text-align: left;
	z-index: 0;
	float: left;
	margin-bottom: 15px;
}

#Volcano_Forecast {
    position: relative;
	left: 5px;
	top: 0px;	
	width: 610px;
	text-align: justify;
	z-index: 0;
	float: left;
	padding-bottom: 10px;
	font-family: Arial;
	font-style: normal;
}

#Volcano_text {
	position: relative;
	left: -1px;
	top: 0px;
	width: 580px;
	text-align: justify;
	border: 1px solid #000000;
	z-index: 0;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial;
	font-style: italic;
}

.Volcano_text_1 {	
	width: 600px;
	text-align: justify;
	z-index: 0;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial;
	font-style: italic;
}

.Volcano_text_2 {	
	width: 600px;
	text-align: left;
	z-index: 0;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial;
	font-style: normal;
}

/* ----------------------------------------------------------------- */
/* The Start of UV and Air Page                              */
/* ----------------------------------------------------------------- */

#main_UV {
	position: relative;
	left: -2px;
	top: -10px;
	width: 639px;
	text-align: left;
	font-size: 6px;
	font-family: Arial;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 50px;
	overflow: hidden;
}

.table-top {
	color: black;
	background-color: #96C6F5;
	text-align: left;
	font-weight: bold;
}

.column-dark {
  color: black;
  background-color: #F1F8FE;
}

.column-light {
  color: black;
  background-color: white;
}
.column-dark_gauge {
  text-align:left;
  color: black;
  background-color: #F1F8FE;
}

.column-light_gauge {
  text-align:left;
  color: black;
  background-color: white;
}
.UV_border {
	border: 7px solid #FFFFFF;
}

.UV_border_green {
	border: 1px solid #00B93D;
}

#main_UV_forecast {
	position: relative;
	left: 4px;
	top: -10px;
	width: 628px;
	height: 300px;
	text-align: left;
	font-size: 6px;
	font-family: Arial;
	
	z-index: 0;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	
}

#main_UV_icon {
	position: relative;
	left: 12px;
	top: -20px;
	width: 230px;
	text-align: left;
	z-index: 0;
	float: left;
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
}

#main_UV_chart {
	position: relative;
	left: 42px;
	top: 10px;
	text-align: left;
	z-index: 0;
	float: left;
	vertical-align: top;
	
}

#main_air {
	position: relative;
	left: -11px;
	top: -45px;
	width: 630px;
	text-align: left;
	font-size: 13px;
	font-family: Arial;
	background-color: #FFFFFF;
	border: 1px solid #00B93D;
	z-index: 0;

	padding-left: 0px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url(images/Clouds_4.jpg);
	background-repeat: repeat;
}

#Air_AQI_forecast { 
    position: relative;
	left: 0px;
	top: 0px;
	float: left;
	text-align: left;
	font-size: 	11px;
	font-weight: normal;
	border: 5px groove #006600;
	background-color: #FFFFFF;
	padding-bottom: 0px;
	margin-bottom: 0px;
	z-index: 5;			
}
#AllConversion { 
    position: relative;
	left: -10px;
	top: -48px;
	width: 630px;
	text-align: left;
	font-size: 13px;
	font-family: Arial;
	background-color: #FFFFFF;
	border: 1px solid #00B93D;
	z-index: 0;
    padding-top: 40px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url(images/Clouds_4.jpg);
	background-repeat: repeat;		
}
#AQI_map {
	position: relative;
	left: 0px;
	top: 0px;
	
	width: 525px;
	text-align: center;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
	
}

/* VISIBLE TABLE - CITY FORECASTS												*/
/********************************************************************************/	
TABLE.AQData			
	{
		padding-bottom:	  	2px;
		padding-left:	  	2px;
		padding-top:	  	2px;
		padding-right:	  	2px;		
		border-collapse:  	collapse;
		border-color:	 	#003399;		 
		border-spacing:   	0;
		border-style:	  	solid;
		border-width: 	  	1px;
		border-left-width: 	1px;
		width:				365px;
		background-color: #f7f6f5;
	}
TD.AQDataContent
	{
		text-align: justify;	
		padding-bottom:	  	4px;
		padding-left:	  	4px;
		padding-top:	  	4px;
		padding-right:	  	4px;		
		border-collapse:  	collapse;
		border-color:	 	#003399;		 
		border-spacing:   	0;
		border-style:	  	solid;
		border-width: 	  	1px;
		font-family: 	  	Arial, Helvetica, sans-serif;
		font-size: 	 	  	11px;
		font-weight:	  	normal;
		vertical-align:		top;
	}			
TD.AQDataHeader
	{
		height:				30px;
		text-align:			center;
		font-family: 	  	Arial, Helvetica, sans-serif;
		font-size: 	 	  	17px;
		font-weight:	  	bold;
		color: 			  	#000000;
		background-color:	#EDF3F9;		
		padding-bottom:	  	2px;
		padding-left:	  	2px;
		padding-top:	  	2px;
		padding-right:	  	2px;		
		border-collapse:  	collapse;
		border-color:	 	#003399;		 
		border-spacing:   	0;
		border-style:	  	solid;
		border-width: 	  	1px;	
	}		
TD.AQDataSectionHeader
	{
		height:				28px;
		text-align:			center;
		font-family: 	  	Arial, Helvetica, sans-serif;
		font-size: 	 	  	14px;
		font-weight:	  	bold;
		color: 			  	#000000;
		background-color:	#EEEEEE;		
		padding-bottom:	  	2px;
		padding-left:	  	2px;
		padding-top:	  	2px;
		padding-right:	  	2px;		
		border-collapse:  	collapse;
		border-color:	 	#003399;		 
		border-spacing:   	0;
		border-style:	  	solid;
		border-width: 	  	1px;	
	}	
	
TD.AQDataSectionTitle
	{
		font-family:		Arial, Helvetica, sans-serif; 
		font-size:			12px; 
		font-weight:		bold;
		text-align:			center;
	}

.AQILegendText
	{
		font-family:		Verdana, Arial, Helvetica, sans-serif; 
		font-size:			11px; 
		font-weight:		bold;
		text-align:			center;
	}
	
.HealthMessage
	{
		font-family:		Arial, Helvetica, sans-serif; 
		font-size:			11px; 
	}

.AQDataPollDetails
	{
		font-family:		Verdana, Arial, Helvetica, sans-serif; 
		font-size:			11px; 
	}	
	
.AQDataLg
	{
		font-family:		Verdana, Arial, Helvetica, sans-serif; 
		font-size:			14px; 
		font-weight:		bold;
		text-align:			center;
	}
/********************************************************************************/
/********************************************************************************/	
/* VISIBLE TABLE - CITY FORECASTS												*/
/********************************************************************************/	
.Air_AQI_forecast-Auburn
    {
	    border-collapse:  		collapse;
		border-color:	  		#000000;		 
		border-spacing:   		0;
		border-style:	  		solid;
		border-width: 	  		1px;
		width: 					328px;
		padding-left:	  	4px;
		padding-right:	  	4px;
		padding-top:	  	4px;
		
	}
	
#todFc {
	position: relative;
	left: 5px;
	top: 0px;
	width: 365px;
	float: left;
	text-align: left;
	font-size: 	11px;
	font-weight: normal;
	border: 1px solid #003399;
	background-color: #EDF3F9;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	z-index: 5;	
}	

TD.AQDataHeader2
	{
		height:				30px;
		width:				362px;
		text-align:			center;
		font-family: 	  	Arial, Helvetica, sans-serif;
		font-size: 	 	  	17px;
		font-weight:	  	bold;
		color: 			  	#000000;
		background-color:	#EDF3F9;		
		padding-bottom:	  	2px;
		padding-left:	  	2px;
		padding-top:	  	2px;
		padding-right:	  	2px;		
		border-bottom: 1px solid #003399;
	}
			
air_2
	{
	border: 1px solid #003399;
	}
	
TD.air
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 	#000000;
	margin: 0px;
	padding: 0px;
	}		
	
TD.AQDataOptionalSectionHeader
	{
		height:				28px;
		text-align:			center;
		font-family: 	  	Arial, Helvetica, sans-serif;
		font-size: 	 	  	12px;
		font-weight:	  	bold;
		color: 			  	#000000;
		background-color:	#EEEEEE;		
		padding-bottom:	  	2px;
		padding-left:	  	2px;
		padding-top:	  	2px;
		padding-right:	  	2px;		
		border-collapse:  	collapse;
		border-color:	 	#003399;		 
		border-spacing:   	0;
		border-style:	  	solid;
		border-width: 	  	1px;	
	}	

TD.StateAQSummaryHeader
	{
		background-color:		#EDF3F9;	
		border-collapse:  		collapse;
		border-color:	  		#00cc00;		 
		border-spacing:   		0;
		border-style:	  		solid;
		border-width: 	  		1px;
		border-bottom-style:	solid;
		border-bottom-width:	1;
		margin-top: 	  		0px;
		margin-left: 	  		0px;
		margin-right: 	  		0px;
		margin-bottom: 	  		0px;
		padding-top: 	  		0px;
		padding-left: 	  		0px;
		padding-right: 	  		0px;
		padding-bottom:   		0px;	
		height:					15px;
		text-align:				center;
		vertical-align:			middle;
		color:					#000000;
		font-weight: 			bold;
		font-size: 				10px;
		font-family: 			Arial, Helvetica, sans-serif;	
	}
		
	TD.StateAQSummaryHeaderPrint
	{
	   
		background-color:		#B1D5F1; /*#B9DCFF*/ /*#EDF3F9;*/	
		border-collapse:  		collapse;
		border-color:	  		#FFFFFF;		 
		border-spacing:   		0;
		border-style:	  		solid;
		border-width: 	  		1px;
		border-bottom-style:	none;
		border-bottom-width:	0;
		margin-top: 	  		0px;
		margin-left: 	  		0px;
		margin-right: 	  		0px;
		margin-bottom: 	  		0px;
		padding-top: 	  		2px;
		padding-left: 	  		2px;
		padding-right: 	  		2px;
		padding-bottom:   		2px;	
		height:					10px;
		text-align:				center;
		vertical-align:			middle;
		color:					#000000;
		font-weight: 			bold;
		font-size: 				10px;
		font-family: 			Arial, Helvetica, sans-serif;	
	}
			
/********************************************************************************/
/* INVISIBLE TABLES (utility containers)									   	*/	
/********************************************************************************/
TABLE.TblInvisible2		/* Generic invisible container table, conforms to the width of the content inside */	
	{
	border-color:	  		#FFFFFF;
	border-spacing:   		0;
	border-style:	  		solid;
	border-width: 	  		1px;
	margin-top: 			0px;
	margin-left: 			0px;
	margin-right: 			0px;
	margin-bottom: 			0px;
	padding-top: 			0px;
	padding-left: 			0px;
	padding-right: 			0px;
	padding-bottom: 		0px;
	border-top-width: 		2;
	border-left-width: 		2;
	border-right-width:	 	2;
	border-bottom-width: 	2;
	border-spacing: 		0;
	border-collapse: 		collapse;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				10px;
	
	}
TABLE.TblInvisible		/* Generic invisible container table, conforms to the width of the content inside */	
	{
	   
		border-color:	  		#000000;		 
		border-spacing:   		0;
		border-style:	  		solid;
		border-width: 	  		0px;
		margin-top: 			0px;
		margin-left: 			0px;
		margin-right: 			0px;
		margin-bottom: 			0px;
		padding-top: 			0px;
		padding-left: 			0px;
		padding-right: 			0px;
		padding-bottom: 		0px;
		border-top-width: 		0;
		border-left-width: 		0;
		border-right-width:	 	0;
		border-bottom-width: 	0;
		border-spacing: 		0;
		border-collapse: 		collapse;
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				11px;
	}

TABLE.TblInvisibleFixed		/* Generic invisible container table, conforms to the width of the parent container */
	{
		margin-top: 			0px;
		margin-left: 			0px;
		margin-right: 			0px;
		margin-bottom: 			0px;
		padding-top: 			0px;
		padding-left: 			0px;
		padding-right: 			0px;
		padding-bottom: 		0px;
		border-top-width: 		0;
		border-left-width: 		0;
		border-right-width:	 	0;
		border-bottom-width: 	0;
		border-spacing: 		0;
		border-collapse: 		collapse;
		width: 					100%;
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				12px;
	}
	
TABLE.TblInvisibleFixed2
	{
	width: 					90%;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight: 			bold;
	padding:                0px;
	margin:	                0px;
	
	}

TD.NtnlSummaryMetroHeader
	{
		font-family: 		Verdana, Arial, Helvetica, sans-serif;
		font-weight: 		bold;
		color:				#000000;
		font-size: 			10px;
		text-align:			left;
		background-color:	#CCCCCC;
		padding-top: 	  		2px;
		padding-left: 	  		4px;
		padding-right: 	  		2px;
		padding-bottom:   		2px;	
	}
	
.AQILegendURL
	{
		font-family:		Arial, Helvetica, sans-serif; 
		font-size:			10px; 
		font-weight:		normal;
		text-align:			center;
		color: 			  	#003399;
	}
					
/********************************************************************************/	

#button_sun {   
	width: 619px;	
	font-family: 'Trebuchet MS', 'Lucida Grande',
	             Verdana, Lucida, Geneva, Helvetica, 
	             Arial, sans-serif;
	color: #333;
    float: left;
    font-size: 13px;
    font-weight: bold;
	background-color: #00B925;	
	border-right-width: 0px;	
	border-right-style: solid;	
	border-right-color: #000000;	
}

#button_space {
    position: relative;
	left: 0px;
	top: 0px;  
	width: 317px;	
	font-family: 'Trebuchet MS', 'Lucida Grande',
	             Verdana, Lucida, Geneva, Helvetica, 
	             Arial, sans-serif;				 
	color: #333;
    float: left;
    font-size: 12px;
	z-index: 3;		
}

#button_forecast {
    position: relative;
	left: 102px;
	top: 0px;  
	width: 400px;	
	font-family: 'Trebuchet MS', 'Lucida Grande',
	             Verdana, Lucida, Geneva, Helvetica, 
	             Arial, sans-serif;
				 
	color: #333;
    float: left;
    font-size: 13px;
    font-weight: bold;
	background-color: #00B925;	
	border-right-width: 2px;	
	border-right-style: solid;	
	border-right-color: #000000;	
}

#button_AQI {
    position: relative;
	left: 165px;
	top: 0px;  
	width: 276px;	
	font-family: 'Trebuchet MS', 'Lucida Grande',
	             Verdana, Lucida, Geneva, Helvetica, 
	             Arial, sans-serif;
				 
	color: #333;
    float: left;
    font-size: 13px;
    font-weight: bold;
		
		
}

#button_AQI_forecast {
    position: relative;
	left: 1px;
	top: 0px;  
	width: 376px;	
	font-family: Arial, sans-serif;
	text-align: center;			 
	color: #333;
    float: left;
    font-size: 12px;
    font-weight: bold;		
}
#button_AQI_Highest {
    position: relative;
	left: 1px;
	top: 0px;  
	width: 376px;	
	font-family: Arial, sans-serif;
	text-align: center;			 
	color: #333;
    float: left;
    font-size: 12px;
    font-weight: bold;		
}
#button {   
	width: 614px;
		
	font-family: 'Trebuchet MS', 'Lucida Grande',
	             Verdana, Lucida, Geneva, Helvetica, 
	             Arial, sans-serif;
	color: #333;
    float: left;
    font-size: 13px;
    font-weight: bold;
	background-color: #00B925;	
	border-right-width: 0px;	
	border-right-style: solid;	
	border-right-color: #000000;	
}

#button ul, #button_forecast ul, #button_space ul, #button_sun ul, #button_AQI ul, #button_AQI_forecast ul, #button_AQI_Highest ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	        
}
		
#button li, #button_forecast li, #button_space li, #button_sun li, #button_AQI li, #button_AQI_forecast li, #button_AQI_Highest li {
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin-right: 0px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
		
		}

#button li a, #button_forecast li a, #button_space li a, #button_sun li a, #button_AQI li a, #button_AQI_forecast li a, #button_AQI_Highest li a {
		display: block;
		padding: 1px 5px 1px 0.5em;
		border-left: 10px solid #03881e;
		border-right: 10px solid #05dc30;
		background-color: #00B925;
		color: #fff;
		text-decoration: none;
	    padding-bottom: 3px;
		padding-top: 2px; 
		   
}

	

#button li a:hover, #button_forecast li a:hover, #button_space li a:hover, #button_sun li a:hover, #button_AQI li a:hover, #button_AQI_forecast li a:hover, #button_AQI_Highest li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
        padding-bottom: 3px;
        padding-top: 2px;      
}

#button p {
	     width: 100%;
	     margin: 0cm 0cm 0cm 0cm;
	     font-family: Arial;
	     font-size: 13px;
	     font-weight: bold;
	     border: none;
	
}

.green_Border_air1 {
	border: 2px ridge #00B93D;
	padding: 0px;
 }
.arrow {
	position: relative;
	left: 10px;
	top: 4px;
	padding:0px;
 } 
.green_Border_air2 {
	position: relative;
	left: 0px;
	top: 1px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
 }


/* END of UV and Air Page                              */
/* ----------------------------------------------------------------- */

#Precip_content {
	position: relative;
	left: 40px;
	top: -100px;
	width: 640px;
	height: 740px;
	text-align: left;
	z-index: 0;
	float: left;
	vertical-align: top;
	
}

.TextSize13a {
	font-family: Arial;
	font-size: 13px;
	border: none;
	margin: 0cm 0cm 0cm 0cm;
	text-align: left;
}
 
#State_Forecast {
	position: relative;
	left: 20px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 500px;
	text-align: left;
	border: none;
	z-index: 0;
	float: left;
	padding-bottom: 0px;
	
}

#tide_content {
	position: relative;
	left: 2px;
	top: 5px;
	width: 615px;
	text-align: left;
	z-index: 0;
	float: left;
	padding-bottom: 20px;
}
#WeatherStory {
	position: relative;
	left: 0px;
	top: -3px;
	width: 627px;	
	text-align: center;
	background-color: #F7F7F7;
	border: 2px ridge #00B93D;
	z-index: 0;
	float: left;
	padding-bottom: 0px;	
}

#WeatherStory2 {
	position: relative;
	left: 0px;
	top: -1px;
	width: 627px;	
	text-align: center;	
	z-index: 0;
	float: left;
	padding-bottom: 0px;	
}
#WeatherStory3 {
	position: relative;
	left: 0px;
	top: 25px;
	width: 627px;	
	text-align: center;
	background-color: #F7F7F7;
	border: 2px ridge #00B93D;
	z-index: 0;
	float: left;
	padding-bottom: 0px;	
}

img.picture { 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); 
-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#B0B0B0,offX=3,offY=3, positive=true)";
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#B0B0B0,offX=3,offY=3, positive=true);
}

/* #################################################################################################
/* ################################################################################################

/* For Severe Weather Summary Page Alerts shadowed border */
#shadowed-borderAL { padding:20px 0px 20px 0px; width:170px; margin:0px auto; color:#000000; }
#shadowed-borderAL, #shadowed-borderAL .sb-inner { background-color:#ebebeb; background-image:url(images/gradient_alertTOP.gif); background-repeat: repeat-x; }
/* ]]> 


 
CSS for Severe Weather Summary Page Alerts
*/
#SWSmain  {
	position: relative;
	left: 0px;
	top: -20px;
}
/*  SWSPalerts Page    */
.swsAlerts {
  color: #005;
  background-color: #FFFFFF;
  font-size: 85%;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  width: 100%;
  padding: 12px 0px 12px 0px;
  margin: 0px auto 0px auto;
}



/*  WFO Menu - Map - Legend Table    */
.wfoTable1 {
  width: 580px;
  background-color: #DDD;
  padding: 2px 4px 2px 4px;
  margin: 12px auto 0px auto;
  border: solid #666 2px;
}
.wfoTable2 {
  width: 580px;
  background-image:url('SWS/images/bg_fade480.png');
  padding: 2px 4px 2px 4px;
  margin: 12px auto 0px auto;
  border-left: solid #999 2px;
	border-top: solid #888 2px;
	border-right: solid #666 2px;
	border-bottom: solid #555 2px;
}
.wfoTable3 {
  width: 580px;
  background-image:url('SWS/images/bg_fade800.png');
  padding: 2px 4px 2px 4px;
  margin: 12px auto 0px auto;
  border-left: solid #999 2px;
	border-top: solid #888 2px;
	border-right: solid #666 2px;
	border-bottom: solid #555 2px;
	-moz-border-radius:7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;
}
.wfoTable4 {
  width: 150px;
  background-color: #DDD;
  padding: 2px 4px 2px 4px;
  margin: 12px auto 0px auto;
  border: solid #666 2px;
  text-align:left;
}
.wfoMenu {
  background-color: #F8F9FC;
  font-size: 100%;
}
.wfoLegend {
	 font-size:10px;
}



/*  Marked Location Name & NWS Location Table    */
.locs {
  width: 580px;
  background-color: #EEE;
  margin: 0px auto 10px auto;
  border-left: solid #999 2px;
	border-top: solid #888 2px;
	border-right: solid #666 2px;
	border-bottom: solid #555 2px;
	-moz-border-radius:7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;
}
.locs td{
  text-align:center;
  padding: 6px 0px 6px 0px;
}



/*  Alert Detail Table    */
.aDetails {
  width: 580px;
  margin: 0px auto 0px auto;
}
.aTitle {
  background-color: #CCC;
  padding: 6px 12px 6px 12px;
  font-size: 140%;
  border-bottom:thin solid #777;
  text-align:left;
}
.aTimes {
  background-color: #DDD;
  padding: 6px 12px 6px 12px;
  border-bottom:thin solid #888;
  text-align:left;
  font-size: 110%;
}
.aText {
	background-color: #EEE;
	padding: 6px 12px 6px 12px;
	font-size: 145%;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-transform: lowercase;
}


/*  No Alert Table and Bad WFO    */
.naTable {
  width: 580px;
  margin: 0px auto 10px auto;
  background-color: #EEE;
  border-left: solid #777 2px;
  border-top: solid #999 2px;
  border-right: solid #666 2px;
  border-bottom: solid #444 2px;
  font-size: 130%;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  	
}


/*  Alert Box    */
.abTable {
	width: 97%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 90%;
	margin: 0px auto 0px auto;
	border: 1px solid black;
	-moz-border-radius:7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;
}
.abTable td {
  padding: 5px 10px 5px 10px;
  text-align: left;
  
}
#main_Graphs {   
	position: relative;
	left: 6px;
	top: 0px;		
	width: 630px;
	text-align: left;	
	z-index: 0;
	float: left;
	padding-bottom: 40px;
	margin-bottom: 0px;	
}