@charset "UTF-8";
body { background-color: #D6E3F3; margin: 0px; padding: 0px; text-align: center; }
#wrapper { width: 1000px; text-align: left; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Verdana, Geneva, sans-serif; font-size: 1em; }
#header { margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 110px; padding-left: 0px; }
#bannerImg { float: left; padding-left: 25px; }
#bannerForm { float: left; margin-left: 25px; margin-top: 15px; }
#bannerAudio {
	float: left;
	margin-top: 20px;
}
.right {
	text-align: right;
}


#clearFloat { clear: both; }
#sidebar { float: left; width: 155px; margin-top: 15px; margin-right: auto; margin-bottom: auto; margin-left: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 1em; padding-right: 5px; }
.sidebarHead1 { font-weight: bold; font-variant: normal; color: #000; text-align: left; font-size: 0.7em; padding-bottom: 0px; padding-left: 5px; padding-top: 0px; padding-right: 1px; }
#noscriptNotice {position:fixed;
top:3px;
left:200px;
font-size: 10pt;
color: #FF0000;
font-weight: bold;
text-align: center;
}

.mobileHead {
	font-size: 24pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: left;
}

.sidebarBody { font-weight: normal; font-variant: normal; color: #336699; font-size: 0.7em; text-align: left; margin-top: -15px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; }
a:link { color: #336699; background-color: transparent; text-decoration: none }
a:visited { color: #336699; background-color: transparent; text-decoration: none }
a:hover { text-decoration: overline underline; font-style:normal; font-variant:normal }
#mainContent { width: 830px; float: right; padding-left: 5px; margin-right: auto; margin-left: auto; font-size: 0.75em; }
#pageContent { margin-right: auto; margin-left: auto; text-align: center; }
#footer { width: 100%; clear: both; font-size: 0.6em; color: #F00; margin-top: 10px; padding: 5px; }
#footer p { text-align: center; margin: 0px; padding: 0px; }
.wwbox {
	border-collapse:collapse;
	width: 100%;
	border: 0px;
	padding: 0px;
}
.wwboxtdtopleft { background-image: url('/images/topleft.gif'); border: 0px; padding: 0px; width: 22px; height: 28px; }
.wwboxtdtop { background-image: url('/images/top.gif'); background-repeat: repeat-x; height: 28px; border: 0px; padding: 0px; color: #ffffff; }
.wwboxtdtopright { background-image: url('/images/topright.gif'); border: 0px; padding: 0px; width: 28px; height: 28px; }
.wwboxtdtopleftBIG { background-image: url('/images/topleftBIG.gif'); border: 0px; padding: 0px; width: 22px; height: 55px; }
.wwboxtdtopBIG { background-image: url('/images/topBIG.gif'); background-repeat: repeat-x; height: 55px; border: 0px; padding: 0px; color: #ffffff; }
.wwboxtdtoprightBIG { background-image: url('/images/toprightBIG.gif'); border: 0px; padding: 0px; width: 28px; height: 55px; }
.wwboxtdleft { background-image: url('/images/leftbg.gif'); background-repeat: repeat-y; width: 22px; border: 0px; padding: 0px; }
.wwboxtdmain { background-color: #ffffff; padding: 0px; border: 0px; }
.wwboxtdmaincentered {
	background-color: #FFF;
	padding: 0px;
	border: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.wwboxtdright { width: 28px; background-image: url('/images/right.gif'); background-repeat: repeat-y; padding: 0px; border: 0px; }
.wwboxtdbottomleft { background-image: url('/images/bottomleft.gif'); padding: 0px; border: 0px; width: 22px; }
.wwboxtdbottom { background-image: url('/images/btmbg.gif'); background-repeat: repeat-x; border: 0px; padding: 0px; }
.wwboxtdbottomright { background-image: url('/images/bottomright.gif'); border: 0px; padding: 0px; width: 28px; height: 24px; }
.iframehome { width: 100%; height: 900px; }
.iframeforecast { width: 620px; height: 900px; }
.iframeaudio { width: 100%; height: 500px; }
.iframestats { width: 100%; height: 1100px; }
.iframegoes { width: 100%; height: 700px; }
.iframevwsphp { width: 750px; height: 900px; }
.iframecalc { width: 100%; height: 700px; }
.centered { margin-right: auto; margin-left: auto; text-align: center; }
.zindexLow { z-index: 5; }
#warnings  { text-align: center; height: 550px; position: relative; left: 75px; border: medium groove #00F; width: 600px; }
.sidebarBodySmall {
	font-weight: normal;
	font-variant: normal;
	color: #336699;
	font-size: 0.5em;
	text-align: left;
	margin-top: -15px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.mobileBody {
	font-weight: normal;
	font-variant: normal;
	color: #336699;
	font-size: 18pt;
	text-align: left;
	margin-top: -15px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.mobileTable {
	text-indent: 2em;
	line-height: normal;
	background-color: #D7E2F4;
	width: 300px;
}
.gateway {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.mobilelink {
	font-weight: normal;
	font-variant: normal;
	color: #336699;
	font-size: 0.8em;
	text-align: left;
	margin-top: -15px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	position: absolute;
	left: 5px;
	top: 15px;
}
#sunchart {
	margin: 0 auto; /* this will center the div */
	width: 390px; /* the width of the chart image plus the width of the arrow */
	text-align: left;
}
#bannerSpeaker {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}
.sidebarHeadcentered {
	font-weight: bold;
	font-variant: normal;
	color: #000;
	text-align: center;
	font-size: 0.7em;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 1px;
}
.mobilelink2 {
	font-weight: normal;
	font-variant: normal;
	color: #336699;
	font-size: 0.8em;
	text-align: left;
	margin-top: -15px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	position: absolute;
	left: 175px;
	top: 15px;
}