html, body{ margin:0px; padding:0px 0px 20px 0px; text-align:center; background-color:#FFFFFF; font: 13px Verdana;} 
 
#pagewidth{ width:830px; text-align:left; margin-left:auto; margin-right:auto; background: url(page_width.gif) top center repeat-y;} 
 
#header{ position:relative; height:300px; width:830px;}


#leftcol{ width:156px; float:left; position:relative; padding: 2px 2px 0px 22px; overflow-x:hidden;}
#menucats {list-style: none; margin: 0px; padding: 0px;}
ul#menucats {padding: 0px;}
ul#menucats li{margin: 0px 0px 2px 0px; padding: 0px; display: block; font-family: verdana; font-size: 12px; text-decoration:none; }
ul#menucats li a{ width: 143px; display: block; background-color:#DDEAF0; padding: 6px 0px 6px 8px; text-decoration:none; color:#000000; border-left: 4px solid #9FC6D9; margin: 0px;}
ul#menucats li a:hover{ margin: 0px; padding: 0px; width: 143px; display: block; background-color:#9FC6D9;padding: 6px 0px 6px 8px; text-decoration:none; color:#FFFFFF; border-left: 4px solid #65A4C2;}

#maincol{ float: right; display:inline; position: relative; width:600px; padding: 0px 30px 20px 20px; }
#maincol h1{ color:#FFA722; font-size: 17px; margin:20px 0px 0px 0px; padding:0px; font-family:arial;}
#maincol h2{ color:#FFA722; font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#maincol h3{ color:#FFA722; font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#maincol h4{ color:#FFA722; font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#maincol h5{ color:#FFA722 font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#maincol p{ color:#333333; font-size:12px; line-height: 1.5em; clear:both;}
#maincol ul{ color:#333333; list-style-image: url(tick.gif); font-weight:bold; font-size: 13px;}
#maincol ul li{ color:#333333; margin: 10px 0px 10px 0px;  height: 25px;}
#maincol a{ color:#333333;}
#maincol a:hover{ color:#000000; text-decoration:none;}
#maincol img{ padding: 10px 10px 10px 10px; border:0px; float:right;}


#staffcol{ float: right; display:inline; position: relative; width:600px; padding: 0px 30px 20px 20px; }
#staffcol h1{ color:#FFA722; font-size: 17px; margin:20px 0px 0px 0px; padding:0px; font-family:arial;}
#staffcol h2{ color:#FFA722; font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#staffcol h3{ color:#FFA722; font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#staffcol h4{ color:#FFA722; font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#staffcol h5{ color:#FFA722 font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#staffcol p{ color:#333333; font-size:12px; line-height: 1.5em; clear:left;}
#staffcol ul{ color:#333333; list-style-image: url(tick.gif); font-weight:bold; font-size: 13px;}
#staffcol ul li{ color:#333333; margin: 10px 0px 10px 0px;  height: 25px;}
#staffcol a{ color:#333333;}
#staffcol a:hover{ color:#000000; text-decoration:none;}
#staffcol img{ padding: 10px 10px 10px 10px; border:0px; float:right;}

#imagecol{ float: right; display:inline; position: relative; width:600px; padding: 0px 30px 20px 20px; }
#imagecol h1{ color:#FFA722; font-size: 17px; margin:20px 0px 0px 0px; padding:0px; font-family:arial;}
#imagecol h2{ color:#FFA722; font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#imagecol h3{ color:#FFA722; font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#imagecol h4{ color:#FFA722; font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#imagecol h5{ color:#FFA722 font-size: 17px; margin:10px 0px 0px 0px; padding:0px; font-family:arial;}
#imagecol p{ color:#333333; font-size:12px; line-height: 1.5em;clear:both;}
#imagecol ul{ color:#333333; list-style-image: url(tick.gif); font-weight:bold; font-size: 13px;}
#imagecol ul li{ color:#333333; margin: 10px 0px 10px 0px;  height: 25px;}
#imagecol a{ color:#333333;}
#imagecol a:hover{ color:#000000; text-decoration:none;}

#rnli{ position:relative; height:61px; width:580px;margin:10px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#rnli h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:580px;}
#rnli h4 a{display:block;width:580px;height:61px;background:url(rnli.jpg) top left no-repeat; }
#rnli h4 a:hover{display:block;width:580px;height:61px;}
#rnli h4 span{display:none;}


#green {width:460px; background: url(green.gif) top right; padding: 10px 120px 10px 10px; height: 84px; line-height: 1.5em; margin: 20px 0px 0px 0px;}


#openinghours{ line-height:1.7em; padding: 5px 5px 5px 5px; font-size:11px; margin:0px 0px 0px 0px;} 
#openinghours a{ color:#000000; text-decoration:none;} 
#openinghours a:hover{color:#666666; } 


#i001{ position:relative; height:63px; width:156px;padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#i001 h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#i001 h4 a{display:block;width:156px;height:63px;background:url(i001.jpg) top left no-repeat; }
#i001 h4 a:hover{display:block;width:156px;height:63px;background-position: -156px 0px;}
#i001 h4 span{display:none;}

#i002{ position:relative; height:55px; width:156px;padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#i002 h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#i002 h4 a{display:block;width:156px;height:55px;background:url(i002.jpg) top left no-repeat; }
#i002 h4 a:hover{display:block;width:156px;height:55px;background-position: -156px 0px;}
#i002 h4 span{display:none;}

#i010{ position:relative; height:100px; width:156px;padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#i010 h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#i010 h4 a{display:block;width:156px;height:100px;background:url(i010.jpg) top left no-repeat; }
#i010 h4 a:hover{display:block;width:156px;height:100px;background-position: -156px 0px;}
#i010 h4 span{display:none;}

#i003{ position:relative; height:63px; width:156px;padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#i003 h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#i003 h4 a{display:block;width:156px;height:63px;background:url(i003.jpg) top left no-repeat; }
#i003 h4 a:hover{display:block;width:156px;height:63px;background-position: -156px 0px;}
#i003 h4 span{display:none;}

#i004{ position:relative; height:81px; width:156px;padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#i004 h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#i004 h4 a{display:block;width:156px;height:81px;background:url(i004.jpg) top left no-repeat; }
#i004 h4 a:hover{display:block;width:156px;height:81px;background-position: -156px 0px;}
#i004 h4 span{display:none;}

#i005{ position:relative; height:81px; width:156px;padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#i005 h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#i005 h4 a{display:block;width:156px;height:81px;background:url(i005.jpg) top left no-repeat; }
#i005 h4 a:hover{display:block;width:156px;height:81px;background-position: -156px 0px;}
#i005 h4 span{display:none;}

#i006{ position:relative; height:81px; width:156px;padding: 0px 0px 5px 0px; text-align:left;float:left; clear:both} 
#i006 h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#i006 h4 a{display:block;width:156px;height:81px;background:url(i006.jpg) top left no-repeat; }
#i006 h4 a:hover{display:block;width:156px;height:81px;background-position: -156px 0px;}
#i006 h4 span{display:none;}

#i007{ position:relative; height:53px; width:156px;padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#i007 h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#i007 h4 a{display:block;width:156px;height:53px;background:url(i007.jpg) top left no-repeat; }
#i007 h4 a:hover{display:block;width:156px;height:53px;background-position: -156px 0px;}
#i007 h4 span{display:none;}

#i008{ position:relative; height:100px; width:156px;padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#i008 h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#i008 h4 a{display:block;width:156px;height:100px;background:url(i008.jpg) top left no-repeat; }
#i008 h4 a:hover{display:block;width:156px;height:100px;background-position: -156px 0px;}
#i008 h4 span{display:none;}

#i009{ position:relative; height:81px; width:156px;padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#i009 h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#i009 h4 a{display:block;width:156px;height:81px;background:url(i009.jpg) top left no-repeat; }
#i009 h4 a:hover{display:block;width:156px;height:81px;background-position: -156px 0px;}
#i009 h4 span{display:none;}






#twitter{ position:relative; height:73px; width:78px;padding: 0px 0px 0px 0px; text-align:left;float:left;} 
#twitter h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:78px;}
#twitter h4 a{display:block;width:78px;height:73px;background:url(twitter.jpg) top left no-repeat; }
#twitter h4 a:hover{display:block;width:78px;height:73px;background-position: -78px 0px;}
#twitter h4 span{display:none;}

#facebook{ position:relative; height:73px; width:78px;padding: 0px 0px 0px 0px; text-align:left;float:left;} 
#facebook h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:78px;}
#facebook h4 a{display:block;width:78px;height:73px;background:url(facebook.jpg) top left no-repeat; }
#facebook h4 a:hover{display:block;width:78px;height:73px;background-position: -78px 0px;}
#facebook h4 span{display:none;}


#footer{ height:46px; width: 796px; clear:both; background: url(footer.gif) top center no-repeat; margin-left:auto; margin-right:auto; color:#000000; padding: 10px 0px 20px 34px; text-align:left;} 
#footer a{ color:#000000;} 
#footer a:hover{color:#666666; text-decoration:none; } 

.footertxt { font-size: 11px; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; float: center;} 
.footertxt a{ color: #999999; text-decoration: underline;} 
.footertxt a:hover{color: #999999; text-decoration: none;} 




div.formlayout {width: 400px;background-color: #fffff;padding: 5px;margin: 0px auto; }
 
div.row { clear: both; padding-top: 10px; }

div.row span.label { float: left; width: 120px; padding-top: 4px; padding-right: 4px; text-align: right; }

div.row span.formw { float: right; width: 335px; text-align: left; } 
 
 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}