/* body {margin:25px; font:12px Verdana, Arial, Helvetica}
* {padding:0; margin:0} */

/* body content */

* {
padding:0px;
margin:0px;
border:0px;  /* This adds border around buttons etc */
}

html{
padding:0px;
margin:0px;
height:100%;
}

body {font-family: Verdana,Arial,sans-serif; font-size:0.9em;
 background-color:#D5E8FA;   /* Blue
 /* background-color:#f1f1ed;  /* beige */
 text-align:center;
}
.clear {display:block; height:0; overflow:hidden; clear:both;}

#container {
width:990px;
border:solid 1px #000000;
border:none;
background-color:#FFFFFF;
/* center div */
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:16px;
text-align:left;
/*  display:block; so elements inside are positioned relative to container */
height:100%;
position:relative;
}

.header 
{ height:95px;
/*background-color:#00FF00; */
}

#footer {
border-top:1px dotted gray;
margin-top:15px;
padding-top:2px;
padding-bottom:5px;
/* background-image:url('/images/footer.gif'); 
/*height:40px; */
font-size:0.8em;
text-align:center;
}

#botlinks a, #clicklocs a
{font-weight: bold; 
color:#404040;}

#footer p {
margin-top:5px;
font-weight:normal;}

#botlinks, #clicklocs {display:inline;color:#808080;}
#clicklocs {float:left;margin-left:5px;}
#fb{float:right; margin-right:15px;margin-top:-8px;}


#weatherB {display:inline; position:relative; top:0px; height:100px; top:-1em;}
#vertmenu{float:left;}

p
{
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}
ul
{
/* float:left;
width:100%;
padding:0px;
margin:0px;
list-style-type:none;  when used as a menu*/
list-style-type:disc; 
text-align:left;
margin-left:40px;
}
.listlinks>li{
padding:2px 0;
}

p>a:link, .listlinks a:link, .loc-list a:link{
color:#0000FF;
/*font-weight:bold; */
text-decoration:none;
}
p>a:visited, .listlinks a:visited, .loc-list a:visited{
color:#000088;
text-decoration:none;
}
p>a:hover, .listlinks a:hover, .loc-list a:hover{
color:#DC143C;
text-decoration:underline;
}


h1
{
/*font-weight:bold;
position:absolute;
left:305px;  This seems a bit of a hack*/
}
h2
{
/*font-weight:bold;
text-indent:10px;*/
/*position:absolute;
left:305px;  This seems a bit of a hack*/
}

#topbox {
position:relative;
margin-left:10px;
margin-right:10px;
margin-top:15px;

/*
float:left;
margin-top:10px;
*/} 
#banner {
position:relative;
padding-bottom:3px;

/*background-image:url('/images/cloudsunhead.gif');
color:black;  */

/*
float:left;
margin-top:10px;
*/} 
/*important makes this override the snazzybox id*/

.watermark {color: #999;}

#lat, #lon {height:15px;width:50px;font-size:0.8em}

/*
#sub_button, button
{
background: #D5E8FA;
border: 3px outset #D5E8FA;
padding:2px 10px 3px 10px;
color: #000;
text-align:center;
font-weight:bold;
}

#sub_button:focus, #sub_button:hover, #sub_button:active, button:focus, button:hover, button:active{
border: 3px inset #898989; 
background: #C0CBE7;
cursor:pointer;
color: #363636;
}
*/

div#hpmap {width: 24%; 
float: right;
border:none;
margin-top:5px;
font-size:0.9em;

}


#resultsdiv
{width: 22%; 
/*float: right;*/
position:absolute;
right:220px;
border:none;
margin-top:5px;
font-size:1em;
}

div#weekly
{float:left;
margin-bottom:150px;
}

td.small 
{font-size:0.75em}


.small img
{height:30px;
}

.vsmall img
{height:20px;
}

.medium img
{height:50px;}

div#horizmenu a:link, div#horizmenu a:visited, div#horizmenu a:hover /* links */
{
float:left;width:9em;
text-decoration:none;
color:white;background-color:green;
padding:0.2em 0.6em;
border-right:1px solid white;
text-align:center;
}

table {text-align:center; border:1px solid gray;}






/*td{border:1px solid black;}  /* Useful for layout checking*/


.loc-list {
padding-left:15px;
}
.loc-list table
{border: none; 
width:100%;   /* this width stops runover in IE7 */
text-align:left;
} 

/* .dropdown {margin:5px; float:left; padding-right:5px} */
.dropdown {padding:0px; margin:0px; border-bottom:1px solid #b9d6dc; float:left; z-index:200; }  /* trying float left to keep the dropdowns below in ie7*/
.dropdownhd {width:100px; border:2px solid #FFFFFF; border-bottom:none; padding:0px; font-weight:bold; cursor:pointer;}
.dropdownhd:hover {background-color:#CCFFCC; border:2px solid #0000FF;border-bottom:none;}
.dropdowndd {position:absolute; width:217px; display:none; z-index:200; /*opacity:0;*/ background-color:#CCFFCC; overflow:hidden/*to make it work in firefox*/; }
.dropdown table {/*text-align:left; width:224px;*/ border:0px solid #9ac1c9; list-style:none; border-top:none}

/*.dropdown li {display:block} 
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:200px}
.dropdown a:hover {background:#d9e1e4; color:#000}
*/

table.daysummary
{border: none; 
width:100px;   /* this width stops runover in IE7 */
text-align:center;
} 

table.daydetail
{
border:2px solid #0000FF; 
width:217px;   /* this width stops runover in IE7 */
text-align:center;
z-index:200;
}

/*  Snazzy - single box*/
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0; padding:0 20px;}
.xsnazzy ul {margin:0 20px 0 40px; padding:0;}
.xsnazzy h1 {font-size:2.0em; color:#000080;padding-bottom:0.5em;}
.xsnazzy h2 {font-size:1.6em;color:#06a; border:0;}
.xsnazzy p {padding-bottom:0.5em;}
.xsnazzy h2 {padding-top:0.5em;padding-bottom:0.5em;} 
.xsnazzy {background: transparent; margin:2px 1em 2px 1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#6EC6F1; border-left:1px solid #000; border-right:1px solid #000;}
.xb1 {margin:0 5px; background:#000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#6EC6F1; border:0 solid #000; border-width:0 1px;}
.xboxcontent h1, .xboxcontent h2,  .xboxcontent h3 {padding:10px 20px;}


/* These classes change the colours of different boxes AFTER the snazzy box bit pls*/
.blurb {background:#D5DCEF;}
.blurb {background:#CCFFFF;}
.news_box {background:#CAFF95;}
.results_box {background:#CAFF95;}
.bad_r_box {background:#F39E77;}
.help_box {background:#8DCB41;}

/* dropdown menu*/

#pmenu {padding:0; margin:20px 0px 0px 15px; list-style-type: none; width:151px; position:relative; z-index:1;}
#pmenu ul {padding:0; margin:0; list-style-type: none; width:151px;}
#pmenu li {position:relative;}
#pmenu a, #pmenu a:visited {display:block;width:150px; font-size:0.8em; color:#000; height:33px; line-height:32px; text-decoration:none; text-indent:5px; background:#b2ab9b; border:1px solid #fff; border-width:0 1px 1px 1px;}
#pmenu li:hover > a {background:#dfd7ca; color:#c00; cursor:pointer;}
#pmenu li ul {display: none;} 
#pmenu li:hover > ul {display:block; position:absolute; top:0; left:151px;}