body {	
margin:10px;
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: white;
}

#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;
}

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


#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:250px;
height:auto;
float: right;
}


.forecastservicebanner{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
margin-top:20px;
margin-left:225px;
height:22px;
width:auto;
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;
}

.forecastservicepanel{
-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:20px;
margin-left:225px;
height:auto;
width:350px;
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;
}

.genealogyservicebanner{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
margin-top:60px;
margin-left:225px;
height:22px;
width:350px;
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;
}

.genealogyservicepanel{
-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:20px;
margin-left:225px;
height:auto;
width:350px;
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;
}

.promotebanner{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
margin-top:60px;
margin-left:225px;
height:22px;
width:350px;
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;
}

.promotepanel{
-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:20px;
margin-left:225px;
height:auto;
width:350px;
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;
}

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

.webcam {
-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;
width:232px;
height:265px;
border-style:none;
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;
box-shadow: 10px 10px 10px #000;
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: 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: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;
}

.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;
}




.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;
}

.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:40px;
	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 {
	-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:30px;
	float:left;
	margin-left:10px;
	border-width:1px;
	border-style:solid;
	height:40px;
	width:110px;
	}

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

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

.currenthumiditybox {
	-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-width:1px;
	border-style:solid;
	float:left;
	margin-top:10px;
	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: 10px 10px 10px #000;
	-webkit-box-shadow: 10px 10px 10px #000;
	box-shadow: 10px 10px 10px #000;
	float:left;
	background-color:#F0F0F0;
	border-width:1px;
	border-style:solid;
	height:75px;
	width:180px;
	margin-top:10px;
	margin-left:30px;
	border-width:1px 1px 1px 1px;
	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: 10px 10px 10px #000;
	-webkit-box-shadow: 10px 10px 10px #000;
	box-shadow: 10px 10px 10px #000;
	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;
	font-family:arial;
	}
	
.currentrainbox {
	-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;
	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;
	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;
}

.latestregionrightcontainer {
-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:210px;
}

.currentlocalrightcontainer {
-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;
}

.latestukrightcontainer {
-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;
}

.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:40px;
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-bottom: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;
}

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


#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
	}