/*
Theme Name: The Middleton Pavilion
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 9th September 2008
*/

html, body{ margin:0; padding:0px 0px 20px 0px; text-align:center; background: url(img/bg.jpg) top left repeat-x #F2F2F2; font-family:verdana;} 
 
#pagewidth{ width:860px; text-align:left; margin-left:auto; margin-right:auto; background: url(img/page_bg.gif) top center repeat-y;} 
 
#page{ width:860px; background: url(img/page.jpg) top center no-repeat;} 

#header{ position:relative; height:232px;  width:100%; background: url(img/header.jpg) top center no-repeat;} 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:540px;height:232px;}
#header h1 a{display:block;width:540px;height:232px;}
#header h1 a:hover{display:block;width:540px;height:232px;}
#header h1 span{display:none;} 

#contacts {float:right; width:230px; height: 182px; color:#FFFFFF; font-weight:bold; font-family:verdana; font-size:13px; line-height:1.6em; text-align:right; padding: 50px 45px 0px 0px; }
#contacts a {color:#FFFFFF; font-weight:bold; font-family:verdana; font-size:13px; }
#contacts a:hover {color:#FFFFFF; font-weight:bold; font-family:verdana; font-size:13px; text-decoration:none; }

#menu{ position:relative; height:33px;  width:100%; background: url(img/menu_bg.gif) top center no-repeat;} 

#navcontainer {padding: 0px 0px 0px 0px; margin: 0px; height: 35px;padding: 0px 0px 0px 35px;}
ul#navlist { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 35px;}
ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 13px; margin: 0; padding: 8px 0px 9px 0px; background: inherit; border: 0px; font-weight:bold;}
#navlist a, #navlist a:link { margin: 0; padding: 8px 13px 9px 13px; color: #FFFFFF; border: 0px; text-decoration: none;background-repeat: no-repeat; background-position: 0px 0px; background-image:url(img/menu.jpg); }
ul#navlist li#active { color: #0066CC;background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/menu.jpg); }
#navlist a:hover { color: #0066CC; background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/menu.jpg); }


#maincol{float: left; position: relative; width:740px; padding: 30px 60px 30px 60px; color:#333333; font-size: 13px; line-height:1.7em;}
#maincol h1 { color:#000000; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-style:italic;}
#maincol h1 a{ color:#000000; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-style:italic; text-decoration:none;}
#maincol h1 a:hover{ color:#000000; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-style:italic;text-decoration:none;}
#maincol h2 { color:#000000; font-family:arial; font-size: 16px; padding: 0px 0px 10px 0px; margin: 0px; font-style:italic; font-weight:normal;}
#maincol h3 { color:#FF3300; font-family:verdana; font-size: 12px; padding: 0px 0px 0px 0px; margin: 0px; text-transform:uppercase;}
#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; margin:-20px 0px 0px 0px; border:0px;clear:right;}


#footer{ height:59px; margin-left:auto; margin-right:auto; width:860px; clear:both; background: url(img/footer.gif) top center no-repeat; color:#FFFFFF; font-weight:bold; font-size:13px; padding: 8px 0px 0px 0px;}  
 
#footertext { clear:both; color:#666666; width: 500px; padding: 10px 0px 10px 0px; font-size: 11px; margin-left:auto; margin-right:auto;}
#footertext a { color:#666666; font-size: 11px; text-decoration:none;}
#footertext a:hover { color:#000000; 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; }