/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Silktide Sport - Main Stylesheet
Author:		David Ball (davidball@silktide.com) / Silktide Ltd
Created:	01/11/2006
Updated:	

History:		01/11/2006		Stylesheet created

colours: 	header - 	#002492
			banner - 	#A3AFCF
			dark blue - #112A78
			grey - 		#A39EA2
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

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

h1							{ font: bold 1.6em arial, verdana, helvetica, sans-serif; color: #112A78; margin: 0.4em 0 0.4em 0; }
h2							{ font: bold 1.4em arial, verdana, helvetica, sans-serif; color: #112A78; margin: 0.8em 0 1.0em; }
h3							{ font: bold 1.1em arial, verdana, helvetica, sans-serif; color: #000; margin: 1.5em 0 1.0em; }

p, li						{ font-size: 1.0em; line-height: 1.6em; margin-top:0;  }
a							{ color: #3573C3; text-decoration: none; }
a:hover, a:active			{ color:#112A78; }

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

.clear						{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right						{ float: right; }
.left						{ float: left; }
.aligncenter				{ text-align: center; }
.aligncenter img			{ margin-left: auto; margin-right: auto; }

.widthwrapper				{ width: 100%; }
.padding					{ padding: 1.5em; }

#accessibility				{ display: none; }



/* Home styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#mainimage 				{ clear:both; height:205px; border-top:1px solid #666A40; border-bottom:1px solid #555; background:#A3AFCF url("templatefiles/banner_fade.jpg") top left no-repeat; padding:0; margin:0; }

#mainimagetext			{ margin:55px 55px 70px 20px; text-align:right; }


/* Header styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header					{ background:#002492; width:100%; text-align:left; }


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

#topmenu				{ font-size:0.8em; border:1px solid #fff; background-color:#9E9E9E; border-width:1px 0; padding:0; margin:0;  }

#topmenu ul				{ padding:10px 0 10px 10px; margin:0; padding-left: 0; width:760px; }

#topmenu ul li			{ display: inline; list-style-type: none; list-style-image:none; margin:-2px; padding:0;  }

#topmenu ul li a		{ padding: 12px 8px 11px 8px; color:#fff; text-decoration:none; border-right:1px solid #fff; margin:0; }

#topmenu ul li a:hover, #topmenu ul li#topmenuselected a	{ color:#fff; background-color:#B8B8B8; }
  

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

#container				{ width: 100%; text-align: left; margin: 0 auto; }


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

#content							{ margin-left:230px; }
#content-noleftcol					{ margin-left:10px; }

#contentwrapper						{ background-color:#fff; }	
#contentwrapper ul					{ text-align: left; padding-left: 3em; margin: 0; }
#contentwrapper ul li				{ line-height: 1.8em; padding-left:0.4em; margin:0; }
#contentwrapper ul li a				{ color:#3573c3; font-weight:bold; }
#contentwrapper ul li a:hover		{ color:#3A91BD; }

.aligncenter						{ text-align: center; }
.aligncenter img					{ margin-left: auto; margin-right: auto; }

#contentwrapper object				{ border: 10px solid #000; }




/* Subnav Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#subnav						{ float:left; padding: 0; margin: 0; width:220px; border:1px solid #fff; }
#subnav p					{ margin:0; background: #A39EA2; display: block; color: #fff; padding: 4px 20px; border-bottom: 1px solid #fff; font-weight:bold; }
#subnav ul					{ background: #002492; padding:0; margin:0;  }
#subnav ul li				{ margin:0; padding:0; list-style-type: none; border-bottom: 1px solid #fff; }
#subnav ul li a				{ display: block; color: #fff; padding: 4px 20px; }
#subnav ul li a:hover		{ color: #B8B8B8; border-bottom: 0; }
#subnav ul li.selected 		{  }

/* Subcontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#subcontent					{ clear:left; float:right; width:200px; padding:0 0 10px 15px; }
#subcontent img				{ display:block; }

#subcontent .form			{ padding:0.8em; }			

#subcontent-large			{ float:right; width:342px; padding:0 0 0 10px; }
#subcontent-large img		{ display:block; margin:0; padding:0; }
#subcontent-large .box		{ background: #112A78; padding:6px 9px; margin:0; color:#fff; }

#videotop					{ margin:0; padding:0; }
#videobottom				{ background: #112A78 url("templatefiles/video_bottom.jpg") no-repeat; text-align:right; margin:0 auto; padding:0; height:58px; }
#videobottom h2				{ padding:0.5em; color:#fff; font-size:1.3em; }

#subscribe					{ border: 1px solid #112A78; margin-top:2.5em; }
#subscribebottom			{ background: #112A78 url("templatefiles/subscribe_bottom.jpg") no-repeat; text-align:right; margin:0 auto; padding:0; height:58px; }
#subscribebottom h2			{ padding:0.5em; color:#fff; font-size:1.3em; }




/* Course link Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#courselinks					{ font-size:0.8em; padding:5px; margin:0; text-align: center; clear:both; }

#courselinks ul					{ padding:0; margin:0 auto; text-align: center; }

#courselinks ul li				{ display: inline; list-style-type: none; list-style-image:none; margin:-2px; padding:0; }

#courselinks ul li a			{ padding:0; text-decoration:none; margin:0; color:#A39EA2; }

#courselinks ul li a:hover		{ color:#112A78; }
	

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

#footer						{ }
#footer p					{ display: inline; font-size: 0.9em; line-height: 30px; color: #112A78; vertical-align:bottom; margin-left:10px; }
#footer a					{ color: #112A78; text-align:bottom; }
#footer a:hover				{ color: #002492; }

#footer .right img			{ vertical-align:bottom; }
#footer .right p			{ margin:0 10px 0 0; }