﻿body 
{
    margin:0 auto;
	font-family:Helvetica;
	font-size:11px;
	color:#FFFFFF;
	background-color:#000000;
	background-image: url("../images/bg.gif");
	background-repeat: no-repeat;
}

a {color: #FFFFFF; text-decoration: underline}

div#footer
{   
    text-align: center;
    text-transform: uppercase;
    width: 800px;
}

input, textarea
{
	font-family:Helvetica;
	font-size:11px;
	color:#000000;
	border: solid 1px #c0c0c0;
}

.WhiteCopy
{
    font-family: Helvetica, Arial;
    font-size: 11px;
    color: #FFFFFF;
}

a.WhiteCopy, a.WhiteCopy:link, a.WhiteCopy:visited
{color: #FFFFFF; text-decoration: none;}

a.WhiteCopy:hover, a.WhiteCopy.active
{color: #FFFFFF; text-decoration: underline;}

.WhiteCopySmall
{
    font-family: Helvetica, Arial;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
}

a.WhiteCopySmall, a.WhiteCopySmall:link, a.WhiteCopySmall:visited
{color: #FFFFFF; text-decoration: none;}

a.WhiteCopySmall:hover, a.WhiteCopySmall.active
{color: #FFFFFF; text-decoration: underline;}

.WhiteBold12Italic
{
    font-family: Helvetica, Arial;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}

.WhiteBold14Italic
{
    font-family: Helvetica, Arial;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}

a.WhiteBold14Italic, a.WhiteBold14Italic:link, a.WhiteBold14Italic:visited, a.WhiteBold14Italic:hover, a.WhiteBold14Italic.active
{color: #FFFFFF; text-decoration: none;}

.WhiteBold16Italic
{
    font-family: Helvetica, Arial;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}

.WhiteBoldIntro
{
    font-family:Helvetica, Arial;
    font-size: 20px;
    color:#FFFFFF;
    font-style: italic;
    font-weight: bold;
}

.WhiteIntroUnderline
{
    font-family:Helvetica, Arial;
    font-size: 20px;
    color:#FFFFFF;
    font-style: italic;
    text-decoration: underline;
}


.YellowBold14Italic
{
    font-family: Helvetica, Arial;
    font-size: 14px;
    color: Yellow;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}

a.YellowBoldLargeItalic, a.YellowBoldLargeItalic:link, a.YellowBoldLargeItalic:visited
{color: Yellow; text-decoration:none;}

a.YellowBoldLargeItalic:hover, a.YellowBoldLargeItalic:active 
{color: Yellow; text-decoration:underline;}

.EntryError
{
    color: Lime;
}

.BlackCopy
{
    font-family: Helvetica, Arial;
    font-size: 11px;
    color: #000000;    
}

.BlackBoldLargeItalic
{
    font-family: Helvetica, Arial;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    font-style: italic;
}

.LimeBold12Italic
{
    font-family: Helvetica, Arial;
    font-size: 12px;
    color: Lime;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}

a.LimeBold12Italic, a.LimeBold12Italic:link, a.LimeBold12Italic:visited, a.LimeBold12Italic:hover, a.LimeBold12Italic:active 
{color: Lime; text-decoration:underline;}


.LimeCopy
{
     font-family: Helvetica, Arial;
     font-size: 11px;
     color: Lime;
}

.RedEmphasis
{
	color:#D22D33;
	font-weight:bold;
	font-size:12px;
}

.SIRCTextBox
{
font-family: Helvetica, Arial;
font-size:11px;
color:#000000;
width:100px;
}

.StandardLink
{
	text-decoration:none;
	font-weight:bold;
	color:#0099ff;
}

.noborder
{
    border: 0;
}

.ErrorField
{
	border:solid 1px red;
}

div#Wrapper
{
	width:800px;
	margin:0 auto;
	position:relative;
}

div#MainPageHeader
{
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:122px;
	z-index:2;
}

div#MainMenu
{
    position: absolute;
    top: 122px;
    left:0px;
    width: 800px;
    height: 43px;   
    background-color: #000000;
}

div#SubMenu
{
    position: absolute;
    top: 164px;
    left:0px;
    width: 800px;
    height: 17px;   
    background-color: #000000;
}

div#Content
{
    position: absolute;
    top: 182px;
    left: 0px;
    width: 800px;
    height: 419px;
    background-image: url("../images/content_bg.jpg");
}

/* disclaimer */
div#NoPurchase
{
    width: 800px;
    font-family: Helvetica, Arial;
    font-size: 9px;
    color: #FFFFFF;
}

div#SeeRules
{
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* END disclaimer */

/* START Sweepstakes */
div#SweepstakesBody
{
    background-image: url('../images/sweepstakes_body.jpg'); 
    width:800px; 
    height: 422px; 
    background-repeat:no-repeat; 
    position:relative;
}

div#SweepstakesSubmit
{
    position: absolute;
    top: 225px;
    left: 576px;
    width: 190px;
    height: 110px;
}

.txtSweepstakesEmail
{
    position: absolute;
    top: 44px;
    left: 8px;
    width: 172px;
    border: solid 1px #c0c0c0;  
}

.btnSweepstakesSubmit
{
    position: absolute;
    top: 68px;
    left: 54px;   
}
/* END Sweepstakes */

/* START Entry Form */
div#EntryFormBody
{
    background-image: url('../images/entry_form_body.jpg'); 
    width:800px; 
    height: 422px; 
    background-repeat:no-repeat; 
    position:relative;
}

div#EntryFormOuter
{
    position:absolute; 
    top: 110px;
    left:230px; 
    width:330px; 
    height:250px; 
}

.EntryMsg
{
    position: absolute;
    top: 12px;
    left: 50px;
    font-family: Helvetica, Arial;
    font-size: 11px;
    color: Lime;
}


div#EntryFormInner
{
    position:absolute; 
    top: 60px; 
    left: 0px; 
    width:330px; 
    height:180px; 
}

.txtLabel
{
    font-size: 11px;
    font-family: Helvetica;
    color: #000000;
    width: 324px;
    margin-bottom: 8px;
}

.txtCity
{
    font-size: 11px;
    font-family: Helvetica;
    color: #000000;
    width: 150px;
    margin-bottom: 8px;
    
}

.selState
{   
    font-size: 10px;
    font-family: Helvetica;
    color: #000000;
    margin-bottom: 8px;
   
}

.txtZip
{
    font-size: 11px;
    font-family: Helvetica;
    color: #000000;
    width: 96px;
    margin-bottom: 8px;
    
}

.FormLabel
{
    font-size: 11px;
    font-family: Helvetica;
    color: #ffffff;
    text-transform: uppercase;
    height: 20px;
    margin-bottom: 18px;
    margin-right: 5px;
}

.selDOB
{   
    font-size: 10px;
    font-family: Helvetica;
    color: #000000;
}

div#EntryFormLinks
{
    position: absolute;
    top: 170px;
    left: 84px;
    width: 250px;
    height: 20px;
}

div#OptIn
{
    position: absolute;
    top: 226px;
    left: 578px;
    width: 200px;
    height: 110px;
}

div#EntryFormCompleteBody
{
    background-image: url('../images/entry_form_complete_body.jpg'); 
    width:800px; 
    height: 422px; 
    background-repeat:no-repeat; 
    position:relative;
}

div#EntryFormComplete
{
    position: absolute;
    top: 176px;
    left: 250px;
    text-align: center;
}

div#ClickToEarn
{
    position: absolute;
    top: 226px;
    left: 579px;
    width: 200px;
    height: 110px;
}
/* END Entry Form */

/* START Schedule / Photo Gallery */
div#ScheduleBody
{
    background-image: url('../images/schedule_body.jpg'); 
    width:800px; 
    height: 419px; 
    background-repeat:no-repeat; 
    position:relative;
}

div#ScheduleIntro
{
    position:absolute;
    top: 10px;
    left: 130px;
    width: 640px;
    padding-right: 20px;
    text-align: right; 
}

div#ScheduleTitle
{
    position: absolute;
    top: 80px;
    left: 430px;
}

div#ScheduleDate
{
    position: absolute;
    top: 102px;
    left: 432px;
    font-family: Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
}

div#ScheduleRace
{
    position: absolute;
    top: 102px;
    left: 472px;
    font-family: Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
}

div#ScheduleVenue
{
    position: absolute;
    top: 102px;
    left: 588px;
    font-family: Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
}

div#ScheduleTVStart
{
    position: absolute;
    top: 102px;
    left: 706px;
    font-family: Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
}

div#ScheduleContainer
{
    position: absolute;
    top: 122px;
    left: 430px;
    width: 340px;
    height: 160px;
    overflow: hidden;
    font-size: 9px;  
}

div#ScheduleContent
{
    position: absolute;
    top: 0px;
    left: 0px;
}

div#ScheduleNavUp
{
    position: absolute;
    top: 122px;
    left: 776px;
    width: 20px;
    height: 20px;
}

div#ScheduleNavDown
{
    position: absolute;
    top: 262px;
    left: 776px;
    width: 20px;
    height: 20px;
}

div#ScheduleJVCSponsored
{
    position: absolute;
    top: 290px;
    left: 430px;
}

div#PhotoGallery
{
    position: absolute;
    top: 68px;
    left:0;
    width: 410px;
    height: 350px;
    background-repeat: no-repeat;
}

div#PhotoGalleryTitle
{
    position: absolute;
    top: 326px;
    left: 430px;
}

div#PhotoGalleryPrevious
{
    position: absolute;
    top: 354px;
    left: 430px;
}

div#PhotoGalleryDownload
{
    position: absolute;
    top: 354px;
    left: 550px;
}

div#PhotoGalleryNext
{
    position: absolute;
    top: 354px;
    left: 670px;
}

/* END Schedule */

/* START Stats */
div#StatsBody
{
    background-image: url('../images/stats_body.jpg'); 
    width:800px; 
    height: 419px; 
    background-repeat:no-repeat; 
    position:relative;
}

div#StatsIntro
{
    position: absolute;
    top: 20px;
    left: 44px;
    text-align: right;   
}

div#StatsContentContainer
{
    position:absolute;
    top: 60px;
    left: 60px;
    width: 380px;
    height: 190px;
    overflow: hidden;
}

div#StatsContent
{
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 18px;
 /*   font-style: italic; */
}

div#StatsContentNavUp
{
    position: absolute;
    top: 130px;
    left: 460px;
    width: 20px;
    height: 20px;
}

div#StatsContentNavDown
{
    position: absolute;
    top: 170px;
    left: 460px;
    width: 20px;
    height: 20px;
}

div#StatsContentImage
{
    position: absolute;
    top: 61px;
    left: 506px;
    width: 293px;
    height: 201px;
}

div#KeyStatsHeader
{
    position: absolute;
    top: 204px;
    left: 224px;
    width: 570px;
}

div#StatsByTimeFrame
{
    position: absolute;
    top: 234px;
    left: 60px;
    width: 700px;
    height: 60px;
}

div#StatsByTimeFrame td
{
    text-align: center;
}

.tdBorderRight
{
    border-right: solid 2px #000000;
}

div#StatsRaceLogHeader
{
 position: absolute;
 top: 310px;
 left: 60px;
 width: 800px;
 height: 12px; 
 color: #ffffff;
 /*font-style: italic; */
 font-weight: bold;
}

div#StatsRaceLogContainer
{
    position: absolute;
    top: 330px;
    left: 60px;
    width: 700px;
    height: 58px;
    overflow: hidden;
}

div#StatsRaceLog
{
    position: absolute;
    top: 0px;
    left: 0px;
/*    font-style: italic; */
}

div#StatsRaceLog td
{
    text-align:center;
}

div#StatsRaceLogNavUp
{
    position: absolute;
    top: 332px;
    left: 770px;
}

div#StatsRaceLogNavDown
{
    position: absolute;
    top: 368px;
    left: 770px;    
}

.tdAlignLeft
{
    text-align:left;
    border-right: solid 2px #000000;
}

div#StatsNote
{
    position: absolute;
    top: 396px;
    left: 60px;   
}
/* END Stats */

/* START Quiz */
div#QuizBody
{
    background-image: url('../images/quiz_body.jpg'); 
    width:800px; 
    height: 422px; 
    background-repeat:no-repeat; 
    position:relative;
}

div#Quiz
{
    position: absolute;
    top: 120px;
    left: 242px;
    width: 310px;
    height: 230px;
    text-align: center;
}

div#QuizAnswers
{
    position: relative;
    text-align: left;
    margin:0 auto;
    padding-top: 10px;
}

div#QuizImage
{
    position: absolute;
    top: 202px;
    right: 0px;   
}
/* END Quiz */

/* START Legal Rules */
div#LegalRules
{
    margin: 0;
    background-color: #FFFFFF;
    color: #000000;
    padding: 40px;
    
}
/* END Legal Rules */

/* START Products */
div#ProductsBody
{
    width:800px; 
    height: 433px; 
    background-repeat:no-repeat; 
    position:relative;
}

div#ProductsCopyLeft
{
    position: absolute;
    top: 316px;
    left: 70px;
    width: 290px;
    height: 80px;
    z-index: 10;
    /* WhiteCopySmall */
    font-family: Helvetica, Arial;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
}

div#ProductsCopyRight
{
    position: absolute;
    top: 316px;
    left: 456px;
    width: 326px;
    height: 80px;
    z-index: 10;
    /* WhiteCopySmall */
    font-family: Helvetica, Arial;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
}

div#ProductsDetailsBtnLeft
{
    position: absolute;
    top: 408px;
    left: 170px;
}

div#ProductsDetailsBtnRight
{
    position: absolute;
    top: 408px;
    left: 550px;
}

/* END Products */

/* START TAF */
div#TAF
{
    position: relative;
    padding: 20px;
    width: 600px;
    height: 400px;
}

/* END TAF */

/* START NoFlash */
div#NoFlash
{
    background-image: url('../images/non_flash.jpg'); 
    width:800px; 
    height: 422px; 
    background-repeat:no-repeat; 
    position:relative;
}    

div#NoFlashContent
{
    position:absolute;
    top: 100px;
    left: 280px;
    text-align: center;
}
/* END NoFlash */

/* START Admin */
div#AdminWrapper
{
    padding-left: 50px;
}

div#ContentAdmin
{
    position: absolute;
    top: 182px;
    left: 20px;
}

div#Admin
{
    position: relative;
    height: 600px;
}

div#AdminContent
{
    position: absolute;
    top: 0px;
    left: 0px;
    margin-right: 30px;
    width: 800px;
}
/* END Admin */