/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	County Durham Sport - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	10/06/2008
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body				{ background: #9081ac url("templatefiles/body-bg.jpg") repeat-x top left; font: 80% arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1					{ font: bold 1.7em arial, verdana, helvetica, sans-serif; color: #553781; margin: 15px 0; }
h2					{ font: bold 1.5em arial, verdana, helvetica, sans-serif; color: #553781; margin: 20px 0 10px; }
h3					{ font: bold 1.3em arial, verdana, helvetica, sans-serif; color: #553781; margin: 10px 0; }

p, li				{ font-size: 1.0em; line-height: 1.8em; margin: 15px 0; }

a,						
a:visited			{ font-weight: bold; color: #553781; text-decoration: none; }
a:hover,
a:active			{ color: #1f9fcc; text-decoration: underline; }

hr					{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; }
form, table			{ background: transparent; font-size: 1.0em;  }

img					{ border: 0; }
.imgright			{ float: right; margin: 10px 0 10px 20px; }
.imgleft			{ float: left; margin: 0 20px 10px 0; }
.displayblock		{ display: block; }

.tablestyle			{ border-collapse: collapse; }
.tablestyle td, 
.tablestyle th		{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, 
.tableborder th		{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.clear				{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right				{ float: right; }
.left				{ float: left; }

.widthwrapper		{ width: 100%; }
.padding			{ padding: 20px; }

#accessibility		{ display: none; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container 	  		{ width: 990px; text-align: left; margin: 15px auto 0; } 

#sidecol			{ width: 250px; float: left; display: inline; margin: /*15px*/ 0 0 0 10px; }

#content			{ width: 665px; min-height: 670px; background: #fff url("templatefiles/content-bg.jpg") no-repeat bottom right; padding: 0 15px 10px; margin: /*15px*/ 0 0 0 270px; }

#headerimg			{ width: 695px; height: 95px; background: transparent url("templatefiles/header.jpg") no-repeat 0 0; margin: 0 -15px; }

#footer				{ width: 695px; height: 20px; float: right; background: transparent url("templatefiles/footer-bg.png") no-repeat bottom right; margin: 0 25px 0 0; }


/* Sidecol Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.box-top			{ width: 250px; height: 20px; margin: 10px 0 0; }
.box-bot			{ width: 250px; height: 20px; margin: 0 0 10px; }

.bluebox			{ width: 250px; background: #209ec8 url("templatefiles/bluebox-bg.png") repeat-y top center; margin: 0; }
.purplebox			{ width: 220px; background: #442571 url("templatefiles/purplebox-bg.png") repeat-y top center; padding: 0 15px; margin: 0; }
.whitebox			{ width: 220px; background: #fff none; padding: 0 15px; margin: 0; overflow:auto; }

.purplebox h2		{ font-weight: normal; color: #fff; margin-top: 0; }

.socialnetworking		{ float:left; width:110px; }
.socialnetworking img	{ margin-bottom:10px; }
.socialnetworking p		{ text-align:center; line-height:1em; color:#2d2d2d; margin:10px 0; }


ul#mainnav			{ background: transparent url("templatefiles/mainnav-bg.png") no-repeat bottom left; padding: 0; margin: 0 5px; }
ul#mainnav li			{ font-size: 1.0em; list-style-type: none; line-height: 1.8em; margin: 0; }
ul#mainnav li a,
ul#mainnav li a:visited	{ display: block; font-weight: normal; color: #fff; padding: 2px 5px; }
ul#mainnav li a:hover,
ul#mainnav li a:active	{ background-color: #379ec9; font-weight: bold; text-decoration: none; }


	ul#mainnav ul		{ background-color: #49a7ce; margin: 0; padding:0; }
	ul#mainnav ul li	{ font-size: 0.9em; }
	ul#mainnav ul li a,
	ul#mainnav ul li a:visited	{ padding-left: 20px; }
	ul#mainnav ul li a:hover,
	ul#mainnav ul li a:active	{  }

		ul#mainnav ul ul				{ background-color: #5cb0d2; }
		ul#mainnav ul ul li				{  }
		ul#mainnav ul ul li a,
		ul#mainnav ul ul li a:visited	{ padding-left: 40px; }
		ul#mainnav ul ul li a:hover,
		ul#mainnav ul ul li a:active	{  }

ul#mainnav li.selected a		{ font-weight: bold; }
ul#mainnav li.selected li a		{ font-weight: normal; }


#login .login_username span,
#login .login_password span		{ width: 65px; float: left; font-size: 0.95em; color: #fff; vertical-align: middle; padding-top: 4px; }
#login .login_username input,
#login .login_password input	{ margin-bottom: 5px; }
#login .button					{ width: 97px!important; height: 23px; background: transparent url("templatefiles/button-purple.jpg") no-repeat 0 0; font-size: 0.85em; color: #fff; border: 0; margin-left: 120px; }


/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.thinbox				{ width: 500px; height: 22px; background: transparent url("templatefiles/thinbox-bg.png") no-repeat 0 0; padding: 10px 15px; }
.thinbox h3				{ float: left; vertical-align: middle; margin: 2px 0 0; }
.thinbox select			{ width: 250px; float: left; vertical-align: middle; margin: 0 10px; }
.thinbox .button		{ width: 61px; height: 22px; float: left; background: transparent url("templatefiles/button-grey.jpg") no-repeat center center; vertical-align: middle; color: #000; border: 0; }

.lnews					{ padding: 10px 10px 5px; margin-bottom: 2px; }
.lnews.odd				{ background-color: #e2deeb; }
.lnews.even				{ background-color: #e2f0f7; }

.lnews h3				{ font-weight: bold; font-size: 1.2em; margin: 0; }
.lnews p				{ margin: 5px 0; }
.lnews img				{ float: left; margin: 0 10px 0 0; }

#search_postcode_header {color: white;}

/* Footer Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer p				{ font-size: 0.8em; color: #888; text-align: right; margin: 0 15px 0 0; }