/* CSS generated by SiteManager at 11:11am 04/06/2010 - do not edit this file directly */

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Northumberland Sport - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd - All Rights Reserved
Created:	20/02/2007
Updated:	

History:	20/02/2007	Stylesheet created
	
Colours: 	Background orange		#FC9A32
			Navigation orange		#F76C11
			Heading blue			#0063A0

-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */

body					{ background-color: #FC9A32; font: 80% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1						{ font: normal 2.0em arial, verdana, helvetica, sans-serif; color: #0063A0; padding: 0; margin: 0 0 20px; }
h2						{ font: normal 1.4em arial, verdana, helvetica, sans-serif; color: #0063A0; margin: 0; }
h3						{ font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #0063A0; margin: 0; }

p, li, dt, dd			{ font-size: 1.0em; line-height: 1.5em; }
a						{ color: #F76C11; text-decoration: none; }
a:visited				{ color: #FC9A32; }
a:hover, a:active		{ color: #0063A0; }

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

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

.widthwrapper			{ width: 100%; }
.padding				{ padding: 10px 20px; }
.imgright				{ float: right; margin: 0 0 5px 15px; }
.imgleft				{ float: left; margin: 0 15px 5px 0; }
.clearfix:after			{ content:"."; height: 0; display: block; clear: both; visibility: hidden; }


#accessibility			{ display: none; }


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

#container				{ width: 760px; min-height: 100%; height: auto; position: relative; background: transparent url(/templatefiles/nav-bg.jpg) repeat-y 20px 0; text-align: left; margin: 0 auto; }
* html #container 		{ height: 100%; }

#homepagelogo			{ display: block; position: absolute; left: 21px; top: 22px; }
#castlemorpethlogo,
#alnwicklogo,
#tynedalelogo,
#berwicklogo,
#npesslogo				{ display: none; }

#header					{ height: 50px; }

#wrapper				{ min-height: 400px; background: #fff url(/templatefiles/nav-bg.jpg) repeat-y 20px 0; }

#navigation				{ width: 180px; min-height: 400px; float: left; background: transparent url(/templatefiles/nav-bg.jpg) repeat-y 0 0; }

#content				{ margin-left: 180px; }

#micrositefooter		{ display: none; }

/* Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#mainnav				{ padding: 0; border-top: 1px solid #FA8112; margin: 75px 1px 0; }
#mainnav li				{ list-style-type: none; border-bottom: 1px solid #FA8112; }
#mainnav li	a			{ display: block; color: #fff; padding: 3px 20px; }
#mainnav li a:hover, 
#mainnav li a:active, 
#mainnav li.selected a	{ background-color: #FC9A32; color: #000; }

#mainnav li.selected ul					{ padding: 0; border-top: 0; margin: 0; }
#mainnav li.selected ul li				{ list-style-type: none; font-size: 0.85em; border-top: 1px solid #FA8112; border-bottom: 0; }
#mainnav li.selected ul li a			{ display: block; color: #000; padding: 3px 10px 3px 35px; }
#mainnav li.selected ul li a:hover, 
#mainnav li.selected ul li a:active, 
#mainnav li.selected ul li.selected a	{ background-color: #FC9A32; color: #fff; }

ul.inlinenav			{ padding: 0; margin: 10px 0; }
ul.inlinenav li			{ display: inline; list-style-type: none; }
ul.inlinenav li.selected a			{ color: #002483; }
ul.inlinenav li.selected a:hover	{ color: #35AF23; }

.nav3					{ padding: 0; margin: 0 10px 20px; }
.nav3 li				{ list-style-type: none; }

p#breadcrumb			{ font-size: 0.85em; margin: 5px 0; }

/* Header Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#search input			{ width: 120px; margin-left: 5px; }
#search .button			{ width: 30px; background: #FBE4CB none; border: 1px solid #0063A0; }

#header #search			{ text-align: right; font-size: 0.85em; padding-top: 10px; }


/* Banner Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.bannerleft, .bannerright  		{ float: left; }

#banner				{ height: 100px; background-color: #FFD268; }
#banner td				{ height: 90px; vertical-align: bottom; padding: 0 10px; }
#banner h1			{ display: inline; color: #000; padding: 0; margin: 0; }

#home #banner			{ height: 218px; background: transparent; }


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

#content .padding		{ margin-left: 20px; }

#content .column		{ width: 235px; float: left; margin-top: 10px; }
#content #leftcol		{ padding-right: 20px; border-right: 1px solid #F76C11; margin: 10px 20px 20px 0; }

#homelogos		{ text-align: center; vertical-align: middle; }
#homelogos img		{ padding: 0 30px; margin: 0 auto; }

.contentimg		{ width: 220px; float: right; margin-top: 5px; margin-bottom: 10px; }
.contentimg img		{ border: 1px solid #F76C11; margin-left: 10px; }
.contentimg .caption		{ font-size: 0.85em; text-align: center; color: #0063A0; margin: 0; }

.toplevel .contentimg		{ width: 180px; }

#clubdirectory th		{ background-color: #FBDBB9; font-size: 0.85em; text-align: center; padding: 5px 3px; }
#clubdirectory td		{ font-size: 0.85em; padding: 5px 3px; }



/* Login Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#login 				{ padding-top: 15px; }
#login label			{ font-size: 0.85em; }
#login input			{ width: 120px; border: 1px solid #0063A0; }
#login .button			{ width: 78px; background: #FBE4CB none; }


/* Microsite Home &amp; Poll Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.homecol 			{ width: 240px; float: left; }
.homecol table 		{ width: 100%; }
.homecol td		{ border-bottom: 1px solid #e8e8e8; }
.homecol .smalltext		{ font-size: 0.85em; }
.poll			{ width: 150px!important; font-size: 0.85em; }
.poll .pollTitle		{ display: none; }
.poll .pollQuestion		{ font-weight: bold; }
.poll img			{  }
.poll .button		{ width: auto!important; background: none; text-decoration: underline; border: 0; }