body {
	background-color: #DCDCEE;
	font-family: Verdana, Tahoma, arial, sans-serif;
	font-size: 71%; /*Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
	background-image: url(http://slenesetlive.com/wx/css/sideskygge.png);
	background-position: center;
	background-repeat: repeat-y
}
#page {
	margin: 0px auto;
	color: #22464F;
	background-color: white;
	padding: 0;
	width: 988px;
}
acronym, .titleTip {
	border-bottom: 1px dotted rgb(153,153,153);
	cursor: help;
	margin: 0;
	padding: 0 0 0.4px 0;
}
.doNotDisplay {
	display: none;
}
.smallCaps {
	font-size: 110%;
	font-variant: small-caps;
}
img {
	border: 0px;
}
table {
	border-collapse: collapse;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Trebuchet MS', Tahoma, Sans-serif;  }
h1 {
	font-size: 180%; 
	font-weight: 400;
	margin: 10px 0px 10px 0px;
	line-height: 1.1em;
	padding-top: 1.3px;
	border-bottom: 1px solid #ccc;
}
h2 {
	font-size: 120%;
	font-weight: 400;
}	

/* ##### Header ##### */
.topHeader1 {
	color: white;
	background: rgb(137,135,135) url('superHeader.gif') repeat-x left top;
	border: 1px solid rgb(107,107,107);
	height: 2em;
}
.topHeader1 a {
	color: white;
	background-color: transparent;
	margin: 0;
	padding: 0 0.5ex 0 0.25ex;
}
.topHeader2 {
	width: 100%;
	height: 9.50em;
	color: rgb(39,78,144);
	background: rgb(133,131,131) url('pano2.jpg') repeat-x left top;
	vertical-align: middle;
}
.topHeader3 {
	color: white;
	background: rgb(137,135,135) url('superHeader.gif') repeat-x left top;
	border: 1px solid rgb(107,107,107);
	height: 3em;
}
.topHeader3 a {
	color: white;
	background-color: transparent;
	font-size: 91%;
	margin: 0;
	padding: 0 0.5ex 0 0.25ex;
}

/* ##### Side Bar ##### */

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
Modified by Ken True and Mike Challis for Weather-Display/AJAX/PHP
template set.
=================================================================== */
.photo {
	background-color:#f0f0f0; 
	border:1px solid #d8d8d8; 
	margin:0 0 15px; 
	padding:2px;
}

.flyoutmenu {
	font-size:100%;
	width: 14em;
	float: left;
	clear: left;
}
/* remove all the bullets, borders and padding from the default list styling */
.flyoutmenu ul {
	position: relative;
	z-index: 500;
	padding: 0;
	margin: 0;
	padding-left: 0px; /* mchallis added to center links in firefox */
	list-style-type: none;
	width: 140px;
}
/* style the list items */
.flyoutmenu li {
	color: black;
	background: #ddd;
	line-height: 20px;
	border-bottom: 1px solid #fff;
	/* for IE7 */
	float: left;
	margin: 0; /* mchallis added to tighten gaps between links */
}
.flyoutmenu li.sub {
	background: #ddd url('flyout_menu.gif') no-repeat right center;
}
/* get rid of the table */
.flyoutmenu table {
	position: absolute;
	border-collapse: collapse;
	top: 0;
	left: 0;
	z-index: 100;
	font-size: 1em;
}
/* style the links */
	.flyoutmenu a, .flyoutmenu a:visited {
	display: block;
	text-decoration: none;
	line-height: 20px; 
	width:136px; /* mchallis changed for adjusting firefox link width */
	color: #22464F;
/*	color: #505050;*/
	padding: 0 2px 0 5px; 
}
/*	hack for IE5.5 */
/*	mchallis lowered the two width values to (101, 100)to fix IE6 links wider than menu width */
* 	html .flyoutmenu a, * html .flyoutmenu a:visited {width:132px; w\idth:131px;}
/*	style the link hover */
/*	html*/
.flyoutmenu a:hover {
	color: #ccc;background-color: #555;
	position: relative;
}
.flyoutmenu li:hover {
	position: relative;
}
/* For accessibility of the top level menu when tabbing */
.flyoutmenu a:active, .flyoutmenu a:focus {
	color:#ccc;background-color: #555;
}
/* retain the hover colors for each sublevel IE7 and Firefox etc */
.flyoutmenu li:hover > a {
	color: #ccc;
	background-color: #555;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.flyoutmenu li ul {
	visibility: hidden;
	position: absolute;
	top: 1px;
	/* set up the overlap (minus the overrun) */
	left: 122px;
	/* set up the overrun area */
	padding: 10px;
	/* this is for IE to make it interpret the overrrun padding */
	background: transparent;
}

/* for browsers that understand this is all you need for the flyouts */
.flyoutmenu li:hover > ul {
	visibility: visible;
	border: 1px solid #555;
	background-color: #f3f3f3;
}
/* for IE5.5 and IE6 you need to style each level hover */
/* keep the third level+ hidden when you hover on first level link */
.flyoutmenu ul a:hover ul ul {
	visibility: hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.flyoutmenu ul a:hover ul a:hover ul ul
{
	visibility: hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.flyoutmenu ul a:hover ul a:hover ul a:hover ul ul{
	visibility: hidden;
}
.flyoutmenu ul ul {
	border: 1px dashed #663300;
}
/* make the second level visible when hover on first level link */
.flyoutmenu ul a:hover ul {
	visibility: visible;
	border: 1px dashed #663300;
}
/* make the third level visible when you hover over second level link */
.flyoutmenu ul a:hover ul a:hover ul {
	visibility: visible;
}
/* make the fourth level visible when you hover over third level link */
.flyoutmenu ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}
/* make the fifth level visible when you hover over fourth level link */
.flyoutmenu ul a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}

/* ##### Main Copy ##### */

#main-copy {
	font-size: 10pt;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 0 9.5em;
	padding: 0.5mm 5mm 5mm 5mm;
}

#main-copy-dark {
  color: white;
  background-color: black;
  text-align: justify;
  line-height: 1.5em;
	margin: 0 0 0 7.5em;
	padding: 0.5mm 5mm 5mm 5mm;
  border-left: 1px solid rgb(216,210,195);
}

#main-copy-2 {
	font-size: 10pt;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 0 7.5em;
	padding: 0.5mm 5mm 5mm 5mm;
}
.WXSIMforecast {
	font-size: 10pt;
}
.iconclass IMG {
	background-color: #f0f0f0;
	border: 1px solid #d8d8d8;
	margin: 0 0 15px;
	padding: 2px;
}
.codebox {
	border: 1px dashed #080;
	padding: 5px;
	background-color: #FFFF99;
}
.watchBox {
	text-align: center;
	background-color: #FF9900;
	margin: 0 0 0 0;
	padding: 0em 0em 0em 0em;
	border: 1px dashed rgb(34,70,79);
}
.lightningBox {
	text-align: center;
	background-color: #000000;
	margin: 0 0 0 0;
	padding: 0em 0em 0em 0em;
	border: 1px dashed rgb(255,153,0);
}
#main-copy p {
	margin: 1em 1ex 2em 1ex;
	padding: 0;
}
#main-copy a {
	color: rgb(0,102,204);
	border-bottom:1px dotted;
}
.table-top {
	background: url(table-top.gif) repeat-x;height:25px;
	color:#505050;
	font-weight:bold
}
.row-dark {
	background-color: #f7f7f7;
	padding: 4px;
	font-size: 11px;
}

.row-light {
	background-color: #e8e8e8;
	padding: 4px;
	font-size: 11px;
}
.table-moon {
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
}
.gauges {
	text-align: center;
	vertical-align: top;
	height: 160px;
}
.bgauges {
	text-align: center;
	padding: 4px;
	border-left: 1px solid #BCD2EE;
}
.bgauges_r {
	text-align: center;
	padding: 4px;
	border-right: 1px solid #BCD2EE;
	border-left: 1px solid #BCD2EE;
}
.maxminb {
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: center;
	background-color: #F0F0F0;
	margin: 0;
	padding: 3px;
	border: 1px solid rgb(34,70,79);
	line-height: 1.3em;
}

/* ##### ajaxSidebar ##### */
.ajaxSidebar {
    background-color: #FFFFFF;
	border: none;
	width: 114px;
}
.ajaxSidebar h2 {
	font-size: 12pt;
	color: #FFFFFF;
	background-color: #CC6600;
	text-align: center;
	margin-right: 6px;
}

.ajaxSidebar .meas {
	font : x-small Arial, Helvetica, sans-serif;
	color : #000000;
	text-align : right;
	background-color: #FFFFFF;
	width: 35%;
	}
.ajaxSidebar .data {
	font : 9pt Arial, Helvetica, sans-serif;
	color : #0000FF;
	text-align : left;
	background-color: #FFFFFF;
}
.ajaxSidebar td {
	 border: none;
	 background-color: #FFFFFF;
}
.ajaxDashboard {
    font-size: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ajaxDashboard .datahead {
	font-size: 100%;
	font-weight: bold;
	color:  #FFFFFF;
	background-color: #CC6600;
	text-align: center;	
}
.ajaxDashboard .data1 {
 	 color: #000000;
	 font-size: 100%;
	 border-bottom: 1px solid #CCCCCC;
	 background-color: #FFFFFF;
	 text-align: left;
}
.ajaxDashboard td {
	 border: none;
	 background-color: #FFFFFF;
}
.table-top {
	background: url(table-top.gif) repeat-x;height:25px;
	color:#505050;
	font-weight:bold
}


/* ##### Footer ##### */
.faqBox {
	clear: both;
	margin-left: 11.25em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	font-size: 10pt;
	line-height: 18px; 
	border: 1px solid #6F6F6F;
	border-bottom: 4px solid #6F6F6F;
	border-right: 4px solid #6F6F6F;
	padding: 0.05ex 0.75mm;
}
#footer {
	clear: both;
	background: rgb(138,136,136) url('footer.gif') repeat-x left top;
	font-size: 10pt;
	margin-top: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	border: 1px solid #6F6F6F;
	padding: 15px 0px 15px 0px;
}
#footer a {
	color: #22464F;
	font-size: 10pt;
	text-decoration: none;
}