﻿body 
{
	background-color: #000000;
	background-image: url('../Images/Design/Background-Gradient.gif');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
	
	margin: 0px;
	padding: 0px;
	
	font-family: Arial, Verdana;
	color: #DDDDDD;
	font-size: 9pt;
}

a
{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}

.content-fullwidth.noborder
{
	width: 953px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	border: none;
	font-size: 0px;
	overflow: hidden;
	white-space: nowrap;
}

.content-fullwidth.noborder a, .content-fullwidth.noborder a:hover
{
	border: none;
}

img.map
{
	margin: 0px;
	padding: 0px;
	display: inline;
	border: none;
	text-decoration: none;
}

.horizontal-separator
{
	height: 220px;
	width: 2px;
	border-left: 1px solid #000000;
	border-right: 1px solid #666666;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

.content-fullwidth a
{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}

.content-fullwidth a:hover
{
	color: #FFBA00;
	text-decoration: none;
	border-bottom: 1px dotted #FFBA00;
}

p a
{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}

p a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFBA00;
}

p.center-margin
{
	text-align: center;
	margin-top: 30px;
	padding: 0px 50px 0px 20px;
}


#background-top
{
	background-image: url('../Images/Design/Background-Top.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: scroll;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 396px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	z-index: -100; /* Be on the bottom! */
}


/* This is the main column down the middle. ALL the page's content is in here */
#main-column
{
	width: 955px;
	margin: 12px auto 0px auto;
}

#logo a img, #logo a
{
	border: none;
}

a
{
	outline: none;
}


.logo-image
{
	margin: 10px 0px 10px 0px;
}


#phone
{
	text-align: right;
	position: relative;
	top: -50px;
	left: 700px;
	width: 200px;
	margin: 0;
	color: #000000;
}

#phone a { color: #333333; border-bottom: 1px dotted #333333; }



#navbar
{
	margin: 0px;
	padding: 0px;
}

ul#nav-list
{
	width: 955px;
	height: 33px;
	margin: 0px auto;
	padding: 0px;
	list-style: none;
}

ul#nav-list li
{
	display: inline;
}

ul#nav-list li a
{
	height: 33px;
	float: left;
	text-indent: -9999px;
	border: none;
}
ul#nav-list li a:visited
{
	border:none;
}
ul#nav-list li a:active
{
	border: none;
}

ul#nav-list li#nav-whatson a
{
	width: 133px;
	background: url('../Images/Design/Navbar.png') no-repeat 0px 0px;
}
ul#nav-list li#nav-whatson a:hover
{
	background-position: 0 -33px;
}

ul#nav-list li#nav-tracks a
{
	width: 135px;
	background: url('../Images/Design/Navbar.png') no-repeat -133px 0px;
}
ul#nav-list li#nav-tracks a:hover
{
	background-position: -133px -33px;
}

ul#nav-list li#nav-karts a
{
	width: 129px;
	background: url('../Images/Design/Navbar.png') no-repeat -268px 0px;
}
ul#nav-list li#nav-karts a:hover
{
	background-position: -268px -33px;
}

ul#nav-list li#nav-juniors a
{
	width: 109px;
	background: url('../Images/Design/Navbar.png') no-repeat -397px 0px;
}
ul#nav-list li#nav-juniors a:hover
{
	background-position: -397px -33px;
}

ul#nav-list li#nav-formats a
{
	width: 170px;
	background: url('../Images/Design/Navbar.png') no-repeat -506px 0px;
}
ul#nav-list li#nav-formats a:hover
{
	background-position: -506px -33px;
}

ul#nav-list li#nav-corporate a
{
	width: 166px;
	background: url('../Images/Design/Navbar.png') no-repeat -676px 0px;
}
ul#nav-list li#nav-corporate a:hover
{
	background-position: -676px -33px;
}

ul#nav-list li#nav-findingus a
{
	width: 113px;
	background: url('../Images/Design/Navbar.png') no-repeat -842px 0px;
}
ul#nav-list li#nav-findingus a:hover
{
	background-position: -842px -33px;
}



#contentbox
{
	width: 955px;
	max-width: 955px;
	min-height: 1000px;
	height: auto !important;
	height: 1000px;
	background-image: url('../Images/Design/Main-Content-Border.png');
	background-repeat: no-repeat;
	padding: 0px 0px 0px 1px;
	overflow: visible;
	z-index: -50;
}

#contentbox-bgrepeat
{
	width: 955px;
	position: relative;
	top: 593px;
	left: 0px;
	background-image: url('../Images/Design/Main-Content-Border-Repeat.png');
	background-repeat: repeat-y;
	z-index: 0;
	float: left;
	min-height: 407px;
}

#content
{
	width: 953px;
}



#footer
{
	text-align: center;
	font-size: 11px;
}

#footer a
{
	color: #4d4d4d;
	text-decoration: none;
	border: none;
}

#footer a:hover
{
	color: #4d4d4d;
	text-decoration: none;
	border-bottom: 1px dotted #4d4d4d;
}

ul#footer-links
{
	list-style: none;
}

ul#footer-links li
{
	display: inline;
	margin-right: 30px;
}

#copyright
{
	color: #363636;
}

#copyright a
{
	color: #363636;
	border-bottom: 1px dotted #363636;
}
#copyright a:hover
{
	color: #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
}

#barc
{
	color: #363636;
}

#barc img
{
	vertical-align: middle;
	margin: 0px 0px 0px 15px;
}

.separator-1
{
	height: 2px;
	background-image: url('../Images/Design/Line-1.gif');
	background-repeat: repeat-x;
	overflow: hidden;
	width: 953px;
	margin: 0;
	padding: 0;
}

/* Content that takes up 2/3 of the page or so */
.content-twothirds
{
	width: 60%;
	float: left;
	margin: 10px 10px 10px 15px;
}

.content-fullwidth
{
	width: 933px;
	margin: 10px 10px 10px 15px;
}

.content-fullwidth.no-bottom-margin
{
	margin-bottom: 0px;
}


.sidebox
{
	width: 300px;
	min-height: 100px;
	margin: 20px 20px 50px 50px;
	float: right;
}

.sidebox .sidebox-header
{
	border: none;
}

.sidebox img
{
	border: none;
	border-bottom: 1px solid #FFFFFF;
}

.sidebox img.last
{
	border-bottom: 1px solid #666666;
}

.sidebox-content
{
	background-color: #EEEEEE;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	width: 263px;
	margin: 0;
	padding: 5px 3px 3px 3px;
	color: #333333;
}

.sidebox-content ul
{
	margin: 0px 0px 20px 30px;
	padding: 0;
}

.emphasis
{
	font-weight: bold;
}

img.title
{
	margin: 0px 3px 3px 0px;
}


.photo-sidebox
{
	float: right;
	margin: -10px -5px 0px 0px;
	padding: 0px 0px 0px 1px;
	border-left: 1px solid #333333;
}

.photo-sidebox hr
{
	height: 0px;
	border: none;
	border-top: 1px solid #333333;
	margin: 1px 0px 0px 0px;
	padding: 0;
}

.photo-sidebox img
{
	margin: 1px 0px 0px 0px;
	position: relative;
}









img.header
{
	margin: 0;
	padding: 0;
}



/* Gilder/Levin Stuff. */
/* Page titles */
.page-title
{
	width: 953px;
	height: 110px;
	position: relative;
	margin: 0;
	padding: 0;
}

.page-title span
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.page-title.whats-on span { background-image: url('../Images/PageTitles/Whats-On.jpg'); }
.page-title.tracks span { background-image: url('../Images/PageTitles/The-Tracks.jpg'); }
.page-title.juniors span { background-image: url('../Images/PageTitles/Juniors.jpg'); }
.page-title.corporate span { background-image: url('../Images/PageTitles/Corporate-Events.jpg'); }
.page-title.contact span { background-image: url('../Images/PageTitles/Contact-Us.jpg'); }
.page-title.formats span { background-image: url('../Images/PageTitles/Formats-Prices.jpg'); }
.page-title.sitemap span { background-image: url('../Images/PageTitles/Sitemap.jpg'); }
.page-title.error-404 span { background-image: url('../Images/PageTitles/404.jpg'); }
.page-title.finding-us span { background-image: url('../Images/PageTitles/Finding-Us.jpg'); }
.page-title.karts span { background-image: url('../Images/PageTitles/The-Karts.jpg'); }
.page-title.terms-conditions span { background-image: url('../Images/PageTitles/Terms-Conditions.jpg'); }
.page-title.about span { background-image: url('../Images/PageTitles/About-Us.jpg'); }
.page-title.jobs span { background-image: url('../Images/PageTitles/Jobs.jpg'); }
.page-title.media span { background-image: url('../Images/PageTitles/Media.jpg'); }
.page-title.links span { background-image: url('../Images/PageTitles/Links.jpg'); }
.page-title.error span { background-image: url('../Images/PageTitles/Error.jpg'); }
.page-title.race-reports span { background-image: url('../Images/PageTitles/Race-Reports.jpg'); }



/* Headers */
#thisweek-sidebar
{
	width: 271px;
	height: 28px;
	position: relative;
	margin: 0;
	padding: 0;
}
#thisweek-sidebar span
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url('../Images/Design/ThisWeek-Sidebox-Title.png');
}





.timetable-tabs .full-tab
{
	width: 223px;
	height: 33px;
	background-color: #FF0000;
	float: left;
	margin-left: 5px;
	text-align: left;
}
.timetable-tabs .club-tab
{
	width: 141px;
	height: 33px;
	background-color: #00FF00;
	float: left;
	text-align: left;
}
.timetable-tabs .full-tab a
{
	position: relative;
	margin: 0;
	padding: 0;
}
.timetable-tabs .full-tab a span
{
	position: absolute;
	width: 223px;
	height: 33px;
	margin: 0;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-image: url('../Images/Calendar/National-Title-Selected.png');
}

.timetable-tabs .club-tab a
{
	position: relative;
	margin: 0;
	padding: 0;
}

.timetable-tabs .club-tab a span
{
	position: absolute;
	width: 141px;
	height: 33px;
	margin: 0;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-image: url('../Images/Calendar/Club-Title.png');
}








/* Main Events Page */



.event-content-text
{
	margin: 10px 10px 10px 20px;
	float: left;
	width: 465px;
}

.event-content a
{
	color: #333333;
	border-bottom: 1px dotted #333333;
}

.event-content a:hover
{
	color: #FF9900;
	border-bottom: 1px dotted #FF9900;
}


.sidebox img, .photo-sidebox img, #tracks-container img
{
	display: block;
}

.clear-float
{
	clear: both;
}


.event-sidebar ul li em
{
	font-weight: bold;
	font-style: italic;
}

.event-sidebar a
{
	color: #EEEEEE;
	text-decoration: none;
	border-bottom: 1px dotted #EEEEEE;
}

.event-sidebar a:hover
{
	color: #FF9900;
	text-decoration: none;
	border-bottom: 1px dotted #FF9900;
}

hr
{
	height: 0px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #333333;
	border-left: none; border-right: none;
	margin: 0px 0px 1px 0px;
	padding: 0px;
}

.event-selector-arrow
{
	width: 12px;
	height: 21px;
	position: absolute;
	top: 10px;
	left: 172px;
	z-index: 2;
	background-image: url('../Images/Design/Event-Arrow.gif');
}

.event-selector-arrow.arrivedrive {	top: 10px; }
.event-selector-arrow.superprix { top: 50px; }
.event-selector-arrow.grandprix { top: 90px; }
.event-selector-arrow.racenight { top: 130px; }
.event-selector-arrow.indiendurance { top: 174px; }
.event-selector-arrow.miniendurance { top: 214px; }
.event-selector-arrow.teamendurance { top: 255px; }
.event-selector-arrow.intermediate { top: 296px; }
.event-selector-arrow.junior { top: 337px; }
.event-selector-arrow.tuition { top: 380px; }
.event-selector-arrow.vouchers { top: 418px; }
.event-selector-arrow.exclusive { top: 459px; }



.event-selector-arrow.cadetclub { top: 130px; }
.event-selector-arrow.junioradvanced { top: 174px; }
.event-selector-arrow.juniortuition { top: 214px; }
.event-selector-arrow.j-vouchers { top: 254px; }

.event-selector-arrow.c-national-full { top: 10px; }
.event-selector-arrow.c-club { top: 50px; }

ul.sitemap a
{
	border: none;
	color: #EEEEEE;
}
ul.sitemap a:visited
{
	border: none;
	color: #AAAAAA;
}
ul.sitemap a:visited:hover
{
	border-bottom: 1px dotted #FFBA00;
	color: #FFBA00;
}

ul.sitemap .bold
{
	font-weight: bold;
	
}


.maps.no-satnav
{
	text-align: center;
}
.maps.no-satnav em
{
	font-weight: normal;
	font-style: italic;
}

.timetable-container a
{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: none;
}

.timetable-container a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}



/* Stuff for karts page */
.kart-container
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	background: #FFFFFF url('../Images/Design/White-Grad.jpg') repeat-x;
}

.kart-container .image
{
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	border-right: 1px solid #000000;
	line-height: 0;
	background: #000000;
}

.kart-container .image img
{
	border: 0;
	margin: 0;
	padding: 0;
	border-right: 1px solid #333333;
}

.kart-container .kart-text
{
	padding: 5px;
	float: left;
	height: 244px;
	min-width: 400px;
	color: #333333;
	max-width: 626px;
	white-space: normal;
}

.kart-container .kart-text p
{
	padding: 0px 0px 0px 10px;
}

.kart-container.alt
{
}

.kart-container.alt .image
{
	float: right;
	border-right: none;
	border-left: 1px solid #000000;
}

.kart-container.alt .image img
{
	border-right: none;
	border-left: 1px solid #333333;
}

.kart-container.alt .kart-text
{
	float: left;
}

.kart-imagemap
{
	position: absolute;
	border: none;
	margin: 0;
	padding: 0;
	background-color: Transparent;
}





/* Maps Stuff */
.sign-image
{
	display: inline-block;
	vertical-align: middle;
}
.sign-image-container
{
	margin: 0 auto;
	text-align: center;
}



/* Media Stuff */
.media-container
{
	margin: 0px auto;
}

.media-item
{
	float: left;
	width: 200px;
	border: 1px solid #666666;
	padding: 0;
}

.media-item img
{
	width: 200px;
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: 1px solid #666666;
	
	
}

.media-item a, .media-item a:hover
{
	text-decoration: none;
	border: 0;
}

.media-title
{
	font-weight: bold;
}

.media-info
{
	margin: 5px;
	text-align: center;
}



#screenfade
{
	width: 100%; height: 100%;
	background-color: #000000;
	/* opacity: 0.5; */
	position: absolute;
	top: 0px; left: 0px;
	z-index: 4;
}

#lightbox
{
	min-width: 400px;
	min-height: 200px;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 5;
	top: 50%; left: 50%;
	margin: -200px auto auto -200px;
	padding: 20px;
}

#lightbox-loader
{
	text-align: center;
	margin-top: 84px;
}

#lightbox-content
{
	text-align: center;
	margin: 0px auto;
}



.notice-red
{
	width: 90%;
	background-color: #eba434;
	border: 1px solid #660000;
	margin: 3px auto;
	text-align: center;
	color: #000000;
	padding: 5px 0;
}

.notice-blue
{
	width: 90%;
	background-color: #ddebfa;
	border: 1px solid #000d8a;
	margin: 3px auto;
	text-align: center;
	color: #000000;
	padding: 5px 0;
}





/* =========== IMAGE TICKER ============== */
#image-ticker-container
{
	width: 953px;
	height: 244px;
	margin: 0; padding: 0;
	background-color: #333333;
	overflow: hidden;
	position: relative;
}

.image-ticker-image
{
	position: absolute;
	top: 0px;
	left: 0px;
}



/* ============ RACE RESULTS =============== */
.race-results-table
{
    margin: 0px auto;
    border: none;
    text-align: center;
}

.race-results-table th
{
    font-weight: bold;
}

.race-results-table td
{
    padding: 5px;
}

.race-results-table td.event-name
{
    min-width: 350px;
}