p{ line-height:1.8em; margin:0 0 1em 0;  font-size:1em;}
h1{ margin:0 0 1em; color:#525658; font-size:1.8em; letter-spacing:-1px; text-align:left;}
h2{ margin:0 0 .6em; color:#015EAB; font-size:1.3em; text-align:left;}
.infobox h2{ margin:0; color:#333333; font-size:1.3em; text-align:left;}
h3{ margin:0; font-size:1.1em;}
span.caption{ background:#e2e2e2; line-height:0; padding:.3em 1px 1px 1px; display:inline; font-size:.8em;}
img.caption{ background:none; border:1px solid #e2e2e2;  margin-bottom:-.8em; }
#map.caption { background:none; border:1px solid #e2e2e2;  margin-bottom:-.2em; }
.column ul{ margin:0 0 1em 0; padding:0;}
.column li{ margin:0 0 0 1.2em; padding:.2em; list-style:outside;}

a:link{ color:#306ab9; }
a:visited{ color:#0652b9; }
a:hover{ color:#FF1313;}
a:active{ background:#e5edf8; color:#306ab9;}

span.button a:link{ background:#306ab9; color:#fff; text-decoration:none; }
span.button a:visited{ background:#0652b9; color:#fff; text-decoration:none;  }
span.button a:hover{ background:#00BBFF;}
span.button a:active{ background:#e5edf8; color:#306ab9;}

#submenu{ float:left; width:9em; padding:0 25px 0 25px; margin:0 3em 0 0; border-right:1px solid #BAC3CC; position:absolute; left:0;}
#submenu ul{ list-style:none; margin:0; padding:0;}
#submenu li{ margin:0; padding:0; text-align:right;}


div#geo{ position:absolute; left:174px; top:14px;}
.column{ float:left; width:28.5em; margin-right:25px; text-align:left;  height:100%;}

#content, #contentwithmenu{ margin:85px 0; background:url(../dsgnimages/bkg.gif) top repeat-x; padding:2.9em 25px 2em 25px;}
#contentwithmenu{ padding:2.9em 25px 2em 15em;}



body { margin: 0; padding: 0; font: 80%/1.5 Arial,Helvetica,sans-serif; color: #111; letter-spacing:-0.02em; background:url(../dsgnimages/topbkg.jpg) top right repeat-x #fff; }


img#logo{ width:133px; height:85px; display:block; top:0px; left:20px; position:absolute;}

#footer{ background:url(../dsgnimages/bkg.gif) repeat-x; clear:both; margin:2em 0 1em 0; padding:1em; text-align:center;}
#footer a img { border:none;}

ul#mainnav{ list-style:none; position:absolute; right:10px; margin:0; padding:0; top:0;}
ul#mainnav li{float:left; line-height:1.4em;}
ul#mainnav li a{ text-decoration:none; color:#0652b9; display:block; margin:0 5px 0 5px; background: url(../dsgnimages/greycorner_l.gif) bottom left no-repeat #EDF7FE; float:left;}	
ul#mainnav li a span{ display:block;  padding:0 8px 3px 8px; background: url(../dsgnimages/greycorner_r.gif) bottom right no-repeat; }
ul#mainnav li a:hover{ display:block; color:#fff; margin:0 5px 0 5px; background: url(../dsgnimages/redcorner_l.gif) bottom left no-repeat #ff1313; float:left;}	
ul#mainnav li a:hover span{ display:block;  padding:0 8px 3px 8px; background: url(../dsgnimages/redcorner_r.gif) bottom right no-repeat;}	

img#ukwatertxt{ position:absolute; right:15px; top:45px; }



img.icon{ float:left; margin:0 1em 1em 0; height:128px; width:128px;}
.infobox{  margin: 0 0 10px 0; padding: 10px 10px 0px 10px; border: #FC6 1px solid; background-color: #FFC; overflow:hidden; }



div#bbar{ background: #DFF2F8; width:100%;}
div#bbar span.inner{ background:url(../dsgnimages/bluebar_b.jpg) repeat-x bottom; width:100%; height: 220px; display:block;}
div#bbar .textarea{ width:780px; padding:2.5em 0 2.5em 0; margin:auto;}

div#bbar h1{ font-size:2em; letter-spacing:-2px; color:#525658;}
div#homeleft{ float:left; max-width:622px;}

.nopadding{ margin:-2.7em -25px 0 -25px;}

.collumns{ width:770px; margin:2em auto 2em auto;}


div.rbox{ background:url(../dsgnimages/rbox_t.gif) no-repeat top #ff1313; width:770px;  padding:10px 0 0 0; margin:auto; }
div.rbox span{ background:url(../dsgnimages/rbox_b.gif) no-repeat bottom; display:block; padding-bottom:1em; }
div.rbox span h1{ text-align:center; color:#ffdfdf; padding:0 1em 0 1em; margin:0; font-size:2.6em; letter-spacing:-0.06em;}
div.rbox span h1 a{ color:#FFFFFF;}
div.rbox span p{ text-align:center; margin:0 1em 1em 1em; font-size:1.2em; line-height:1.3em;}

div#col1 { float: left; margin-right: 4em; }
div#col2 { float: left; margin-right: 4em; }
div#col3 { float: left; }

p#memberslink { display: block; padding: 1px; background: #ddeeff; border: 1px dotted #8899aa; width: 180px; text-align: center; float: right; margin: -65px 0 0 0; }