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:205px; width:100%; background: url(header.jpg) top center no-repeat;}
#headertop{ position:relative; height:167px; width:100%; overflow:hidden;}
#headertop a{ color:#000000; text-decoration:underline;}
#headertop a:hover{ color:#888888; text-decoration:none;}

#headerleft{ position:relative; float:left;height:142px; width:250px; text-align:left; margin: 0px 0px 0px 0px; padding:25px 0px 0px 35px; font-size:11px; line-height: 1.5em;}

#headercenter{ position:relative; float:left;height:17px; width:260px; text-align:center; margin: 0px 0px 0px 0px; padding:145px 0px 0px 0px; font-size:11px; line-height: 1.5em;}


#headerright{ position:relative; float:right; height:142px; width:250px; text-align:right; margin: 0px 0px 0px 0px; padding:25px 35px 0px 0px;font-size:11px; line-height: 1.5em;}
#headerright a{ color:#000000; text-decoration:underline;}
#headerright a:hover{ color:#888888; text-decoration:none;}





#headermenu{ position:relative; height:28px; width:752px; padding: 10px 40px 0px 38px; font-size: 13px; overflow:hidden;}
#headermenucenter{position:relative; float:left; width:200px; padding:0px 0px 0px 95px;}
#headermenucenter a{ color:#FFFFFF; text-decoration:none;}
#headermenucenter a:hover{ color:#FFFFFF; text-decoration:underline;}


#headermenuleft{position:relative; float:left;width:200px;}
#headermenuleft a{ color:#FFFFFF; text-decoration:none;}
#headermenuleft a:hover{ color:#FFFFFF; text-decoration:underline;}

#headermenuright{ position:relative; float:right;}
#headermenuright a{ color:#FFFFFF; text-decoration:none;}
#headermenuright a:hover{ color:#FFFFFF; text-decoration:underline;}

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

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




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

#karndean{ position:relative; height:81px; width:156px;padding: 0px 0px 0px 0px; text-align:left;float:left; clear:both} 
#karndean h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:156px;}
#karndean h4 a{display:block;width:156px;height:81px;background:url(karndean.jpg) top left no-repeat; }
#karndean h4 a:hover{display:block;width:156px;height:81px;background-position: -156px 0px;}
#karndean 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;}
}