/*
Theme Name: Stoke Row CC
Theme URL: http://www.techdesigns.co.uk
Description: Stke Row CC website
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 26th Feb 2008
*/
html, body{ margin:0px; padding:0px 0px 0px 0px; background: url(img/page_bg.gif) top left repeat-y; font: 13px Verdana; color:#000000;} 
 

#header{ position:relative; height:142px; width:100%; background: url(img/header_back.jpg) top left repeat-x;min-width: 900px;}

#headerleft{ float:left; position:relative; width:404px;}
#headerleft h1{margin:0px 0px 0px 0px;padding:0px;width:404px;background: url(img/top.jpg) top left no-repeat;}
#headerleft h1 a{display:block;width:404px;height:142px;}
#headerleft h1 a:hover{display:block;width:404px;height:142px;}
#headerleft h1 span{display:none;}


#headerright{ float:right; position:relative; width:154px;}
#headerright h1{margin:0px 0px 0px 0px;padding:0px;width:154px;}
#headerright h1 a{display:block;width:154px;height:142px; background: url(img/top_right.jpg) top left no-repeat;}
#headerright h1 a:hover{display:block;width:154px;height:142px;background-repeat: no-repeat; background-position: -154px 0px; background-image: url(img/top_right.jpg);}
#headerright h1 span{display:none;}


#flash{ position:relative; clear:all; height:175px; width:100%; background: url(img/flash_back.gif) top left repeat-x;min-width: 900px;}

#menu{ position:relative; clear:all; height:30px; width:100%; background: url(img/menu_back.gif) top left repeat-x;min-width: 900px;}

ul#navlist { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 29px; min-width: 900px;}
ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 10px; margin: 0; padding: 8px 0px 9px 0px; background: inherit; border: 0px; font-weight:bold;}
#navlist a, #navlist a:link { margin: 0; padding: 8px 8px 10px 8px; color: #003300; border: 0px; text-decoration: none;}
ul#navlist li#active { color: #333333;background-color:#DDEDDA;}
#navlist a:hover { color: #333333; background-color:#DDEDDA;}

#pagewidth{ width:900px; text-align:left; } 

#leftcol{ width:620px; float:left; position:relative; padding: 0px 0px 40px 20px;}
#leftcol h2{ padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px; color:#000000; font-size: 17px; font-family:arial;}
#leftcol h2 a{ color:#000000; text-decoration:none;}
#leftcol h2 a:hover{ color:#009900; text-decoration:none;}
#leftcol h3{ padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px; color:#000000; font-size: 17px; font-family:arial;}
#leftcol h3 a{ color:#000000; text-decoration:none;}
#leftcol h3 a:hover{ color:#009900; text-decoration:none;}

#leftcol p {line-height:1.5em; color:#666666;}
#leftcol ul {line-height:1.5em; color:#666666;}
#leftcol ol {line-height:1.5em; color:#666666;}
#leftcol a{ color:#000000;}
#leftcol a:hover{ color:#000000; text-decoration:none;}
#leftcol img{ padding: 0px 10px 10px 10px; border:0px; float:right;}

.divider {margin: 20px 0px 0px 0px; padding: 0px; width: 560px; height:40px;background: url(img/divider.jpg) top left no-repeat; display: block;}


#newscol{float: right; display:inline; position: relative; width:180px; padding: 20px 0px 20px 20px; }
#newscol h3{ padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#000000; font-size: 17px; font-family:arial;}
#page{width:100%; padding: 0px; color:#FFFFFF; float:left;min-width: 800px;}




#footer{ width: 100%; clear:both; background: url(img/footer.jpg) top left repeat-x; color:#003300; text-align:left;padding: 0px 0px 15px 0px;}

#ads{ width: 950px; display:block; height: 125px;} 
#footerinner{ padding: 10px 10px 10px 10px; color:#003300; text-align:left;} 

.footercopy { font-size: 13px; color: #003300; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;} 
.footercopy a{ color: #003300; text-decoration: underline;} 
.footercopy a:hover{color: #000000; text-decoration: none;} 

#footertxt { font-size: 11px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; clear:all; width:400px; margin: 0px 0px 0px 20px;} 
#footertxt a{ color: #333333; text-decoration: none;} 
#footertxt a:hover{color: #000000; text-decoration: none;} 

#footerad{ float:left; position:relative; width:266px; margin: 10px 10px 10px 10px;}
#footerad h5{margin:0px 0px 0px 0px;padding:0px;width:266px;background: url(img/ad1.jpg) top left no-repeat;}
#footerad h5 a{display:block;width:266px;height:80px;}
#footerad h5 a:hover{display:block;width:266px;height:80px;}
#footerad h5 span{display:none;}

#footerad2{ float:left; position:relative; width:266px; margin: 10px 10px 10px 0px;}
#footerad2 h5{margin:0px 0px 0px 0px;padding:0px;width:266px;background: url(img/ad2.jpg) top left no-repeat;}
#footerad2 h5 a{display:block;width:266px;height:80px;}
#footerad2 h5 a:hover{display:block;width:266px;height:80px;}
#footerad2 h5 span{display:none;}

#footerad3{ float:left; position:relative; width:76px; margin: 10px 10px 10px 0px;}
#footerad3 h5{margin:0px 0px 0px 0px;padding:0px;width:76px;background: url(img/ad3.jpg) top left no-repeat;}
#footerad3 h5 a{display:block;width:76px;height:80px;}
#footerad3 h5 a:hover{display:block;width:76px;height:80px;}
#footerad3 h5 span{display:none;}


#footerad4{ float:left; position:relative; width:76px; margin: 10px 10px 10px 0px;}
#footerad4 h5{margin:0px 0px 0px 0px;padding:0px;width:76px;background: url(img/ad4.jpg) top left no-repeat;}
#footerad4 h5 a{display:block;width:76px;height:80px;}
#footerad4 h5 a:hover{display:block;width:76px;height:80px;}
#footerad4 h5 span{display:none;}



#footerad5{ float:left; position:relative; width:76px; margin: 10px 0px 10px 0px;}
#footerad5 h5{margin:0px 0px 0px 0px;padding:0px;width:76px;background: url(img/ad5.jpg) top left no-repeat;}
#footerad5 h5 a{display:block;width:76px;height:80px;}
#footerad5 h5 a:hover{display:block;width:76px;height:80px;}
#footerad5 h5 span{display: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: 12px; height: 22px; padding:8px 0px 0px 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: 7px 5px 7px 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: 7px 5px 7px 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: 7px 5px 7px 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: 7px 5px 7px 26px; text-decoration:none; color:#FFFFFF; }


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

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

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




.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
@media print{ 

#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}