@charset "utf-8";
/* CSS Document */

body {	
margin:10px;
background:#CDD8FF;
background-attachment: fixed;
background-image:url(autumngraphic.jpg);

}

p{margin:0px;padding:2px;font-size:9pt;font-family:arial;}

#container {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #000;
box-shadow: 5px 5px 5px #000;
margin: 0 auto;
width: 1080px;
height:auto;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background: #FFFFFF;
}

#header {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
box-shadow: 2px 2px 3px #000;
position: relative;
background-image:url(/rainbowheader_v2.jpg);
top: 10px;
padding: 5px;
width:1060px;
margin:5px;
height: 100px;
}

#newpanel {
margin-top:100px;
margin:10px;
width:1070px;
height:300px;
float:left;
border:none;
background:#FFFFFF;
}

.newpanelbanner{
/*--webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-top:5px;
margin:15px;
width:790px;
height:auto;
text-align:center;
font-weight:bold;
font-family:arial;
font-size:small;
border-width: 1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#93C9FF;
}


.livedisplaythumbnail {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
/*height:240px;
/*width:240px;*/
float:left;
margin-left:50px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:white;
font-family:arial;
font-size:small;
}



.newpanel1 {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:140px;
width:225px;
float:left;
margin-left:50px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:white;
font-family:arial;
font-size:small;
}

.newpanel2 {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:140px;
width:225px;
float:left;
margin-left:-125px;
margin-top:25px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:white;
font-family:arial;
font-size:small;
}

.newpanel3 {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:140px;
width:225px;
float:left;
margin-left:-125px;
margin-top:50px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:white;
font-family:arial;
font-size:small;
}

.newpanel4 {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:140px;
width:225px;
float:left;
margin-left:-125px;
margin-top:75px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4
border-style:solid;
background-color:white;
font-family:arial;
font-size:small;
}

.welcomepanel {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
float:right;
padding:2px;
margin: 10px;
margin-top:50px;
width:450px;
height:auto;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#D3E2F8;
font-family:arial;
font-size:9pt;
}


.sitenewspanel {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
width:730px;
margin-top:10px;
margin-left:160px;
padding: 5px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}

.twitterfeedpanel{
/* -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 6px 6px 6px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-top:5px;
margin:5px;
width:240px;
height:400px;
text-align:center;
font-weight:strong;
font-family:arial;
font-size:9pt;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:white;
}


.dashboardbanner{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:20px;
float:left;
margin-top:10px;
margin-left:140px;
width:725px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:x-small;
text-align: center;
}

.commentbox{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:auto;
float:left;
margin-top:10px;
margin-left:60px;
width:925px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:x-small;
text-align:justify;
}

.dashboard 
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
float: left;
margin-left:10px;
margin-top:10px;
background-color:#FFFFFF;
width:1000px;
height:auto;
}




.currenttempboxnew {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	-moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #bdc7c4;
     box-shadow: 5px 5px 5px #bdc7c4;
	border-width:1px 1px 1px 1px;
    border-color:#c9ccc4;
	background-color:#F0F0F0;
	border-style:solid;
	float:left;
	margin-left:10px;
	margin-top:10px;
	height:60px;
	width:160px;
	font-family:arial;
	font-size:12pt;
}

.newcurrenttempfont {
font-size:36pt;
font-family:arial;
}

.maxtempfont {
font-size:6pt;
color: #F00;
font-family:arial;
}

.mintempfont {
font-size:6pt;
color: #00F;
font-family:arial;
}

.raincommentpanel {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height: auto;
margin: 5px;
float:left;
margin-left:20px;
width: 980px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#CCFFDD;
}

.currentconditionsnew{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:20px;
float:left;
margin-top:10px;
margin-left:340px;
width:360px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:x-small;
text-align: center;
}

.advisorybanner{
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-top:5px;
margin:5px;
width:auto;
height:auto;
text-align:center;
font-weight:normal;
font-family:arial;
font-size:medium;
border-width: 1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#FFFFFF;
}

.heatcommentpanel{
	padding: 5px;
	margin: 5px;
	width:1050px;
	height:280px;
	margin-left:10px;
	border-width:0px 0px 0px 0px;
	border-color:#CDD8FF;
	border-style:solid;
	font-family:arial;
	}





.rssweatherdec {
/* -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
-moz-box-shadow: 6px 6px 6px #000;*/
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-top:5px;
margin:5px;
width:320px;
height:auto;
text-align:center;
font-weight:strong;
font-family:arial;
font-size:9pt;
border-width:1px 1px 1px 1px;
/*border-color:#c9ccc4;*/
border-color:red;
border-style:solid;
background-color:white;
}

#leftcontainer {
width:780px;
height:auto;
float: left;
margin-top:40px;
border:none;
background-color:#FFFFFF;
}


.forecastmaintodaywrapper {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
width:710px;
padding: 0px;
margin: 0px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
/*border-color:#ACC8F2;*/
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}


.forecasttonightwrapper {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
width:710px;
padding: 5px;
margin: 5px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
/*border-color:#ACC8F2;*/
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}


.forecastmaintomorrowrapper {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
width:710px;
padding: 5px;
margin: 5px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
/*border-color:#ACC8F2;*/
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}


.forecastoutlooktwrapper {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
width:710px;
padding: 5px;
margin: 5px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
/*border-color:#ACC8F2;*/
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}


.forecastbanner{
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-top:5px;
margin:10px;
width:450px;
height:auto;
text-align:center;
font-weight:bold;
font-family:arial;
font-size:medium;
border-width: 1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#93C9FF;
}

.forecastupdatetime {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height: auto;
margin: 5px;
margin-left: 70px;
width: 600px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#CCFFDD;
text-align:center;
font-family:arial;
font-size:x-small;
}

.forecastpanel {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:auto;
width:750px;
margin-top:2px;
padding: 5px;
margin:2px;
border:none;
background-color:#FFFFFF;
font-family:arial;
font-size:9pt;
}

.forecastheader{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
margin: 5px;
width:740px;
height:auto;
text-align:center;
font-weight:bold;
font-family:arial;
font-size:medium;
border-width: 1px 1px 1px 1px;
border-color:#FFFFFF;
border-style:solid;
background-color:#93C9FF;
}

.forecastmain {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
height:auto;
width:730px;
padding: 5px;
margin: 5px;
border-width:1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}

.sunhours{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:auto;
margin: 1px;
width:160px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:x-small;
text-align: center;
}

.forecastdatebanner{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:auto;
margin: 1px;
width:auto;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:x-small;
text-align: center;
}





.sunhoursnew{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:auto;
margin: 1px;
width:300px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:x-small;
text-align: center;
}

.monthcetpanel {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height: auto;
margin: 5px;
margin-left: 50px;
width: 620px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#D3E2F8;
font-family:arial;
font-size:9pt;
}

.outlookpanel {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
padding: 5px;
margin: 5px;
margin-left: 9px;
width:730px;
height: auto;
border-width:1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#D3E2F8;
font-family:arial;
font-size:9pt;
}



.pollenuvwrapper {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
width:710px;
padding: 5px;
margin: 5px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
/*border-color:#ACC8F2;*/
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}






.todaysuvcount{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:20px;
float:left;
margin-top:10px;
margin-left:340px;
width:360px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:x-small;
text-align: center;
}

.todayspollencount{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:15px;
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
width:100px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-size: 11pt; 
font-family: Arial;
color: #000;
text-align: center;
}

.pollenbox{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:75px;
	float:left;
	margin-top:10px;
	width:140px;
	border-width: 1px 1px 1px 1px;
	border-color:#ACC8F2;
	border-style:solid;
	font-size: 12pt;
	text-align: center;
	color: #0080C0; 
	background-color: #FDFB99;
	background-image: url(pollengraphic2.jpg);
}

.todaysuvcount{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:15px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	width:100px;
	border-width: 1px 1px 1px 1px;
	border-color:#ACC8F2;
	border-style:solid;
	font-size: 10pt;
	font-family: Arial;
	text-align: center;
	color: #000;
}

.uvbox{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:75px;
	float:left;
	margin-top:10px;
	margin-left:60px;
	width:140px;
	border-width: 1px 1px 1px 1px;
	border-color:#ACC8F2;
	border-style:solid;
	font-size: 16pt;
	text-align: center;
	color: red;
	background-image: url(sunuv5.jpeg);
}

.pollonapril2016{
	padding: 5px;
	margin: 5px;
	width:360px;
	height:90px;
	border-width:0px 0px 0px 0px;
	border-color:#CDD8FF;
	border-style:solid;
	font-family:arial;
	
}

.extrainfopanel{
	padding: 5px;
	margin: 5px;
	margin-left: 9px;
	width:650px;
	height:40px;
	border-width:0px 0px 0px 0px;
	border-color:#CDD8FF;
	border-style:solid;
	font-family:arial;
	font-size:9pt;
}

.uvkey {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
box-shadow: 2px 2px 3px #000;
height:100px;
width:140px;
float:left;
margin-top:25px;
margin-left:50px;
border-width:1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#D3E2F8;
font-family:arial;
font-size:small;
}

.uvindex{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:auto;
margin: 1px;
width:525px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:x-small;
text-align: center;
}

.uvpanel1 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
box-shadow: 2px 2px 3px #000;
height:80px;
width:140px;
float:left;
margin-top:35px;
margin-left:10px;
border-width:1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#D3E2F8;
font-family:arial;
font-size:small;
}

.pollencount{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;height:auto;
margin: 1px;
width:550px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFCCFF;
font-family:arial;
font-size:x-small;
text-align: center;
}

.pollenkey {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
box-shadow: 2px 2px 3px #000;
height:95px;
width:95px;
float:right;
margin-top:25px;
margin-left:5px;
border-width:1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#D3E2F8;
font-family:arial;
font-size:small;
}

.pollenpanel1 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
box-shadow: 2px 2px 3px #000;
height:75px;
width:140px;
float:left;
margin-top:35px;
margin-left:55px;
border-width:1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#D3E2F8;
font-family:arial;
font-size:small;
}

.metofficeextremespanel {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
width:710px;
padding: 5px;
margin: 25px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
/*border-color:#ACC8F2;*/
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}

.metofficestationslink {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
width:650px;
padding: 5px;
margin: 5px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
/*border-color:#ACC8F2;*/
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}

.mapschartpanel {
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
width:1060px;
padding: 5px;
margin: 2px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}


.newhurricanepanelwrapper 
{
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
margin-left:200px;
width:570px;
padding: 5px;
/* margin: 15px; */
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
/*border-color:#ACC8F2;*/
border-style:solid;
background-color:#FFF;
font-family:arial;
font-size:9pt;
}


.webcamofflineheader {
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height: auto;
margin: 5px;
margin-top:40px;
width: 700px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#FFFFFF;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
}

.nowebcampanel 
{
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
width:780px;
padding: 5px;
margin: 5px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
/*border-color:#ACC8F2;*/
border-style:solid;
background-color:#FFF;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
}


.paypaldonate {
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-top:5px;
margin:5px;
width:600px;
height:80px;
text-align:center;
font-family:arial;
font-size:9pt;
color:black;
border-width:1px 1px 1px 1px;
/*border-color:#c9ccc4;*/
border-color:black;
border-style:none;
}





.forecastnarrative{
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
padding:2px;
margin: 2px;
margin-left:9px;
width:auto;
border-width: 1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#CCFFDD;
font-family:arial;
font-size:x-small;
text-align: center;
}

.twitterfeedbackpanel{
padding: 5px;
margin: 2px;
margin-left: 9px;
width:650px;
height:auto;
border-width:0px 0px 0px 0px;
border-color:#CDD8FF;
border-style:solid;
font-family:arial;
font-size:9pt;
}


.dropdownbox {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
height: auto;
margin: 2px;
margin-left: 10px;
width: 580px;
border-width:1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
text-align:center;
font-weight:bold;
font-family:arial;
font-size:medium;
}




.twitterpanel {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height: auto;
margin: 2px;
margin-left: 170px;
width: 380px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#FFFFFF;
text-align:center;
font-weight:bold;
font-family:arial;
font-size:medium;
}

.feedbackform {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height: auto;
margin: 5px;
margin-left: 170px;
width: 425px;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:#FFFFFF;
text-align:center;
font-weight:bold;
font-family:arial;
font-size:medium;
}



.webcampanel {
width:auto;
height:60px;
float: left;
margin-top:100px;
border:none;
background-color:#FFFFFF;
}


.websatradarpanel {
width:1060px;
height:350px;
float: left;
margin-top:10px;
border:none;
background-color:#FFFFFF;
}


.webcam {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
font-family:arial;
font-size:9pt;
float:left;
width:232px;
height:265px;
border-style:none;
background-color:white;
}


.webcam1 {
font-family:arial;
font-size:9pt;
float:left;
width:384px;
height:267px;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:none;
background-color:white;
}

.webcam2 {
font-family:arial;
font-size:9pt;
float:left;
margin-left:180px;
width:384px;
height:267px;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:none;
background-color:white;
}


.hurricaneactivity1 {
font-family:arial;
font-size:9pt;
margin-left:500px;
width:480px;
height:480px;
border-style:none;
background-color:white;
}


.hurricaneactivity2{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 6px 6px 6px #000;
-webkit-box-shadow: 6px 6px 6px #000;
box-shadow: 6px 6px 6px #000;
margin-left:600px;
margin-top:60px;
width:auto;
overflow-y:scroll;
text-align:center;
font-weight:strong;
font-family:arial;
font-size:9pt;
border-width: 2px 2px 2px 2px;
border-color:black;
border-style:solid;
background-color:white;
}






.radar {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
font-family:arial;
font-size:9pt;
float:left;
margin-left:40px;
width:232px;
height:265px;
border-style:none;
background-color:white;
}

.satellite {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
font-family:arial;
font-size:9pt;
float:left;
margin-left:40px;
width:232px;
height:265px;
border-style:none;
background-color:white;
}

.webcamheader{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:280px;
margin-left:25px;
height:22px;
width:180px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}

.webcamheader1{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:280px;
margin-left:90px;
height:22px;
width:180px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}

.webcamheader2{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left:650px;
margin-top:-32px;
height:22px;
width:180px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}


.radarlatestheader{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left:300px;
margin-top:-32px;
height:22px;
width:180px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}

.satlatestheader{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left:570px;
margin-top:-34px;
height:22px;
width:180px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}

.latestpressureheader{

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left:840px;
margin-top:-34px;
height:22px;
width:180px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}



.amazonpanel {
width:auto;
height:auto;
float: left;
margin-top:40px;
margin:5px;
border:none;
background-color:#FFFFFF;
}


.amazonpanelwide{
width:800;
height:auto;
float: left;
margin-top:20px;
margin-left:40px;
border:none;
background-color:#FFFFFF;
}


.hurricanersspanel {
width:800px;
height:auto;
float: left; 
margin-top:40px;
margin:5px;
border:none;
background-color:#FFFFFF;
}





.hurricanersspanelnew
{
width:800px;
height:auto;
float: left;
margin-top:40px;
margin:5px;
border:none;
background-color:#FFFFFF;
}

.hurricanerssbanner
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:20px;
margin-left:120px;
height:22px;
width:310px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}



.earthquakersspanel {
width:800px;
height:auto;
float: left;
margin-top:40px;
margin:5px;
border:none;
background-color:#FFFFFF;
}

.earthquakerssbanner{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:20px;
float:left;
margin-left:200px;
height:22px;
width:310px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}

.rsshurricane{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 6px 6px 6px #000;
-webkit-box-shadow: 6px 6px 6px #000;
box-shadow: 6px 6px 6px #000;
margin-top:10px;
float:left;
margin-left:10px;
width:320px;
height:auto;
text-align:center;
font-weight:strong;
font-family:arial;
font-size:9pt;
border-width: 2px 2px 2px 2px;
border-color:black;
border-style:solid;
background-color:white;
}

.rssquake{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 6px 6px 6px #000;
-webkit-box-shadow: 6px 6px 6px #000;
box-shadow: 6px 6px 6px #000;
margin-left:200px;
margin-top:60px;
width:320px;
height:auto;
text-align:center;
font-weight:strong;
font-family:arial;
font-size:9pt;
border-width: 2px 2px 2px 2px;
border-color:black;
border-style:solid;
background-color:white;
}

.hurricanenew{
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 6px 6px 6px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-left:10px;
margin-top:20px;
width:550px;
height:auto;
text-align:center;
font-weight:strong;
font-family:arial;
font-size:9pt;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:white;
}


.earthquakebanner
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:20px;
margin-left:320px;
height:22px;
width:310px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}








.rssquakedec{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 6px 6px 6px #000;
-webkit-box-shadow: 6px 6px 6px #000;
box-shadow: 6px 6px 6px #000;
margin-top:10px;
margin-left:425px;
width:320px;
height:auto;
text-align:center;
font-weight:strong;
font-family:arial;
font-size:9pt;
border-width: 2px 2px 2px 2px;
border-color:black;
border-style:solid;
background-color:white;
}

.earthquakenew {
width:800px;
height:auto;
float: left;
margin-top:40px;
margin:5px;
border:none;
background-color:#FFFFFF;
}



.quakexmlwrapper
{
-moz-box-shadow: 6px 6px 6px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-left:200px;
margin-top:10px;
width:auto;
max-height:600px;
overflow-y:scroll;
text-align:center;
font-weight:strong;
font-family:arial;
font-size:9pt;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
border-style:solid;
background-color:white;
}





.quakexmlwrapper2{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 6px 6px 6px #000;
-webkit-box-shadow: 6px 6px 6px #000;
box-shadow: 6px 6px 6px #000;

margin-left:200px;
margin-top:60px;
width:auto;
max-height:155px;
overflow-y:scroll;
text-align:center;
font-weight:strong;
font-family:arial;
font-size:9pt;
border-width: 2px 2px 2px 2px;
border-color:black;
border-style:solid;
background-color:white;
}






.modelfaxensembelpanel {
width:800px;
height:350px;
float: left;
margin-top:20px;
border:none;
background-color:#FFFFFF;
}

.model {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
font-family:arial;
font-size:9pt;
float:left;
margin-right:40px;
width:232px;
height:265px;
border-style:none;
background-color:white;
}

.ensemble {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
font-family:arial;
font-size:9pt;
float:left;
margin-right:40px;
width:232px;
height:265px;
border-style:none;
background-color:white;
}

.fax {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
font-family:arial;
font-size:9pt;
margin-right:40px;
width:232px;
height:265px;
border-style:none;
background-color:white;
}

.modelheader{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:50px;
margin-left:25px;
height:22px;
width:180px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}

.ensembleheader{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left:300px;
margin-top:-34px;
height:22px;
width:180px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}

.faxheader{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left:570px;
margin-top:-34px;
height:22px;
width:180px;
padding:5px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font-family:arial;
font-size:12pt;
text-align: center;
}


#rightcontainer {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:40px;
margin-right:15px;
border-color:red;
background-color:#FFFFFF;
width:270px;
height:auto;
float: right;
}

.currentconditionsrightcontainer {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
margin-top:10px;
margin-right:5px;
border-style:solid;
border-width:2px;
border-color:black;
width:245px;
height:450px;
}

.currentconditionsupdatetimedata {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 10px 10px 10px #000;
	-webkit-box-shadow: 10px 10px 10px #000;
	box-shadow: 10px 10px 10px #000;
	background-image:url(weatherconditions.jpg);
	width:230px;
	height:55px;
	margin-top:100px;
	margin:5px;
	border:none;
 	font-family:arial;
	font-size:14pt;
}


.currentconditionsboxnew {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#F0F0F0;
	border-color:black;
	border-width:1px;
	border-style:solid;
	float:left;
	height:60px;
	width:60px;
	font-family:arial;
	font-size:12pt;
}

.currentconditionsboxbox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 10px 10px 10px #000;
	-webkit-box-shadow: 10px 10px 10px #000;
	box-shadow: 10px 10px 10px #000;
	background-color:#F0F0F0;
	border-color:black;
	border-width:1px;
	border-style:solid;
	margin-left:45px;
	height:60px;
	width:160px;
	font-family:arial;
	font-size:12pt;
}

.currenttempbox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 10px 10px 10px #000;
	-webkit-box-shadow: 10px 10px 10px #000;
	box-shadow: 10px 10px 10px #000;
	background-color:#F0F0F0;
	margin-top:20px;
	float:left;
	margin-left:10px;
	border-width:1px;
	border-style:solid;
	height:60px;
	width:90px;
	font-family:arial;
	font-size:8pt;
}

.currenttempfont {
font-family:arial;
font-weight:bold;
font-size:18pt;
font-color:#FF0000;
}

.temphighlowbox 
{
	-moz-box-shadow: 5px 5px 5px #000;
   -webkit-box-shadow: 5px 5px 5px #bdc7c4;
   box-shadow: 5px 5px 5px #bdc7c4;
	background-color:#F0F0F0;
	float:left;
	margin-top:15px;
	margin-left:10px;
	border-width:1px 1px 1px 1px;
    border-color:#c9ccc4;
	border-style:solid;
	height:50px;
	width:130px;
	}




.currenthightempfont {
font-family:arial;
font-size:8pt;
color:red;
}

.currentlowtempfont {
font-family:arial;
font-size:8pt;
color:blue;
}

.currenthumiditybox {
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 5px 5px 5px #000;*/
    -moz-box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #bdc7c4;
     box-shadow: 5px 5px 5px #bdc7c4;
	background-color:#F0F0F0;
	border-width:1px 1px 1px 1px;
    border-color:#c9ccc4;
	border-style:solid;
	float:left;
	margin-top:17px;
	margin-left:15px;	
    height:45px;
	width:210px;
}

.currenthumidityfont {
font-family:arial;
font-weight:bold;
font-size:10pt;
}

.currentdewfont {
font-family:arial;
font-weight:bold;
font-size:10pt;
}

.currentwetbulbfont {
font-family:arial;
font-weight:bold;
font-size:10pt;
}

.currentwindbox {
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	-moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #bdc7c4;
    box-shadow: 5px 5px 5px #bdc7c4;
	float:left;
	background-color:#F0F0F0;
	border-style:solid;
	height:75px;
	width:180px;
	margin-top:10px;
	margin-left:10px;
	border-width:1px 1px 1px 1px;
    border-color:#c9ccc4;
	font-family:arial;
}

.currentgustfont {
font-family:arial;
font-size:10pt;
font-colour:#FF79FF;
}


.currentwindavgbox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 10px 10px 10px #000;
	-webkit-box-shadow: 10px 10px 10px #000;
	box-shadow: 10px 10px 10px #000;
	float:left;
	border-width:1px;
	border-style:solid;
	height:80px;
	width:100px;
	padding: 5px;
	margin-top:20px;
	margin-left: 60px;
	border-width:1px 1px 1px 1px;
	font-family:arial;
}

.currentgustfont {
font-family:arial;
font-size:18pt;
font-colour:#FF79FF;
}

.currentpressurebox {
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	-moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #bdc7c4;
     box-shadow: 5px 5px 5px #bdc7c4;
	background-color:#F0F0F0;
	float:left;
	margin-top:10px;
	margin-left:10px;
	border-width:1px;
	border-style:solid;
	height:70px;
	width:90px;
	padding: 5px;
	border-width:1px 1px 1px 1px;
    border-color:#c9ccc4;
	font-family:arial;
	}
	
.currentrainbox {
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; */
	-moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #bdc7c4;
     box-shadow: 5px 5px 5px #bdc7c4;
	background-color:#F0F0F0;
	float:left;
	margin-top:10px;
	margin-left:10px;
	border-width:1px;
	border-style:solid;
	height:70px;
	width:100px;
	padding: 5px;
	border-width:1px 1px 1px 1px;
    border-color:#c9ccc4;
	font-family:arial;
	font-family:arial;
	font-size:14pt;
} 

.currentrainfont {
font-family:arial;
font-size:18pt;
font-colour:red;
}

.conditionsexplain {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	box-shadow: 2px 2px 3px #000;
	padding: 2px;
	margin-top:40px;
	height: auto;
	margin: 5px;
	margin-left: 15px;
	width: 210px;
	border-width:1px 1px 1px 1px;
	border-color:#ACC8F2;
	border-style:solid;
	background-color:#CCFFDD;
	text-align:justify;
	font-family:arial;
	font-size:xx-small;
}


.datacellmax
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
/*float:left;
/*height: 15px; */
/*margin-left:1px; */
/*width: 30px;*/
border-width:1px 1px 1px 1px;
/*border-color:#c9ccc4;*/
border-style:solid;*/
border-color:#FF0000;
background-color:#E8E8E8;
font-family:arial;
color: #FF0000;
font-size:14pt;
text-align:center;
}

.datacellmin
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
/*float:left;
/*height: 15px; */
/*margin-left:1px; */
/*width: 30px;*/
border-width:1px 1px 1px 1px;
border-color:#0000FF;
border-style:solid;
background-color:#E8E8E8;
font-family:arial;
color: #0000FF;
font-size:10pt;
text-align:center;
}

.monthmaxcell
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
/*float:left;
/*height: 15px; */
/*margin-left:1px; */
/*width: 30px;*/
border-width:1px 1px 1px 1px;
/*border-color:#c9ccc4;*/
border-style:solid;*/
border-color:#FF0000;
background-color:#E8E8E8;
font-family:arial;
color: #FF0000;
font-size:14pt;
text-align:center;
}

.monthmincell
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
/*float:left;
/*height: 15px; */
/*margin-left:1px; */
/*width: 30px;*/
border-width:1px 1px 1px 1px;
border-color:#0000FF;
border-style:solid;
background-color:#E8E8E8;
font-family:arial;
color: #0000FF;
font-size:10pt;
text-align:center;
}

.monthmeancell
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
/*float:left;
/*height: 15px; */
/*margin-left:1px; */
/*width: 30px;*/
border-width:1px 1px 1px 1px;
border-color:#0000FF;
border-style:solid;
background-color:#E8E8E8;
font-family:arial;
color: #0000FF;
font-size:10pt;
text-align:center;
}

.monthrainavg
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
/*float:left;
/*height: 15px; */
/*margin-left:1px; */
/*width: 30px;*/
border-width:1px 1px 1px 1px;
border-color:#0000FF;
border-style:solid;
background-color:#E8E8E8;
font-family:arial;
color: #0000FF;
font-size:10pt;
text-align:center;
}

.collapsible {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
  background-color:#CCC: 
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover
 {
  background-color:#FC9 
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.advisorypanel{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:auto;
margin-left: 20px;
margin-right:20px;
width:auto;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color: #FF0;
padding:2px;
font-size: 11pt;
font-family: 
Arial;color: #000;
text-align: center;
}

.warningbox{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:auto;
margin-left: 20px;
margin-right:20px;
width:auto;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color: yellow;
padding:2px;
font-size: 11pt;
font-family: 
Arial;color: #000;
text-align: center;
}

.metofficewarningsrss {
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
-moz-box-shadow: 6px 6px 6px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-top:5px;
margin:5px;
width:550px;
height:auto;
text-align:center;
font-weight:strong;
font-family:arial;
font-size:9pt;
color:black;
border-width:1px 1px 1px 1px;
/*border-color:#c9ccc4;*/
border-color:red;
border-style:solid;
background-color:yellow;
}

.updatesceasebox
{
border-width:1px 1px 1px 1px;
border-color:red;
border-style:solid;
float: left;
margin-left:10px;
margin-top:20px;
background-color:#FFFFFF;
width:1000px;
height:auto;
font-size: 14pt;
}

.liveupdatesbanner{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
height:auto;
float:left;
margin-top:10px;
margin-left:140px;
padding:2px;
width:725px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
text-align: center;
}


.liveupdatesinterruptedbanner{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:34px;
float:left;
margin-top:10px;
margin-left:140px;
width:725px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:#FFFFFF;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:red;
}



.latestregionrightcontainer {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-top:10px;
margin-right:5px;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
width:245px;
height:auto;
}


.latestworldtempscontainer
 {
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-top:10px;
margin-right:5px;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
width:270px;
height:auto;
}


.currentlocalrightcontainer {
/* -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;*/
float:left;
height:210px;
width:230px;
margin-left:5px;
/*border-width:1px 1px 1px 1px;
border-color:#c9ccc4;*/
border-style:none;
background-color:white;
font-family:arial;
font-size:small;
}

.latestukrightcontainer 
{
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #bdc7c4;
box-shadow: 5px 5px 5px #bdc7c4;
margin-top:10px;
margin-right:5px;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#c9ccc4;
width:245px;
height:auto;
}

.currentukrightcontainer {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
height:210px;
width:230px;
margin-left:5px;
border-width:1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:none;
background-color:white;
font-family:arial;
font-size:small;
}

.ukstationsbanner {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
box-shadow: 2px 2px 3px #000;
float:left;
padding:10px;
margin-top:20px;
margin-left:12px;
width:200px;
height:20px;
border-width:1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:white;
font-family:arial;
font-size:12pt;
}

.worldtempsbanner {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
box-shadow: 2px 2px 3px #000;
float:left;
padding:10px;
margin-top:20px;
margin-left:12px;
width:200px;
height:20px;
border-width:1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:white;
font-family:arial;
font-size:12pt;
}

.latestsynop {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
margin-top:10px;
margin-right:5px;
border-style:solid;
border-width:2px;
border-color:black;
width:245px;
height:320px;
}

.servicescontainer{
	margin-top:20px;
	width:900px;
	height:160px;
	background-color:#FFFFFF;
	}


.affiliatecontainer{
	float:left;
	margin-top:10px;
	margin-left:320px;
	width:550px;
	height:85px;
	background-color:#FFFFFF;
	}

.requestforecast{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
margin-left:20px;
margin-top:20px;
padding:5px;
height:auto;
width:auto;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:white;
font-family:arial;
font-size:12pt;
}

.genealogyrequest{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
margin-left:20px;
margin-top:20px;
padding:5px;
height:auto;
width:auto;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:white;
font-family:arial;
font-size:12pt;
}

.advertcontainer {
width:1060px;
height:360px;
margin-top:80px;
margin:5px;
border-width:1px 1px 1px 1px;
background-color:#FFFFFF;
}

.cjadvertv2 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
font-family:arial;
font-size:9pt;
float:left;
margin-left:25px;
margin-top:10px;
width:232px;
height:auto;
border-width:1px 1px 1px 1px;
border-color:black;
border-style:none;
background-color:white;
}

.advertpanel1 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
float:left;
margin-top:100px;
margin-left: 30px;
height:auto;
width:auto;
border-width:1px 1px 1px 1px;
border-color:white;
border-style:solid;
background-color:white;
}

.advertpanel3 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 10px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #000;
float:left;
margin-left: 30px;
margin-top:135px;
height:auto;
width:auto;
border-width:1px 1px 1px 1px;
border-color:black;
border-style:solid;
background-color:white;
}

.advertiseherepanel{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
padding:5px;
margin-top:140px;
margin-left:60px;
height:auto;
width:260px;
border-width: 1px 1px 1px 1px;
border-color:#ACC8F2;
border-style:solid;
background-color:white;
font-family:arial;
font-size:12pt;
}

.footer {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
clear: both;
position: relative;
margin-top:10px;
margin-left:5px;
margin-bottom:10px;
background:#CCFFDD;
font: arial;
font-size:xx-small;
width:1070px;
} 


.style3 
{font-size: medium;	
font-weight: bold;
}

.style5 
{
color: #0000FF;
}

.style8
{
font-size: x-small;
}

.style9
{
font-size: x-small; 
color: #0000FF;
}

.style15
{
color: #FF0000;	
font-weight: bold;
border-color: #F00;
}

.style16
{
font-size: xx-small;
font-weight: bold;
}

.style21 
{
color: #CC6600;
}

.style31 
{
color: #FF0000;
font-size: 12px;
}

.style33 
{
color: #FFFFFF;
}

.style34
{
color: #FFFFFF;
font-weight: bold;
}

.style42 
{font-size: x-small;
color: #FFFFFF;	
font-weight: bold;
}

.style213
{font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
}

.style238
{color: #FF0000;
}

.style242 
{color: #000000;
}

.style276 
{font-size: small; 
color:#000000;
}

.style210
{font-size: x-small; 
color: #000000;
}

.style211 
{color: #000000; 
font-weight: bold;
font-size: 14pt;
}

.style213
{font-size: 10pt;
}

.style215 
{font-family: Arial, Helvetica, sans-serif;
}

.style2381
{color: #FF0000;
}

.style23811
{
color: #FF0000;
}

.style2421
{color: #000000;
}


.style24211 
{color: #000000;
}

.style2111 
{
color: #000000; 
font-weight: bold;
font-size: 14pt;
 }

.style2131 
{font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
}

.stylebackground
{background-color:yellow;
}

.style994
{
font-size: 8pt; 
font-family: Arial;
color: #000;
}

.style995
{font-size: 10pt;
font-family: Arial;
color: #00F;
}

.style996
{
font-size: 11pt;
font-family: Arial;
color: #00F;
}

.style997
{
font-size: 12pt;
font-family: Arial;
color: #000;
font-weight:bold;
}

.style998
{
font-size: 11pt;
font-family: Arial;
color: #F00;
}

.style999
{
font-size: 11pt; 
font-family: Arial;
color: #000;
}

.style2131 
{
font-size: 14pt;
}

.style2101
{font-size: x-small;
color: #000000;
}

.style242111 
{
color: #000000;
}

.styleupdate
{
font-size: 14pt;
font-family: Arial;
color: #000;
}


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 91px;
	background: #B3CFFB;
	color: #000000;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ACC8F2;
	}

#sddm li a:hover
{	background: #DDDDDD
}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #DDDDDD;
	border: 1px solid #5970B2
}

	#sddm div a
{	position: relative;
		display: block;
		margin: 0;
		padding: 4px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #B3CFFB;
		color: #000000;
		font: 11px arial
}

	#sddm div a:hover
	{	background: #DDDDDD;
		color: #000000
	}