/* CSS generated by SiteManager at 03:55pm 16/06/2010 - do not edit this file directly */

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	Tees Valley Sport & PE Courses microsite - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	19/06/2008
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

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

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

h1						{ font: bold 2.0em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #58368C; margin: 15px 0; }
h2						{ font: bold 1.8em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #58368C; margin: 10px 0 15px; }
h3						{ font: bold 1.4em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #58368C; margin: 10px 0; }

p, li					{ font-size: 1.0em; line-height: 1.5em; }
.smalltext 				{ font-size: 0.85em; }

a,					
a:visited				{ font-weight: bold; color: #ef9405; text-decoration: none; }
a:hover,					
a:active				{ color: #000; }

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

.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: 1000px; min-height: 100%; height: auto; background: transparent url(/templatefiles/c_body_bg.jpg) no-repeat bottom right; text-align: left; border: 1px solid #e8e8e8; border-width: 0 1px; margin-bottom: -50px; } /* margin-bottom to match #clearfooter */
* html #container 		{ height: 100%; }

#header					{ height: 190px; position: relative; background: #e9d286 url(/templatefiles/c_header.jpg) no-repeat top left; }
#header h1				{ position: absolute; top: 130px; left: 20px; margin: 0; }

#navbar					{ height: 36px; background: #f89e00 url(/templatefiles/c_navbar_bg.jpg) repeat-x top left; border-bottom: 1px solid #fff; }
#navbar ul				{ padding: 0; margin: 0; }
#navbar ul li			{ float: left; font-weight: bold; font-size: 1.2em; line-height: 36px; list-style-type: none; border-left: 1px solid #fef2c0; border-right: 1px solid #f8ac00; }
#navbar ul li a,
#navbar ul li a:visited	{ color: #000; padding: 0 20px;  }
#navbar ul li a:hover,
#navbar ul li a:active	{ color: #fff; }


#content				{ width: 920px; background: transparent url(/templatefiles/c_content_bg.jpg) repeat-x top left; padding: 40px; }

#content ul.blocklist		{ width: 300px; float: left; padding: 0; margin: 0 50px 0 0; }
#content ul.blocklist li	{ background: transparent url(/templatefiles/c_bullet.jpg) no-repeat 0 3px; list-style-type: none; padding-left: 20px; margin: 15px 0; }

#content img#coursesearch	{ clear: left; margin-top: 30px; }

#content .azmenunav			{ margin: 20px 0; }
#content .azmenuoptions 	{ padding: 0; margin: 0; }
#content .azmenuoptions li 	{ list-style-type: none; }
#content .backtotop 		{ font-size: 0.85em; float: right; }

#content .date				{ width: 100px; }
#content .location			{ width: 150px; }
#content .more				{ width: 100px; }

/*#darlington,
#hartlepool,
#middlesbrough,
#redcar,
#stockton					{ display: none; }*/

#clearfooter			{ clear: both; height: 50px;} /* height to match height + padding + margin etc in #footer */
#footer					{ width: 1000px; height: 30px; clear: both; background-color: #58368C; text-align: left; margin-top: 20px; }
* html #content 		{ width: 920px; }
#footer p				{ font-size: 0.7em; line-height: 30px; color: #fff; margin: 0 10px; }
#footer p a,
#footer p a:visited		{ color: #fff; }
#footer p a:hover,
#footer p a:active		{ text-decoration: underline; }