@charset "utf-8";
/* CSS Document */

body, html{
 margin:0;	
 height:100%;
 background:url('../images/tile.png');
 background-repeat:repeat-y;
}

p , li{
 font-family: "Arial";
 font-size:12px;	
}

h2, h3{
  font-family: "Trajan Pro";
  margin:0;
  padding:0;
}

h1 {
  margin-top:15px;	
  color:#000;
  font-family: "Trajan Pro";
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding-bottom:4px;
}

h1 a {
  margin-top:15px;		
 color:#000;
 text-decoration:none;
}

h1 a:hover {
 margin-top:15px;
 color:#000;	
 text-decoration:underline;
}

h3{
  font-family: "Trajan Pro";
  margin-top:10px;
  margin-bottom:0px; 
  width:100%;  
  border-top:1px solid #989482;
  border-bottom:1px solid #989482;   
}

h4{
  font-family: "Trajan Pro";
  margin-top:10px;
  margin-bottom:0px; 	
}

h5{
  font-weight:bold;	
  font-family: "Trajan Pro";
  margin:0;
  padding:0;
  font-size:14px; 
}

h6{
  font-family: "Trajan Pro";
  font-size:18px;
  margin-top:10px;
  margin-bottom:10px; 
  width:100%;     
}

#mainWrapper{
	width:1023px;
}
#container{
  width:734px;
  height:1000px;
  padding-left:50px;
  float:left;

}

#sidebar{
  width:239px;
  height:100%;  
  float:left;
}

#header{
  width:100%;
  height:75px;
}

#mulitmedia{
  width:100%;
  height:510px;
  margin-top:15px;
}

#raceCategories{
  width:101%;
  height:175px;
  padding-top:25px;
}

#news{
  width:100%;
  height:300px;
  margin-left:10px;
  font-family:"Trajan Pro";  
}

#newsItems{
  float:left;
  padding-left:9px;
  width:400px;	
  font-size:12px;
  line-height:15px;
  margin-top:35px;
}

#footer{
  font-size:10px;	
  color:white;
  padding-top:20px;
  padding-left:30px;
  width:99%;
  height:100px;
  background:url('../images/footer_gradient.jpg') repeat-x;
}

#footer a{
 text-decoration:none;
 color:white;
}

#carTitle{
  font-weight:bold;
  font-family:"Trajan Pro";
}

form fieldset {
  margin-bottom: 10px;
  border: 1px solid #CCC;
}
form legend {
  padding: 0 2px;
  font-weight: bold;
  margin-left:10px;
}
form label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form fieldset ol {
  margin: 0;
  padding: 0;
}
form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form fieldset fieldset label {
  display: block;
  width: auto;
}
form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form label {
  width: 120px; /* Width of labels */
}
form fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
#form1 {width: 600px;}
#form1 div {width:295px;text-align: left;}
#form1 fieldset {
	margin: 0 0 5px 0; 
	display:block;
	border:none;
}
#form1 fieldset label {display: inline; margin: 0 0 3px 0;font-weight: bold;}
#form1 div.right fieldset label {display: block;}
#form1 fieldset input {width: 255px;padding:5px;border:1px solid #dfdfdf;background:#eee;}
#form1 input[checkbox] {display: inline;}
.red, .error {color: #ff0000;font-size: 14px;}

#form1 fieldset input {
  background:none repeat scroll 0 0 #EEEEEE;
  border:1px solid #DFDFDF;
  padding:5px;
  width:255px;
}

#form1 div {
text-align:left;
width:295px;
}

.left {
display:inline;
float:left;
}
/* Slide Show  */

.slideshowThumbOn1{
 display:block;
 position:absolute;
 z-index:1;
 top:300px;
 left:775px;
 height:41px; 
 width:49px;	
 background:url('../images/slideshow/slidethumb_on.png')	no-repeat;
 }
 
 .slideshowThumbOn2{
 display:block;
 position:absolute; 
 z-index:1;
 top:300px;
 left:825px;
 height:41px;
 width:49px;	
 background:url('../images/slideshow/slidethumb_on.png')	no-repeat;
 }
 
 .slideshowThumbOn3{
 display:block;
 position:absolute;
 z-index:1;
 top:300px;
 left:875px;
 height:41px;
 width:49px;	
 background:url('../images/slideshow/slidethumb_on.png')	no-repeat;
 }
 
 .slideshowThumbOn4{
 display:block;
 position:absolute;
 z-index:1;
 top:300px;
 left:925px;
 height:41px;
 width:49px;	
 background:url('../images/slideshow/slidethumb_on.png')	no-repeat;
 }
 
 .slideshowThumbOn5{
 display:block;
 position:absolute;
 z-index:1;
 top:300px;
 left:975px;
 height:41px;
 width:49px;	
 background:url('../images/slideshow/slidethumb_on.png')	no-repeat;
 }

a.slideshowThumb1{
 display:block;
 position:absolute;
 z-index:1;
 top:300px;
 left:775px;
 height:41px;
 width:49px;	
 background:url('../images/slideshow/slidethumb.png')	no-repeat;
 }
 
 a.slideshowThumb2{
 display:block;
 position:absolute;
 z-index:1;
 top:300px;
 left:825px;
 height:41px;
 width:49px;	
 background:url('../images/slideshow/slidethumb.png')	no-repeat;
 }
 
 a.slideshowThumb3{
 display:block;
 position:absolute;
 z-index:1;
 top:300px;
 left:875px;
 height:41px;
 width:49px;	
 background:url('../images/slideshow/slidethumb.png')	no-repeat;
 }
 
 a.slideshowThumb4{
 display:block;
 position:absolute;
 z-index:1;
 top:300px;
 left:925px;
 height:41px;
 width:49px;	
 background:url('../images/slideshow/slidethumb.png')	no-repeat;
 }
 
 a.slideshowThumb5{
 display:block;
 position:absolute;
 z-index:1;
 top:300px;
 left:975px;
 height:41px;
 width:49px;	
 background:url('../images/slideshow/slidethumb.png')	no-repeat;
 }

a.slideshowThumb1:hover{ background:url('../images/slideshow/slidethumb_on.png') no-repeat;}
a.slideshowThumb2:hover{ background:url('../images/slideshow/slidethumb_on.png') no-repeat;}
a.slideshowThumb3:hover{ background:url('../images/slideshow/slidethumb_on.png') no-repeat;}
a.slideshowThumb4:hover{ background:url('../images/slideshow/slidethumb_on.png') no-repeat;}
a.slideshowThumb5:hover{ background:url('../images/slideshow/slidethumb_on.png') no-repeat;}


slideshowManual{}

#slide1{
	
}
#slide2{
  display:none;	
}
#slide3{
  display:none;	
}
#slide4{
  display:none;	
}
#slide5{
  display:none;	
}

#slideshowAutoPlay{
  display:none;	
}

#slidea1{
	
}
#slidea2{
  display:none;	
}
#slidea3{
  display:none;	
}
#slidea4{
  display:none;	
}
#slidea5{
  display:none;	
}

/* SIDE BAR  */


#sidebarContainer{
 background:url('../images/sidebar/wreath.png') no-repeat;	
 text-align:right;	
 padding-top:10%;
 padding-right:10%;
 padding-bottom:10%;
}

#sidebarHeader{	
 height:21%;
 background:#ffffff;
}

#sidebarGetTickets{
  text-align:center;
  margin-bottom:2%;
  margin-left:5px;
  color:#F00;
  font-weight:bold;
  font-family: "Trajan Pro";
  font-size: 22px;
  letter-spacing:-2px;	
  margin-top:5%;

}

#sidebarGetTickets a{text-decoration:none;color:#F00;}

a#sidebarButton1{
  display: block;
  margin-bottom:2%;
  margin-left:8px;
  width:223px;
  height:45px;
  background:url('../images/sidebar/button_barber.jpg') no-repeat;
}

a#sidebarButton2{
  display: block;	
  margin-bottom:2%; 
  margin-left:8px;  
  width:223px;
  height:45px;
  background:url('../images/sidebar/button_sebring.jpg') no-repeat;
}

a#sidebarButton3{
  display: block;	
  margin-bottom:2%; 
  margin-left:8px;  
  width:223px;
  height:45px;
  background:url('../images/sidebar/button_tremblant.jpg') no-repeat;
}

a#sidebarButton4{
  display:block;
  width:223px;
  margin-bottom:2%;
  margin-left:8px;  
  height:45px;
  background:url('../images/sidebar/button_watkins.jpg') no-repeat;
}

a#sidebarButton1:hover{ background:url('../images/sidebar/button_barber_on.jpg') no-repeat;}
a#sidebarButton2:hover{ background:url('../images/sidebar/button_sebring_on.jpg') no-repeat;}
a#sidebarButton3:hover{ background:url('../images/sidebar/button_tremblant_on.jpg') no-repeat;}
a#sidebarButton4:hover{ background:url('../images/sidebar/button_watkins_on.jpg') no-repeat;}

#socialMediaConatainer{
  margin-top:20%;
  margin-left:22%;	
}

a#social1{
  display: block;
  float:left;
  margin-bottom:2%;
  margin-left:5%;
  width:22px;
  height:29px;
  background:url('../images/sidebar/button_facebook.png') no-repeat;
}

a#social2{
  display: block;
  float:left;
  margin-bottom:2%;
  margin-left:5%;
  width:22px;
  height:29px;
  background:url('../images/sidebar/button_linkdin.png') no-repeat;
}

a#social3{
  display: block;
  float:left;
  margin-bottom:2%;
  margin-left:5%;
  width:22px;
  height:29px;
  background:url('../images/sidebar/button_twitter.png') no-repeat;
}

a#social4{
  display: block;
  float:left;
  margin-bottom:2%;
  margin-left:5%;
  width:22px;
  height:29px;
  background:url('../images/sidebar/button_rss.png') no-repeat;
}

a#social1:hover{ background:url('../images/sidebar/button_facebook_on.png') no-repeat;}
a#social2:hover{ background:url('../images/sidebar/button_linkdin_on.png') no-repeat;}
a#social3:hover{ background:url('../images/sidebar/button_twitter_on.png') no-repeat;}
a#social4:hover{ background:url('../images/sidebar/button_rss_on.png') no-repeat;}

#searchGoogle{
  margin-top:20%;	
  margin-bottom:20%;	  
  text-align:right; 
  color:#fff;	
  font-size:.7em;  
}

#raceTicker{
  text-align:right;	
}

#navigation {}

#navigation a {
	display: inline-block;
	text-decoration: none;
	padding-right: 0px;
	font-family: "Trajan Pro";
	font-size: 20px;
	letter-spacing:-2px;
	
}

#navigation a:link, #navigation a:visited { color:#ffffff;}
#navigation a:hover, #navigation a:active {	color: #989482;}


/* ***************** COUNTDOWN STYLES *************** */

#countdown {
	width: 193px; 
	text-align:right;
	margin:0;
	padding:0;
	color:black;
}

#return {
	position:absolute;
	top:10px;
	left:10px;
}

#timer {
	width: 240px; 
	height: 45px;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color:#ccc; 	
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
	color:black;
}
.countdown_show1 .countdown_section {width: 93%;}
.countdown_show2 .countdown_section {width: 43%;}
.countdown_show3 .countdown_section {width: 27.5%;}
.countdown_show4 .countdown_section {width: 19.5%;}
.countdown_show5 .countdown_section {width: 14.5%;}
.countdown_show6 .countdown_section {width: 11.25%;}
.countdown_show7 .countdown_section {width: 14%;}
.countdown_section {
	float: left;
	font-size: 55%;
	text-align: center;
	background-color:white;
	border-right:2px solid black;
	padding:5px;	
}
.countdown_amount {
	font-size: 200%;
	color:black;
}
.countdown_descr {
	display: block;
	width: 100%;
}

/* Racing Categories */
a#car1{
  float:left;	
  width:92px;
  height:45px;
  margin-right:5px;
  background:url('../images/cars/car_historic_grand_prix.jpg');
}

a#car2{
  float:left;	
  margin-right:5px;
  width:84px;
  height:45px;
  background:url('../images/cars/car_formula_libre.jpg');  
}

a#car3{
  float:left;	
  margin-right:5px;  
  width:82px;
  height:45px;
  background:url('../images/cars/car_usrrc_sports_cars.jpg');  
}

a#car4{
  float:left;	
  margin-right:5px;  
  width:72px;
  height:45px;
  background:url('../images/cars/car_thunder_and_lightning_production.jpg');  
}

a#car5{
  float:left;		
  width:72px;
  margin-right:5px;  
  height:45px;
  background:url('../images/cars/car_trans_am.jpg');  
}

a#car6{
  float:left;	
  margin-right:5px;  
  width:73px;
  height:45px;
  background:url('../images/cars/car_imsa_gt_production.jpg');  
}

a#car7{
  float:left;	
  margin-right:5px;  
  width:71px;
  height:45px;
  background:url('../images/cars/car_gtp_group_c_lemans_style-prototype.jpg');  
}

a#car8{
  float:left;		
  width:78px;
  height:45px;
  background:url('../images/cars/car_fabulous_fifties.jpg');  
}

a#car9{
  float:left;		
  width:86px;
  height:45px;
  background:url('../images/cars/car_classic_monoposto.jpg');  
}

a#car10{
  float:left;		
  width:80px;
  height:45px;
  background:url('../images/cars/car_formula5000.jpg');  
}

a#car11{
  float:left;		
  width:82px;
  height:45px;
  background:url('../images/cars/car_fia_championship_of_makes.jpg');  
}

a#car12{
  float:left;		
  width:81px;
  height:45px;
  background:url('../images/cars/car_can-am.jpg');  
}

a#car13{
  float:left;		
  width:73px;
  height:45px;
  background:url('../images/cars/car_2_liter_sports.jpg');  
}

a#car1:hover{background:url('../images/cars/car_historic_grand_prix_on.jpg');}
a#car2:hover{background:url('../images/cars/car_formula_libre_on.jpg');}
a#car3:hover{background:url('../images/cars/car_usrrc_sports_cars_on.jpg');}
a#car4:hover{background:url('../images/cars/car_thunder_and_lightning_production_on.jpg');}
a#car5:hover{background:url('../images/cars/car_trans_am_on.jpg');}
a#car6:hover{background:url('../images/cars/car_imsa_gt_production_on.jpg');}
a#car7:hover{background:url('../images/cars/car_gtp_group_c_lemans_style-prototype_on.jpg');}
a#car8:hover{background:url('../images/cars/car_fabulous_fifties_on.jpg');}
a#car9:hover{background:url('../images/cars/car_classic_monoposto_on.jpg');}
a#car10:hover{background:url('../images/cars/car_formula5000_on.jpg');}
a#car11:hover{background:url('../images/cars/car_fia_championship_of_makes_on.jpg');}
a#car12:hover{background:url('../images/cars/car_can-am_on.jpg');}
a#car13:hover{background:url('../images/cars/car_2_liter_sports_on.jpg');}

/* Social Thumbs */

#socialThumbs {
	float:left;
	padding-top: 0;
	height: 37px;
	margin-left:0;
}

#socialThumbs a {
	background: url(/images/socialThumbs.jpg) no-repeat right top;
	width: 40px;
	height: 37px;
	overflow: hidden;
	float: left;
	margin-right: 0px;
}

#socialThumbs ul {/*position: absolute;*/}
#socialThumbs li {
	list-style: none;
	float: left;
}
#socialThumbs span {display: none;}
a:link#social01, a:visited#social01 {background-position: 0px 0px;}
a:link#social02, a:visited#social02 {background-position: -40px 0px;}
a:link#social03, a:visited#social03 {background-position: -80px 0px;}
a:link#social04, a:visited#social04 {background-position: -120px 0px;}
a:hover#social01, a:active#social01 {background-position: 0px -45px;}
a:hover#social02, a:active#social02 {background-position: -40px -45px;}
a:hover#social03, a:active#social03 {background-position: -80px -45px;}
a:hover#social04, a:active#social04 {background-position: -120px -45px;}

.bioPic {
  border:1px solid #999999;
  float:left;
  margin:0 14px 0 0;
}


#participant_info a{
 font-size:12px;
 font-family: "Arial";
 color:blue;
}

ul#benefits li {
  font-size:0.8em;
}

.buyTickets{
  font-size:12px;
  margin-left:10px;	
  color:#CB4040;
  font-weight:bold;
}

.buyTickets a{
  font-size:12px;
  margin-left:10px;	
  color:#CB4040;
  font-weight:bold;
}

.carEntry {
  font-size:12px;
  margin-left:10px;	
  color:#4170fa;
  font-weight:bold;	  
}

.carEntry a{
  font-size:12px;
  margin-left:10px;	
  color:#4170fa;
  font-weight:bold;	
}

.readMore a{
 color:#000;
 font-weight:bold;
}

.backto a{
 float:right;
 text-decoration:none;
}

.comingSoon{	
  font-size:12px;	
  font-style:italic;
  margin-right:40px;
}

.barberLinks a{
 color:#000;
 font-size:14px;
 font-weight:bold;
 margin-right:15px;
}

.barberLinks a:hover{
 color:#F00;
}

.watkinsLinks a{
 color:#000;
 font-size:14px;
 font-weight:bold;
 margin-right:25px;
}

.circuitLinks a:hover{
 color:#F00;
}

.circuitLinks a{
 color:#000;
 font-size:14px;
 font-weight:bold;
 margin-right:40px;
}

.watkinsLinks a:hover{
 color:#F00;
}

.sebringLinks a{
 color:#000;
 font-size:14px;
 font-weight:bold;
}

.sebringLinks a:hover{
 color:#F00;
}

	
/* News */

.menuTitle{
  font-size:20px;   
  font-weight:bold;
  margin-bottom:10px;
  margin-top:10px;  
}

.menuBody{
  font-size:12px;	
}

#newsContent{
  width:225px;
  height:auto;
  float:right;

  padding-left:5px;
}



.rightMenu{
 float:right;
 width:225px;
 font-size:10px;	
}

.entry{
  width:500px;
  border-right:solid 1px #000;
}

.entryLast{
  width:500px;
  border-right:solid 1px #000;
}

.pNoMargin{
 margin-top:0px;	
}

.byline{
  font-family:"Arial";
  font-size:12px;	
}

.seriesBtn {
  cursor:pointer;
  font-size:10px;
  background:#9C9C9C;
  width:85px;	
  float:left; 
  margin-right:5px;
  margin-bottom:5px;
}

.News {
    width:350px;
	height:250px;
}

.mmThumbText{
  clear:both;
  font-size:12px;
  width:100px;
  text-align:left;
  font-weight:bold;
}

.movie{
  cursor:pointer;
  float:left;
  padding-right:3px;
  padding-top:3px;
}

.thumbContainer{
  width:900px;
  margin-top:10px;
  float:left;
}


.scrollable {
/* required settings */
	position:relative;
	overflow:hidden;
	width:735px;
	height:150px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
  float:left;
  cursor:pointer;
  margin-left:0px;
  padding-right:4px;
}

a.browse.left:hover {background-position: -30px 0px;}

a.left{margin-left:0;}

a.browse.right:hover {background-position: -30px -30px;}

a.right {background-position:0 -30px;}

a.browse.left {
background:url("http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
font-size:1px;
height:30px;
margin:40px 10px;
width:30px;
}

a.browse.right {
background:url("http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png") no-repeat scroll 0 0 transparent;
background-position:0 -30px;
cursor:pointer;
display:block;
float:left;
font-size:1px;
height:30px;
margin:40px 10px;
width:30px;
}

a {
color:#295C72;
outline:medium none;
}