/*
Theme Name: Hazelbank Arran
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 9thSeptember 2008
*/
html, body{ margin:0px 0px 20px 0px; padding:0; text-align:center; background:url(img/bg.jpg) top center repeat-x #7BA5CE; font-family:verdana;} 
 
#pagewidth{ width:840px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.gif) top center repeat-y;} 
#page{ width:840px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page.jpg) top center no-repeat;} 

#header{ position:relative; height:247px; width:100%; background:url(img/header.jpg) top center no-repeat;} 

#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:840px;}
#header h1 a{display:block;width:840px;height:247px;}
#header h1 a:hover{display:block;width:840px;height:247px;}
#header h1 span{display:none;} 


#leftcol{ width:184px; float:left; position:relative; padding:0px 0px 0px 30px;}

#menu {list-style: none;  clear:left; }
ul#menu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:184px;}
ul#menu li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none;}
ul#menu li a{ width: 167px; display: block; background:url(img/menu.jpg) top left no-repeat; padding: 12px 5px 7px 12px; height:21px; text-decoration:none;  color:#FFFFFF;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#menu li a:hover{ background-repeat: no-repeat; background-position: -184px 0px; background-image:url(img/menu.jpg); text-decoration:none; color:#3E73A9; }

#address{padding:10px 10px 10px 10px; color:#4782BC; font-size:12px; font-style:italic; line-height:1.7em; background-color:#D8E4F1;}



#maincol{ float: right; display:inline; position: relative; width:556px; background:url(img/content.gif) top left no-repeat; padding: 20px 50px 0px 20px}
#maincol h1, #maincol h2, #maincol h3, #maincol h4 { color:#568BC0; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px;}
#maincol h1 a{ color:#568BC0; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#maincol h1 a:hover{ color:#333333; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#maincol p{ color:#333333; font-size: 13px; line-height:1.7em;}
#maincol a{ color:#333333; }
#maincol a:hover{ color:#333333; text-decoration:none;}
#maincol ul{ color:#333333; font-size: 13px; line-height:1.7em;}
#maincol ol{ color:#333333; font-size: 13px; line-height:1.7em;}
#maincol img{ float:right; padding: 0px 0px 10px 10px; border:0px; clear:right;}


#footer{ height:80px;  clear:both; background:url(img/footer.gif) top center no-repeat; margin-left:auto; margin-right:auto; width: 840px; color:#FFFFFF; font-weight:bold;padding: 23px 0px 0px 0px; font-size:12px;} 
#footer a{ color:#FFFFFF; text-decoration:none;} 
#footer a:hover{ color:#FFFFFF; text-decoration:underline;} 



#footertext { clear:both; color:#EEEEEE; width: 500px; padding: 10px 0px 10px 0px; font-size: 11px; margin-left:auto; margin-right:auto;}
#footertext a { color:#EEEEEE; font-size: 11px; text-decoration:none;}
#footertext a:hover { color:#FFFFFF; font-size: 11px; text-decoration:none; }

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









#submenu {list-style: none; margin: 0px; padding: 0px; width: 216px; background: url(img/submenu_bg.gif) top center repeat-y; float:right;}

.submenuheader{ width:162px;  margin: 0px 2px 2px 22px;  background: url(img/nav_header.gif) top left no-repeat; color:#FFFFFF; font-family: verdana; font-size: 13px; height: 22px; padding:6px 0px 2px 10px}
.submenutop {margin: 0px; padding: 0px; width: 216px; height:22px;background: url(img/submenu_top.gif) top left no-repeat; display: block;}
.submenubase {margin: -2px 0px 0px 0px; padding: 0px; width: 216px; height:22px;background: url(img/submenu_base.gif) top left no-repeat; display: block;}

#submenunav {list-style: none; margin: 2px 2px 0px 22px; padding: 0px;}
ul#submenunav {padding: 0px;}
ul#submenunav li{margin: 0px 0px 2px 0px; padding: 0px; display: block; font-family: verdana; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#submenunav li a{ width: 141px; display: block; background: url(img/nav_menu.jpg) top left no-repeat; padding: 4px 5px 5px 26px; text-decoration:none; color:#2E354B; margin: 0px;}
ul#submenunav li a:hover{ margin: 0px; padding: 0px; width: 141px; display: block; background-repeat: no-repeat; background-position: -172px 0px; background-image: url(img/nav_menu.jpg);padding: 4px 5px 5px 26px; text-decoration:none; color:#FFFFFF; }
ul#submenunav li ul{padding: 0px; margin: 2px 0px 0px 0px;}
ul#submenunav li ul li{margin: 0px 0px 2px 0px; padding: 0px; display: block; font-family: verdana; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#submenunav li ul li a{width: 141px; display: block; background: url(img/nav_menu.jpg) top left no-repeat; padding: 4px 5px 5px 26px; text-decoration:none; color:#2E354B; margin: 0px;}
ul#submenunav li ul li a:hover{ margin: 0px; padding: 0px; width: 141px; display: block; background-repeat: no-repeat; background-position: -172px 0px; background-image: url(img/nav_menu.jpg);padding: 4px 5px 5px 26px; text-decoration:none; color:#FFFFFF; }