@charset "utf-8";
/* CSS Document written by Electric Studio, Copyright 2008 */

/*
Content Background: #2C313A;
Lighter colour:  #4A4E53;
Even lighter colour: #6C6F75;
*/

/*---------------------------------
  General
----------------------------------*/

body{
	margin:0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #E6E6E6;
}

a{
	color: #E6E6E6;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

a img{
	border:none;
}

.left{
float: left;
}

.right{
float: right;
}

img.right{
	float:right;
	margin:0 0 10px 10px;
}

img.left{
	float:left;
	margin:0 10px 10px 0;
}

p{
line-height: 1.5em;
margin: 0 0 1.5em 0;
}

br.clear{
	clear:both;
	height: 0px;
	line-height: 0em;
}

div.clear{
	clear:both;
	width:100%;
	height:1px;
	border-bottom: solid 1px #6C6F75;
	font-size:0;
}

hr{
	background-color: #6C6F75;
	width: 100%;
	border: 0;
	height: 1px;
}

h1, h2, h3, h4, h5, h6, ul, ol{
	margin:0.5em 0;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6{
	color: white;
}

h1{
	font-size:246%;
	margin-top:0;
	font-size: 26px;
	padding: 0.1em 0 0 0; /* Required for IE, or the text gets chopped off a little */
}

h2{
	font-size:138%;
	font-weight: bold;
	color: white;
	font-size: 20px;
}

h3{
	font-size:16px;
	font-weight:bold;
	background:none;
	padding:0;
	margin:0.8em 0 0.4em 0;
}

h1#pageTitle,
h1.title,
h2.title{
	font-size: 24px;
	font-weight: normal;
	display: block;
	color: white;
	background: #CB0000 URL('../publicimages/homeTitle_bg.jpg') bottom left repeat-x;
	padding: 2px 7px;
	margin: 0 0 10px 0;
}

ul, ol{
	padding:0 0 0 1.3em;
}

ul.ticks, ul.noticks{
	list-style:none;
	padding-left:0;
}

ul.ticks{
	margin-bottom:0;
}

ul.noticks{
	margin-top:0;
}
ul.ticks li, ul.noticks li
{
	padding-left:1.3em;
}
ul.ticks li
{
	background:url(../publicimages/tick.gif) 0 0.2em no-repeat;
}

ul.homepageList{
	list-style: square;
	padding: 0 0 1em 2em;
}

ul.homepageList li{
	padding-left: 0.5em;
}

a.arrowlinks{
	color: #0099CC;
	padding: 0 0 0 10px;
	margin: 0 0 0 2px;
	background:url('../publicimages/arrow_home.png') center left no-repeat;
	font-weight: bold;
	text-decoration: none;
}

a.arrowlinks:hover{
	text-decoration: underline;
}

a.arrowLeft{
	background:url('../publicimages/arrowLeft.png') center left no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 2px;
}

a.arrowLeft:hover{
	color: white;
}

/*---------------------------------
  Layout - Start master holder DIV's
----------------------------------*/

#siteWidth {
	text-align:center;
	padding: 0 0 0 20px;
	width:750px;
}

#outerHolder {
}

#contentHolder {
	padding:130px 0 0 0;
	text-align:left;
	/*background-color: #2C313A; */
}

body#homepage #contentHolder {
	padding:338px 0 0 0;
}

#contentOuter{
	background: transparent url('../publicimages/content_bg_tile.png') top left repeat-y;
}

#content{
	background: transparent url('../publicimages/content_bg.jpg') top left no-repeat;
	/* border-top: 1px solid #999999; */
	padding: 20px;
	width: 700px;
}

#headerHolder {
	height:72px;
	position:absolute;
	top:0;
	right:0;
	left: 0;
	padding:0;
	margin:0;
}

#headerWidth {
	width:778px;
	background: transparent url('../publicimages/content_bg_tile.png') top right repeat-y;
}

#footerHolder {
	font-size: 11px;
	color: #828282;
	text-align:left;
	width:758px;
	margin: 0 0 40px 0;
	background: transparent url('../publicimages/content_bg_tile.png') top right repeat-y;
}
span.mainNavigationFooter {
	float:left;
}
div#footerContent {
	background-color: black;
	clear:left;
	padding: 20px 20px 30px 20px;
	width: 700px;
}
/* Start children DIV's (class) */

.logo {
	width:186px;
	height:100px;
	padding:20px 0 20px 20px;
	float:left;
}
.contactUs {
	float:right;
	padding:20px 0 0 0;
	width:500px;
	text-align:right;
}
.mainNavigation {
	line-height:normal;
	margin: 0 -20px 0 20px;
}
.breadCrumb {
	padding:4px 0 4px 18px;
	font-size:75%;
	color:#666;
	border-bottom:1px solid #ccc;
}

	
/* Main content holders */

.mainContentHolder,
.mainContentHolderSidePanel,
.mainContentHolderSideNav,
.mainContentHolderSidePanelAndSideNav {
	width:700px;
}

.mainContentHolder .mainContentContent{
	width:700px;
}

.mainContentHolderSideNav .mainContentContent{
	float: right;
	width: 470px;
}
.mainContentHolderSidePanel .mainContentContent{
	float: left;
	width: 470px;
	min-height:350px;
}
.mainContentHolderSidePanelAndSideNav .mainContentNavigation {
	width:200px;
	position:absolute;
	top:160px;
	z-index:99;
}
.mainContentHolderSidePanelAndSideNav .mainContentContent{
	width: 450px;
	position:relative;
	left:230px;
	padding-right:20px;
}
.mainContentHolderSidePanelAndSideNav .mainContentSidePanel{
}

/* Side nav and side panels */

.mainContentNavigation {
	float:left;
	width:200px;
	padding:0;
}

.mainContentSidePanel{
	float:right;
	width: 200px;
}

.mainContentSidePanel h3.boxheader{
	margin: 0;
	font-size: 14px;
}

form#searchform{
	margin: 0; /* KEEP - FOR IE */
	margin: 0 0 55px 0;
	float: right;
	clear: both;
}

form#searchform input.searchField{
	border: 1px solid #aaaaaa;
	width: 195px;
	margin: 0 4px 0 0;
	padding: 3px;
}

form#searchform input#searchsubmit{
	line-height: 0em;
	vertical-align:top;
}


div#headerImageSpacer{
	height: 0px;
	width: 100%;
	font-size: 0px;
	line-height: 0px; /* NEEDED FOR IE 6 */
}

img.bannerImage{
	margin: 0 0 20px 0;
	float: left;
}


/*---------------------------------
  Main Navigation
----------------------------------*/

.mainNavigation ul{
	margin: 0;
	padding: 0;
	list-style:none;
	font-size: 14px;
	clear: both;
	background: transparent url('../publicimages/navbar_bg.png') top left repeat-x;
	border-top: 10px solid #CC0000;
	height: 72px;
	text-align: left;
	width: 740px;
}

.mainNavigation ul li{
	display: block;
	float: left;
	height: 45px;
	padding-top: 27px;
	background: url('../publicimages/nav_divider.png') center right no-repeat;
}

.mainNavigation ul li.lastitem{
	background-image: none;
}

.mainNavigation ul li#home{
	padding-top: 0;
}

.mainNavigation ul li#current{
	background: #CC0000 url('../publicimages/navbar_bg_active.png') top left repeat-x;
}

.mainNavigation ul li a{
	text-decoration:none;
	margin: 0 15px;
	padding: 20px 0 2px 0;
	white-space:nowrap;
	color: white;
}

.mainNavigation ul li#home a{
	margin: 0;
	padding: 0;
}

.mainNavigation ul li.lastitem a{
}

.mainNavigation ul li#current a,
.mainNavigation ul li a#currentLink{
}

.mainNavigation ul li a:hover{
	text-decoration: underline;
}

.mainNavigation ul li a.activenav:hover{
}

/*---------------------------------
  Panels - right - eg Contact Details
----------------------------------*/

h3.boxheader,
div.panelbackground .boxheader{
	margin: 0;
	padding: 4px 10px 4px 10px;
	background-color: #BC0000;
	font-weight: normal;
	font-size:123%;
	width: 180px;
	display: block;
	color: white;
}

div.panelbackground .boxheader{
	margin: 10px 0 10px -10px;
	border-top: 10px solid white;
}

div.panelbackground{
	padding: 10px 0 0 10px;
	background-color: #4A4E53;
	border-bottom: 1px solid #686D75;
}

div.panelbackground img{
	padding: 0;
}

/*---------------------------------
  Sub navigation
----------------------------------*/
ul.subNavigation{
	margin:0;
	padding:0 ;
	list-style:none;
	background-color: #2C313A;
}

ul.subNavigation ul{
	margin:0;
	padding:0;
	list-style:none;
}

ul.subNavigation li,
ul.tertiaryNavigation li{
	margin:0;
	padding:0;
	border-bottom: 1px solid #454D5A;
}

ul.subNavigation li a{
	padding: 7px 0 7px 7px;
	display:block;
	text-decoration:none;
}

ul.subNavigation li a:hover{
	font-weight:bold;
	background-color: #4A4E53;
}

ul.subNavigation li.currentSub{
	font-weight:bold;
}

ul.subNavigation li.currentSub a:hover{
	cursor: default;
	background-color: #2C313A;
}

ul.subNavigation a.section{
	padding: 4px 0 3px 8px;
	font-size: 15px;
	background-image: none;
	background-color: #BC0000;
	color: white;
}

ul.subNavigation a.section:hover,
ul.subNavigation a.section.activenav:hover{
	background-color: #BC0000;
	font-size: 15px;
	font-weight: normal;
}


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

div.panellarge{
	float:right;
	clear:right;
	margin:0 0 20px 0;
	width:360px;
	background:#E8E8E8 url(../publicimages/panel_large_bg.gif) 0 0 no-repeat;
}

div.panellarge div.panelcontainer{
	padding:10px;
	background:url(../publicimages/panel_large_bcbg.gif) 0 100% no-repeat;
}

div.panellarge h3{
	margin:0;
	padding:6px 6px 4px 6px;
	background:url(../publicimages/heading_large_bg.gif) 0 0 no-repeat;
	font-size:123%;
	font-weight:bold;
	color:#D5D28F;
}

div.panellarge img{
	margin:0.5em 0;
}

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

div#footerHolder div#sponsors{
margin: 0 0 15px 0;
}

div#footerContent div#copyright{
float: left;
}

div#footerContent div#electricStudioLink{
display: block;
float: right;
}

div#footerContent div#electricStudioLink a{
	color: #828282;
	text-decoration: none;
}
div#footerContent div#electricStudioLink a:hover{
	color: white;
	text-decoration: underline;
}

div#footerHolder ul{
list-style: none;
float: right;
margin: 0;
padding: 0;
}

div#footerHolder ul li{
display: inline;
padding: 0 0 0 5px;
}

div#footerHolder ul li a{
text-decoration: none;
padding: 0 5px 0 0;
}

div#footerHolder ul li a:hover{
text-decoration: underline;
}

div#footerHolder ul li.lastitem a{
padding: 0;
}


div#footerHolder #staffLogin{
float: right;
padding: 0;
margin: 5px 0 0 0;
}

div#footerHolder #staffLogin a{
text-decoration: none;
}

div#footerHolder #staffLogin a:hover{
text-decoration: underline;
}


/*---------------------------------
  Summary and gallery lists
----------------------------------*/

div.listing{
	width: 50%;
	float: left;
}

div.listing a.imageLink{
	border-right: solid 1px #6C6F75;
	padding: 10px;
	margin: 20px 10px 20px 30px;
	float: left;
}

div.listing img.listing{
	border: 2px solid white;
}

div.listing h3 a{ 
	font-size:20px;
	color:#2E4F36;
	text-decoration: none;
	color: white;
	margin: 40px 0 0 0;
	display: block;
}

div.listing h3 a:hover{
	text-decoration: underline;
}

div.listing p.added{
	float: left;
	margin: -5px 0 0 0;
}

div.listing a.readMore{
	color: #e6e6e6;
	font-weight: bold;
	background: url('../publicimages/arrow.png') center right no-repeat;
	margin: 0 10px 0 0;
	padding:  0 10px 0 0;
}

div.listing a.readMore:hover{
	color: white;
}

/*---------------------------------
  News Summary
----------------------------------*/

div.newsSummaryElement
{
	margin:15px 0;
}
div.newsSummaryElement img.listing
{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
	border: 3px solid white;
}
div.newsSummaryElement h2 a{ 
	font-size:20px;
	color:#2E4F36;
	text-decoration: none;
	color: white;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
div.newsSummaryElement h2 a:hover{
	text-decoration: underline;
}

div.newsSummaryElement p.datePosted{
margin: -0.3em 0 1.5em 0;
padding: 0;
font-size: 11px;
}

div.newsSummaryElement a.readMore{
	color: #e6e6e6;
	font-weight: bold;
	background: url('../publicimages/arrow.png') center right no-repeat;
	margin: 0 10px 0 0;
	padding:  0 10px 0 0;
}

div.newsSummaryElement a.readMore:hover{
	color: white;
}

/*---------------------------------
  News Item
----------------------------------*/

div#newsLayoutNav{
	/*border-bottom: 1px solid #6C6F75; */
}

div#newsLayoutNav ul#subnavigation{
	background-color: #4A4E53;
	padding: 10px 10px 10px 30px;
	margin: 0 0 10px 0;
}

div#newsLayoutNav ul#subnavigation li{
padding: 0 0 5px 0;
font-size: 11px;
}

div#newsLayoutNav ul#subnavigation li a{
color: white;
font-size: 12px;
font-weight: bold;
padding: 0 4px 0 0;
}

img.newsItemMainImage{
margin: 0 auto 15px auto;
border: 5px solid white;
display: block;
}

div.morePhotos{
border-top: 1px solid #6C6F75;
border-bottom: 1px solid #6C6F75;
}

div.morePhotos a img{
border: 3px solid white;
margin: 0 10px 10px 0;
}

a.rssFeed{
background: url('../publicimages/rss.png') top left no-repeat;
padding: 1px 0 0 22px;
margin: 3px 0 0 0;
height: 15px;
display: block;
color: white;
text-decoration: none;
font-weight: bold;
}

a.rssFeed:hover{
text-decoration: underline;
}

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

img.gallery
{
	margin:0 3px 3px 0;
	border: 2px solid white;
}

/*---------------------------------
  Forms
----------------------------------*/

div.validationerrorBox{
	width: 100%;
	background-color: #FFE6E6;
	border: 1px solid #CC0000;
	margin: 15px 0 0 0;
	font-weight:bold;
	color:#CC0000;
}

div.validationerrorBoxInner{
	padding: 5px 5px 0px 20px;
}

p.validationerror{
	padding: 0;
	margin: 0;
}

tr.validationerror td, div.validationerror {
	border:solid 1px #CC0000;
}
form .formName,
form .formNameValidationError {
	vertical-align:top;
	width: 400px;
	text-align:right;
	padding: 6px 6px 6px 10px;
	margin: 0;
	font-weight:bold;
	font-size:90%;
}
form .formNameValidationError {
	color:#CC0000;
	border:1px solid #CC0000;
	margin:3px 0 3px 0;
}
p.formHeader {
	vertical-align:top;
	width:452px;
	text-align:left;
	font-weight:normal;
	padding:3px 3px 3px 0;
	margin:10px 0 0 0;
	font-weight:bold;
	font-size:110%;
	border-bottom:1px dotted #999;
}
.formField,
#enquiry{
	border:1px solid #999;
	width:280px;
	margin:0;
	padding:3px;
}
.formDrop{
	border:1px solid #999;
	width:215px;
	margin:0 0 2px 5px;
	padding:3px;
}
.formSelectDrop {
	border:1px solid #999;
	width:60px;
	margin:0;
	padding:2px;
}
.formSelectDropDate {
	border:1px solid #999;
	width:92px;
	margin:0 0 0 5px;
	padding:2px;
}

.formSelect {
	border:1px solid #999;
	width:288px;
	margin:0;
	padding:3px;
}

div#breadcrumb{
	font-size: 11px;
	margin: 0 0 23px 0;
}

form.loginform,
form#contactform{
	background-color: #4A4E53;
	padding: 15px;
}

form#contactform{
	width: 440px;
}

form.loginform{
	width: 250px;
}

form.loginform input.formbutton{
margin: 0 0 0 180px;
padding: 0;
}

form.loginform p{
margin: 0 0 10px 0;
}

form.loginform label{
width: 40px;
display: block;
float: left;
}

form.loginform input[type="input"]{
float: left;
}

.searchResult{
	margin: 0 0 15px 0;
}

.searchResult h2{
	font-size:138%;
	font-weight:bold;
	margin: 0 0 2px 0;
}


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

#homeLeftCol{
width: 460px;
float: left;
}

#homeRightCol{
width: 220px;
float: right;
}

div#welcomeHolder{
margin-bottom: 40px;
}

div#welcomeHolder div#welcomePhoto{
float: right;
margin-top: -25px;
width: 445px;
height: 134px;
background: transparent URL('../publicimages/welcome-photo-2.png') bottom left no-repeat;
}

/*---------------------------------
  Home - Latest Photo Albums
----------------------------------*/

div.latestPhotosHolder{
}

div.latestPhotosHolder div.album{
	width: 110px;
	float: left;
	border: solid 1px #4A4E53;
	margin: 0 20px 10px 0;
	padding: 10px;
	background-color: #2C313A;
	min-height:140px;
}

div.latestPhotosHolder div.album a.imageLink{
}

div.latestPhotosHolder div.album img.listing{
	border: 2px solid white;
}

div.latestPhotosHolder div.album h3{
	margin: 7px 0 0 0;
}

div.latestPhotosHolder div.album h3 a{ 
	font-size:16px;
	color:#2E4F36;
	text-decoration: none;
	color: white;
	display: block;
}

div.latestPhotosHolder div.album h3 a:hover{
	text-decoration: underline;
}

div.latestPhotosHolder div.album p.added{
	font-size: 11px;
	margin: 0;
}

/*---------------------------------
  Home - News
----------------------------------*/

#homeRightCol div.newsItemHolder{
margin-bottom: 20px;
}

#homeRightCol div.newsItem{
border-bottom: 1px solid #6D7178;
padding-bottom: 10px;
margin-bottom: 10px;
height: 45px;
}

#homeRightCol div.newsItem img{
border: 2px solid white;
float: left;
margin-right: 10px;
}

#homeRightCol div.newsItem p{
display: inline-block;
font-size: 12px;
font-weight: normal;
width: 140px;
float: left;
margin: 0;
padding: 0;
}

#homeRightCol div.newsItemHolder p a{
text-decoration: none;
color: #E6E6E6;
}

#homeRightCol div.newsItemHolder p a:hover{
text-decoration: underline;
}


/*---------------------------------
  Home - Next Race
----------------------------------*/

div#track{
color: black;
font-weight: bold;
padding: 6px 0 0 8px;
width: 212px; /* 220 - 8 */
height: 144px; /* 150 - 6 */
}

div#track span{
font-size: 16px;
}