/*

GOYeovil - Global Stylesheet
Handwritten by Oliver Coningham (AztecMedia.eu)
http://www.goyeovil.co.uk/

*/

																					/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
.normal { font-weight: normal; }

hr { display: none; }
strong { font-weight: bold; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


																					/* ------------ Defaults ------------ */

html {
	min-height: 100%;
	height: auto;
	}

body { 
	background: #003edb url('../images/body-bg.jpg') no-repeat bottom center;
	color: #006633;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	height: 100%;
	line-height: 1.5em; 
	padding: 20px 0 100px 0;
	}

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}

#ie6 { 
	display: none;
	}
	
#container { 
	margin: auto;
	width: 1030px;
	}

#container-inner {
	background: url('../images/container-inner-bg.png') no-repeat 0 0;
	position: relative;
	width: 1030px;
	}
	
	
																					/* ------------ Branding ------------ */

#branding {
	background: url('../images/branding-bg.png') no-repeat bottom left;
	height: 109px;
	text-indent: -25000px;
	}
	
#branding h1 a { 
	background: url('../images/logo.png') no-repeat 0 0;
	display: block;
	float: left;
	height: 109px;
	margin-right: 8px;
	width: 270px;
	}
	
#branding #dates { 
	background: url('../images/dates-bg.png') no-repeat 0 0;
	display: block;
	float: left;
	height: 20px;
	margin: 52px 0 0 0;
	width: 209px;
	}
	
	
																					/* ------------ Subnav ------------ */

#subnav { 
	float: right;
	height: 57px;
	margin: 52px 30px 0 0;
	width: 309px;
	}
	
#subnav li {
	float: left;
	}

#subnav a {
	display: block;
	height: 57px;
	margin-left: 9px;
	text-indent: -25000px;
	width: 94px;
	}
	
#subnav a:hover {
	background-position: 0 -57px;
	}
	
#subnav-home a { background: url('../images/subnav-home.png') no-repeat 0 0; }
#subnav-about a { background: url('../images/subnav-about.png') no-repeat 0 0; }
#subnav-contact a { background: url('../images/subnav-contact.png') no-repeat 0 0; }

#home #subnav-home a,
#about #subnav-about a,
#contact #subnav-contact a { 
	background-position: 0 -57px; 
	}
	
		
																					/* ------------ Sidebar ------------ */

#sidebar { 
	float: left;
	padding: 71px 0 20px 60px;
	width: 250px;
	}

#sidebar h3 { 
	background: url('../images/sidebar-h3-bg.png') no-repeat 0 0;
	height: 15px;
	margin: 0 0 0 42px;
	text-indent: -25000px;
	width: 144px;
	}

																					/* ------------ Calendar ------------ */

#sidebar #calendar { 
	background: url('../images/calendar-bg.png') no-repeat 0 0;
	height: 178px;
	margin: 20px 0 0 20px;
	position: relative;
	text-align: center;
	width: 216px;
	}
	
#sidebar #calendar-nav a { 
	display: block;
	height: 28px;
	position: absolute;
	text-indent: -25000px;
	width: 27px;
	}
	
#sidebar #calendar-nav-prev a { 
	background: url('../images/calendar-nav-prev.png') no-repeat 0 0;
	display: none;
	top: 136px;
	left: 8px;
	}

#sidebar #calendar-nav-next a { 
	background: url('../images/calendar-nav-next.png') no-repeat 0 0;
	top: 109px;
	right: 5px;
	}
	
#sidebar table {
	color: #a3cfa3;
	margin: 0 auto;
	-moz-text-shadow: 1px 1px 0 #086d36;
	-webkit-text-shadow: 1px 1px 0 #086d36;
	text-shadow: 1px 1px 0 #086d36;	
	}

#sidebar table td {
	padding: 2px 4px;
	}

#sidebar table #heading-june { 
	background: url('../images/heading-june.png') no-repeat 50% 0;
	height: 13px;
	margin: 15px auto 10px auto;
	text-indent: -25000px;
	width: 64px;
	}
	
#sidebar table .heading { 
	height: 12px;
	margin: auto;
	text-indent: -25000px;
	width: 18px;
	}
	
#sidebar table #heading-monday { background: url('../images/heading-monday.png') no-repeat 50% 0; }
#sidebar table #heading-tuesday { background: url('../images/heading-tuesday.png') no-repeat 50% 0; }
#sidebar table #heading-wednesday { background: url('../images/heading-wednesday.png') no-repeat 50% 0; }
#sidebar table #heading-thursday { background: url('../images/heading-thursday.png') no-repeat 50% 0; }
#sidebar table #heading-friday { background: url('../images/heading-friday.png') no-repeat 50% 0; }
#sidebar table #heading-saturday { background: url('../images/heading-saturday.png') no-repeat 50% 0; }
#sidebar table #heading-sunday { background: url('../images/heading-sunday.png') no-repeat 50% 0; }

#sidebar table .active { 
	background: url('../images/calendar-active-bg.png') no-repeat 50% 5px;
	color: #fff;
	}


																					/* ------------ Nav ------------ */

#nav { 
	background: url('../images/nav-bg.png') no-repeat bottom left;
	margin-left: 9px;
	padding: 0 11px 20px 11px;
	width: 210px;
	}
	
#nav a {
	display: block;
	height: 42px;
	text-indent: -25000px;
	width: 230px;
	}
	
#nav a:hover {
	background-position: 0 -42px;
	}

#nav-marathon a { background: url('../images/nav-marathon.png') no-repeat 0 0; height: 41px; }
#nav-week a { background: url('../images/nav-week.gif') no-repeat 0 0; }
#nav-pedometer a { background: url('../images/nav-pedometer.gif') no-repeat 0 0; }
#nav-walk a { background: url('../images/nav-walk.gif') no-repeat 0 0; }
#nav-get a { background: url('../images/nav-get.gif') no-repeat 0 0; }
#nav-downloads a { background: url('../images/nav-downloads.gif') no-repeat 0 0; }
#nav-sponsors a { background: url('../images/nav-sponsors.gif') no-repeat 0 0; }
#nav-photos a { background: url('../images/nav-photos.gif') no-repeat 0 0; }
#nav-past a { background: url('../images/nav-history.png') no-repeat 0 0; height: 41px; }

#marathon #nav-marathon a,
#week #nav-week a,
#pedometer #nav-pedometer a,
#walk #nav-walk a,
#get #nav-get a,
#downloads #nav-downloads a,
#sponsors #nav-sponsors a,
#photos #nav-photos a,
#past #nav-past a { 
	background-position: 0 -42px; 
	}

#marathon #nav-marathon a,	
#nav-past a:hover, 
#nav-marathon a:hover,	
#past #nav-past a {
	background-position: 0 -41px;
	}


																					/* ------------ Social Media ------------ */

#buttons { 
	margin-left: 40px;
	width: 170px;
	}

#buttons a { 
	background-color: tan;
	display: block;
	height: 30px;
	text-indent: -25000px;
	width: 170px;
	}

#buttons-facebook a { background: url('../images/buttons-facebook-bg.png') no-repeat 0 0; }
#buttons-twitter a { background: url('../images/buttons-twitter-bg.png') no-repeat 0 0; margin-top: 6px; }

#buttons a:hover { 
	background-position: 0 -30px;
	}
	
#social-media { 
	height: 88px;
	position: absolute;
	left: 12px;
	bottom: 0;
	width: 48px;
	}
	
#social-media a { 
	display: block;
	height: 38px;
	margin-top: 6px;
	text-indent: -25000px;
	width: 48px;
	}

#social-media a:hover {
	background-position: 0 -39px;
	}

#social-media-youtube a { background: url('../images/social-media-youtube.png') no-repeat 0 0; height: 39px; display: none; }
#social-media-facebook a { background: url('../images/social-media-facebook.png') no-repeat 0 0; }
#social-media-twitter a { background: url('../images/social-media-twitter.png') no-repeat 0 0; }
#social-media-flickr a { background: url('../images/social-media-flickr.png') no-repeat 0 0; height: 39px; display: none; }
	

																					/* ------------ Pages ------------ */

#pages { 
	background: url('../images/pages-bg.png') no-repeat bottom left;
	height: 40px;
	margin-top: 10px;
	padding-left: 40px;
	width: 670px;
	}	

#pages h2 { 
	float: left;
	height: 20px;
	margin-top: 10px;
	text-indent: -25000px;
	}

#pagesnav { 
	float: right;
	height: 40px;
	margin-right: 11px;
	}
	
#pagesnav li {
	float: left;
	}

#pagesnav a {
	display: block;
	height: 40px;
	margin-left: -10px;
	text-indent: -25000px;
	width: 158px;
	}

#pagesnav-mission a { background: url('../images/pagesnav-mission.png') no-repeat 0 0; width: 188px; }
#pagesnav-team a { background: url('../images/pagesnav-team.png') no-repeat 0 0; }
#pagesnav-how a { background: url('../images/pagesnav-how.png') no-repeat 0 0; }
#pagesnav-next a { background: url('../images/pagesnav-next.png') no-repeat 0 0; }
#pagesnav-benefits a { background: url('../images/pagesnav-benefits.png') no-repeat 0 0; }
#pagesnav-pedometer a { background: url('../images/pagesnav-pedometer.png') no-repeat 0 0; }
#pagesnav-main a { background: url('../images/pagesnav-main.png') no-repeat 0 0; width:138px }
#pagesnav-supporting a { background: url('../images/pagesnav-supporting.png') no-repeat 0 0; }
#pagesnav-college a { background: url('../images/pagesnav-college.png') no-repeat 0 0; }
#pagesnav-schools a { background: url('../images/pagesnav-schools.png') no-repeat 0 0; }
	
#pagesnav a:hover,
#pagesnav a.selected {
	background-position: 0 -40px;
	}


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

#content { 
	float: left;
	width: 710px;
	}	

#copy { 
	background: url('../images/copy-bg.png') repeat-y 0 0;
	padding: 0 40px;
	position: relative;
	width: 630px;
	}	

#copy p { 
	padding-top: 1.25em;
	}	

#copy .error { 
	color: #d72920;
	font-weight: bold;
	}	
	
#copy a { 
	border-bottom: 1px dotted #006633;
	color: #006633;
	text-decoration: none;
	}	

#copy a:hover { 
	border-bottom: 1px solid #006633;
	color: #006633;
	text-decoration: none;
	}	

#copy h2 { 
	height: 20px;
	text-indent: -25000px;
	}

#copy h3 { 
	height: 18px;
	padding-top: 20px;
	text-indent: -25000px;
	}

#copy-top { 
	background: url('../images/copy-top-bg.png') no-repeat 0 0;
	height: 30px;
	margin-top: 10px;
	width: 710px;
	}	
			
#copy-bottom { 
	background: url('../images/copy-bottom-bg.png') no-repeat 0 0;
	height: 30px;
	width: 710px;
	}	
	
#copy table { 
	margin-top: 20px;
	}

#copy table th { 
	background: #085d31 url('../images/table-heading-bg.gif') repeat-x 0 0;
	color: #fff;
	padding: 5px;
	}
		
#copy table td {
	background-color: #f0f7d9;
	border-top: 1px solid #fff; 
	padding: 5px 10px;
	}
	
#copy table td.highlight {
	background-color: #e8f3c5;
	}
	
#copy ol {
	list-style: decimal outside;
	margin-left: 20px;
	}
	
#copy ol li,
#copy ul li {
	padding-top: 1.25em;
	}
	
#copy ul {
	list-style: disc outside;
	margin-left: 20px;
	}
	
#copy li li {
	margin-left: 10px;
	padding-top: 0.5em;
	}
	
#copy dl { 
	padding-top: 1.25em;
	}

#copy dl dt { 
	font-weight: bold;
	}


																					/* ------------ Form ------------ */

#copy form { 
	padding-top: 20px;
	width: 350px;
	}	

#copy form div {
	margin-bottom: 5px;
	}

#copy form label {
	display: block;
	float: left;
	font-weight: bold;
	width: 100px;
	}

#copy form a {
	margin-left: 100px;
	}
		
#copy form div,
#copy form input,
#copy form textarea {
	vertical-align: top;
	}
	
#copy form input,
#copy form textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #006633;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 5px;
	width: 230px;
	}
				
#copy form #submit {
	background: none;
	border: 0;
	float: right;
	height: 49px;
	margin: 10px 0 0 0;
	padding: 0;
	width: 149px;
	}
	

																					/* ------------ Features ------------ */

#features { 
	margin-bottom: 61px;
	padding-left: 10px;
	width: 700px;
	}	
	
#features .feature { 
	float: left;
	width: 230px;
	}	

#features .feature img { 
	float: left;
	margin-right: 10px;
	}	
	
#features .feature a { 
	border-bottom: 1px dotted #006633;
	color: #006633;
	text-decoration: none;
	}	

#features .feature a:hover { 
	border-bottom: 1px solid #006633;
	color: #006633;
	text-decoration: none;
	}	
	
#features .feature h4 { 
	float: left;
	height: 25px;
	margin: 13px 0 10px 0;
	text-indent: -25000px;
	width: 115px;
	}
	
#heading-marathon { background: url('../images/feature-marathon-h4.gif') no-repeat 0 0; }	
#heading-pedometer { background: url('../images/feature-pedometer-h4.gif') no-repeat 0 0; }	
#heading-walk { background: url('../images/feature-walk-h4.gif') no-repeat 0 0; }	
#heading-airfield { background: url('../images/feature-airfield-h4.gif') no-repeat 0 0; }	


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

#footer {
	background: url('../images/footer-bg.png') no-repeat 0 0;
	color: #fff;
	height: 44px;
	padding: 36px 20px 0 60px;
	position: relative;
	width: 950px;
	}

#footer #slideshows {
	height: 132px;
	position: absolute;
	top: -51px;
	right: 30px;
	width: 675px;
	}

#footer #slideshows #slideshow-1,
#footer #slideshows #slideshow-2,
#footer #slideshows #slideshow-3 {
	height: 132px;
	float: left;
	width: 225px;
	}
				
#footer a {
	color: #fff;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #fff;
	text-decoration: underline;
	}