/* 
*
*	edreamz Jan 2009
*
*/


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

h1 { color: #fff; font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height: normal; display:block; height:40px; text-indent:-9999em;}
h2 { color: #83755a; font-weight: bold; font-size: 13px; line-height: normal;}
h3 { color: #d78400; font-weight: bold; font-size: 12px; line-height: normal;}
h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;}

h1.home {background:url('/images/headers/prelude-to-dream.png') no-repeat; margin:0 0 0 -4px; width:300px;}
h1.about {background:url('/images/headers/about-event.png') no-repeat;}
h1.driver {background:url('/images/headers/driver-lineup.png') no-repeat;}
h1.dirt {background:url('/images/headers/dirt-late.png') no-repeat;}
h1.history {background:url('/images/headers/history.png') no-repeat;}
h1.how {background:url('/images/headers/how-to-order.png') no-repeat;}
h1.charitable {background:url('/images/headers/charitable-mission.png') no-repeat;}
h1.beneficiaries {background:url('/images/headers/2011-beneficiaries.png') no-repeat;}
h1.donate {background:url('/images/headers/donate-now.png') no-repeat;}
h1.eldora {background:url('/images/headers/eldora-speedway.png') no-repeat;}
h1.partners {background:url('/images/headers/partners.png') no-repeat;}
h1.media {background:url('/images/headers/media-center.png') no-repeat;}
h1.press {background:url('/images/headers/press-releases.png') no-repeat;}
h1.videos {background:url('/images/headers/videos.png') no-repeat;}
h1.contact {background:url('/images/headers/contact-us.png') no-repeat;}
h1.newsletter {background:url('/images/headers/newsletter-signup.png') no-repeat;}
h1.faqs {background:url('/images/headers/faqs.png') no-repeat;}
h1.sitemap {background:url('/images/headers/sitemap.png') no-repeat;}
h1.terms {background:url('/images/headers/terms.png') no-repeat;}
h1.which-team {background:url('/images/headers/which-team.png') no-repeat;}

  
/* 
 * 
 * Link Styles
 * 
 */
a { color: #ffae00; text-decoration: none;}
a:hover { color: #fff; text-decoration: none;}
a.white { color: #fff; text-decoration: none;}
a.white:hover { color: #64b6ff; text-decoration: none;}
a.blue { color: #ffae00; text-decoration: none;}
a.blue:hover { color: #64b6ff; text-decoration: none;}


/* 
 * 
 * List Styles
 * 
 */
ul, ol {margin:0 0 15px 30px; padding:0;}
ul li{ list-style:none; margin:0 0 5px -20px; padding-left:20px; background: url('/images/bullet.png') 0 2px no-repeat;}
ol li{ list-style: decimal; margin-bottom: 5px; background:none;}

ul.blue {margin:10px 0; float:left; width:100%;}
ul.blue li {padding:6px 8px; display:block; background:#495ea2; margin:0 0 1px 0;}

ul.faqs {margin:10px 0;}
ul.faqs li.question {padding:12px 8px 5px 35px; display:block; background: url('/images/bullet-question.gif') 0 0 no-repeat; margin:0 0 5px 0; color: #ffae00; font-size:14px; font-weight:bold;}
ul.faqs li.answer {padding:6px 8px 5px 48px; display:block; background: url('/images/bullet-answer.gif') 20px 0 no-repeat; margin:0 0 20px 0; color: #fff; font-size:12px;}

/* 
 * 
 * Global
 * 
 */
p{ padding:0 0 15px 0; margin:0;}
p img{padding: 5px;}

.header{font-size: 20px;font-weight: bold; text-transform:uppercase; margin-bottom:10px; display:block;}
.underline { padding-bottom:3px; border-bottom:1px solid #eca205;}
.subheader{font-size: 16px;font-weight: bold; color: #ffae00; margin-bottom:10px;}
.yellow-bold {color:#eca205; font-weight:bold;}
.blue-bold {color:#64b6ff; font-weight:bold;}
.hidden{display:none;}
.date{ font-size: 11px; color: #9a9a9a;}
.req{color: #5b68cc; font-weight: bold; font-size:16px;}
#spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;}
.small {font-size:11px;}


/* 
 * 
 * Main Navigation
 *
 */
#mainNav { height: 20px; width: 960px; float: left; margin-top:23px; padding:0; list-style:none; display:inline;}
#mainNav li { margin:0; padding:0; list-style: none; display: inline;}
#mainNav a { float: left; padding: 20px 0 0 0; overflow: hidden; height: 0px; color: #ffffff; text-indent:-9999em; }
#mainNav a:hover { background-position: 0 -20px;}
#mainNav .selected{ background-position: 0 -20px;}

#about a { width: 66px; background: url('/images/structure/nav-about.png') top left no-repeat;}
#how a { width: 140px; background: url('/images/structure/nav-how.png') top left no-repeat;}
#charitable a { width: 187px; background: url('/images/structure/nav-charitable.png') top left no-repeat;}
#eldora a { width: 168px; background: url('/images/structure/nav-eldora.png') top left no-repeat;}
#partners a { width: 99px; background: url('/images/structure/nav-partners.png') top left no-repeat;}
#media a { width: 132px; background: url('/images/structure/nav-media.png') top left no-repeat;}
#contact a { width: 117px; background: url('/images/structure/nav-contact.png') top left no-repeat;}
#faqs a { width: 51px; background: url('/images/structure/nav-faqs.png') top left no-repeat;}

/* 
 * 
 * Secondary Navigation
 * 
 */
#subNav { height: 35px; float:left; margin:0; padding:0; list-style:none; display:inline; background: url('/images/structure/bg-fade.png') repeat-x;}
#subNav li { margin:0; padding:0; list-style: none; display: inline; font-size:14px; font-weight:bold; text-transform:uppercase;}
#subNav a { float: left; padding: 10px 15px 0 15px; height: 25px; color:#fff; background: url('/images/structure/bg-subnav.png') repeat; }
#subNav a:hover, #subNav .selected { background: url('/images/structure/bg-transparent.png') repeat; color: #fff; text-decoration:none;}

/* 
 * 
 * Layout / Formatting
 * 
 */

body{ color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}

#flashImages {background: none; position:fixed; margin:0 0 0 -600px; bottom:0; left:50%; width:1200px; height:900px; z-index:1;}
#bgImages {background: url('/images/samples/img1.png') 0 0 no-repeat; position:absolute; margin:0 0 0 -600px; top:0; left:50%; width:1200px; height:900px; z-index:1;}
.hd-wide { background: url('/images/structure/bg-top.png') repeat-x; width: 100%; margin:0 auto; position:fixed; top:0; z-index:10; }
.bg-wide { background:#fff url('/images/structure/bg-body.gif') repeat-x; width: 100%; margin:0 auto; position:fixed; top:0; z-index:0; height:613px; }
.ft-wide { background: url('/images/structure/bg-bottom.png') repeat-x; width:100%; min-height:225px; margin:0 auto; position:relative; bottom:0; z-index:5; }

#hd { position: relative; background:url('/images/structure/bg-hd.png') top left no-repeat; height: 225px; margin:0 auto; width:960px;}
#hd span { 
    background:url("/images/structure/main-logo.png") no-repeat scroll left top transparent;
    display:block;
    float:left;
    height:176px;
    left:280px;
    position:relative;
    width:404px;   
} /* jk */
#hd span a { position: absolute; width: 404px; height: 176px; display: block; text-indent:-9999em;}
.logo-eldora {
    float:right;
    height:105px;
    position:relative;
}
.logo-eldora .hbo{ margin-right:10px; margin-bottom:12px; } 

#topNav { position: absolute; right: 0; top: 25px;}

#container{ width: 960px; padding-bottom: 0; margin:230px auto 70px auto; position:relative; z-index:2; min-height:430px;}

#homeLeft { width: 270px; float: left; padding: 15px; background:url('/images/structure/bg-transparent.png');}
#homeLeft .ctas {float:left; margin:10px 0 0 47px;}

#homeCenter {width:265px; float:left; padding:100px 0 0 32px;}

#homeRight { width: 280px; float: right; padding: 10px; background:url('/images/structure/bg-transparent.png');}

#homeRight .item { float: left; width:270px; margin-top: 15px; border-top: #fff 1px solid; padding-top: 5px;}
#homeRight .item .title {display:block; font-size:18px; color:#ffae00; font-weight:normal;}

.home-chart {float:left; width:260px; height:120px; padding:5px 10px 50px 10px; background:url('/images/bg-chart.gif') 0 0 no-repeat;}
#barCincinatti, #barLevine, #barRiley, #barJude {float:left; width:65px;}
	
/* 
 * 
 * Layout / Secondary Pages
 * 
 */

#bodyLeft { width: 735px; float: left; padding: 15px; background:url('/images/structure/bg-transparent.png') repeat;}
#bodyLeft .left{ width: 530px; float:left; text-align:justify;}
#bodyLeft .right { width: 190px; float:right;}
#bodyLeft .left.contact{ width: 130px; float:left; padding-right:20px; border-right:1px solid #fff;}
#bodyLeft .right.contact { width: 570px; float:right;}
#bodyLeft .left.donate{ width: 430px; float:left;}
#bodyLeft .right.donate { width: 280px; float:right;}

#bodyRight { width: 178px; float: right;}
#bodyRight .ctas img{float:left; margin-bottom:20px;}

#bodyRight.vote {background:url('/images/structure/bg-transparent.png') repeat; width: 154px; padding:15px 12px;}
#bodyRight.vote .desc {float:left; font-size:11px; margin-top:10px; line-height:14px; }

.thumbBox {float:left; width:187px; height:180px; overflow:hidden; padding:0; margin-bottom:10px;}
.thumbBox .title{width:179px; overflow:hidden; padding:3px 0 3px 8px; color: #ffae00; background:#363636; font-size:14px; font-weight:bold; text-transform:uppercase;}
.thumbBox a.view-team {float:right; margin:-25px 5px 0 0; position:relative; z-index:99;}
.thumbBox .thumb {position:relative; top:0px; left:0; overflow:hidden;}
.thumbBox .thumb a {position:absolute; bottom:0; left:0; display:block; width:187px; height:160px; background:url(/images/play.png) 67px 63px no-repeat;}
.thumbBox .thumb a:hover, .thumbBox .thumb a.selected {}

.mediaRow {float:left; width:100%; margin-bottom:30px;}
.mediaItem{ width: 120px;  margin: 0 27px 0px 0; float: left;}
.mediaItem .mediaThumb .bottom{width: 120px; height:5px; float: left; margin-left:-5px; padding-top:0; overflow:hidden;}
.mediaItem .mediaThumb{background: url('/images/bg_mediathumb-top.gif') no-repeat center top; width: 100px; padding: 5px 5px 0 5px; margin-bottom: 10px; position: relative;}
.mediaItem .mediaThumb .icon{position: absolute; top: 33px; left: 35px;}
.mediaItem .mediaTitle{text-align: center; font-size: 11px; font-weight:bold; line-height:12px; padding-top:5px;}

/*
 *
 * News / Events Item
 *
 */
.listingitem {border-bottom: 1px solid #d7d7d7; padding-bottom: 15px; margin-top: 15px; width: 720px;}
.listingitem.last {border:none; padding-bottom:5px;}
.listingitem .header, .listingitem .subheader, .listingitem .title{ float:left; width:400px; margin-bottom:0;}
.listingitem .img{width: 205px; float: left; margin:0 22px 0 0;}
.listingitem .img img{ border: #d7d7d7 1px solid;}
.listingitem .text{width: 400px; float: left; padding-top:3px;}

.listingitem.noimage .subheader {width:720px;}
.listingitem.noimage .text {width:720px;}

.listingitem.imageright .img{float: right; margin:0 0 0 22px;}

.listingitem.detail {padding-bottom:0;}
.listingitem.detail ul{ padding-bottom:8px;}

/*
 *
 * Tab Controls
 *
 */
/*#tabs{margin: 0; padding: 0; }
#tabs li{display: inline; margin-right: 10px; list-style:none;}*/

#tabcontainer .photo{float:left; width: auto; position: relative; height: auto;}
#tabcontainer .photo img {border:1px solid #000;}
#tabcontainer .photo .caption{float:left; width:360px; color:#565656; text-transform:uppercase; font-weight:bold; font-size:11px; text-align:center; margin-left:70px; padding:2px 0;}
#tabcontainer .thumbNav a{float:left; font-size:11px; text-transform:uppercase; font-weight:bold; color:#3945a1; padding:3px 0; margin-top:-23px;}
#tabcontainer .thumbNav a:hover{ color:#ffae00;}
#tabcontainer .thumbNav a.disabled{ color:#3945a1; text-decoration:none; }
#tabcontainer .thumbNav a.next{float:right;}
#tabcontainer .thumbRow {width:474px !important; position: relative; height: auto;}
#tabcontainer .thumbRow li{margin-right:31px; background:none; cursor:pointer;}
#tabcontainer .thumbRow li a .imgbox{width:68px; height:43px;  overflow:hidden; border:1px solid #000;}
#tabcontainer .thumbRow li a:hover .imgbox {border:1px solid #ffae00;}

/*
 *
 * Accordion Controls
 *
 */
#accordion{margin: 0; padding: 0;}

/*
 *
 * Vote Bar Graph
 *
 */
#graph {background: url('/images/bg-graph.jpg') 0 0 no-repeat; float:left; width:442px; height:268px; padding:16px 30px 31px 30px; color:#fff; font-weight:bold;}
.label {font-weight:bold; float:left; width:81px; padding-top:11px; color:#000;}

/*
 *
 * Graphic Buttons
 *
 */

a.submit{float:left; width: 100px; height: 32px; overflow: hidden; background: url('/images/buttons/submit.gif') top left no-repeat; text-indent: -9999em; display: block; margin-top:10px; margin-left:165px;}
a.submit:hover { background-position: 0 -32px;}
a.back {position:absolute; top:50px; right:220px; font-weight:bold;}
a.back:hover {text-decoration:none;}
a.readmore{float:left; width: 75px; height: 20px; overflow: hidden; background: url('/images/buttons/read-more.gif') top left no-repeat; text-indent: -9999em; display: block; margin-top:10px;}
a.readmore:hover { background-position: 0 -20px;}
a.visitlink{float:left; width: 75px; height: 20px; overflow: hidden; background: url('/images/buttons/visit-link.gif') top left no-repeat; text-indent: -9999em; display: block; margin-top:10px;}
a.visitlink:hover { background-position: 0 -20px;}
a.download{float:left; width: 100px; height: 20px; overflow: hidden; background: url('/images/buttons/download.gif') top left no-repeat; text-indent: -9999em; display: block; margin-top:10px;}
a.download:hover { background-position: 0 -20px;}
a.which-team{float:left; width: 295px; height: 72px; overflow: hidden; background: url('/images/ctas/which-team.png') top left no-repeat; text-indent: -9999em; display: block; margin-top:10px;}
a.which-team:hover { background-position: -295px 0;}
a.cta{float:left; width: 178px; height: 53px; overflow: hidden; text-indent: -9999em; display: block; margin-bottom:20px;}

a.cta.participating {background: url('/images/ctas/2011-participating.png') 0 0 no-repeat;}
a.cta.participating:hover { background-position: -178px 0;}
a.cta.find-out {background: url('/images/ctas/find-out.png') 0 0 no-repeat;}
a.cta.find-out:hover { background-position: -178px 0;}
a.cta.about {background: url('/images/ctas/who-we-are.png') 0 0 no-repeat;}
a.cta.about:hover { background-position: -178px 0;}
a.cta.donate {background: url('/images/ctas/donate-now.png') 0 0 no-repeat;}
a.cta.donate:hover { background-position: -178px 0;}
a.cta.media {background: url('/images/ctas/media-center.png') 0 0 no-repeat;}
a.cta.media:hover { background-position: -178px 0;}
a.cta.tickets {background: url('/images/ctas/get-tickets.png') 0 0 no-repeat;}
a.cta.tickets:hover { background-position: -178px 0;}
a.cta.partners {background: url('/images/ctas/partners.png') 0 0 no-repeat;}
a.cta.partners:hover { background-position: -178px 0;}

/*
 *
 * Layout / Form
 *
 */
.form{ padding: 5px 5px 25px 22px; width: 443px; margin:0 auto; background: url('/images/bg-form.gif') 0 0 no-repeat; color:#000; clear:both;}
.form.vote {float:left; width:154px; margin:10px 0; padding:0; background:none; color:#fff;}
.form.vote .formRow {width:154px;}
.form.vote .formItem {width:154px;}
.formFt {padding: 0 5px 0 5px; width: 460px; margin:-42px auto 0 auto; height:47px; background: url('/images/bg-form-ft.png') 0 0 no-repeat;}
.formRow{ margin-top: 10px;}


.formItem { width: 220px; float: left;}
.formItem .textfield{ width: 200px;}
.formItem .textfield-small{ width: 50px;}
.formItem .dropdown{ height: 23px;}

.formItemSmall{ width: 40px; float: left;}
.formItemSmall .textfield{ width: 30px;}

.formItemLong { width: 450px; float: left;}
.formItemLong .textfield{ width: 450px;}
.formItemLong .textfield2{ width: 200px;}
.formItemLong .textfield-small{ width: 50px;}
.formItemLong .textarea { width: 420px;}
.formItemLong .dropdown{ height: 23px;}

.city{ width: 220px; float: left;}
.city .textfield{ width: 200px;}

.state{ width: 60px; float: left;}
.state .dropdown{ height: 23px;}

.zipcode{ width: 50px; float: left;}
.zipcode .textfield{ width: 50px;}

.phone{ width: 220px; float: left;}
.phone .textfield{ width: 30px;}
.phone .textfield2{ width: 35px;}

.radio, .checkbox {float:left; margin:2px 5px 0 0;}

.text {float:left; margin-right:15px;}
.text.vote {}
.note {float:left; width:100%; text-align:center; padding-bottom:5px;}	

/* 
 * 
 * Layout / Footer
 * 
 */
#ft{ width: 960px; height:200px; margin:0 auto; position:relative; background: url('/images/structure/bg-ft.png') bottom left no-repeat; color: #ffffff; font-size: 11px; line-height: normal; padding-top: 60px; text-align: center;}
#ft .links { width: 400px; float:right; margin:60px 0 0 0;}
#ft .links ul {float:left; padding-right:20px; margin:0 20px 0 0; border-right:1px solid #fff;}
#ft .links ul.last {border:none; padding:0; margin:0;}
#ft .links ul li { list-style:none; font-size:14px; background:none;}
#ft .sitemap {float:left; font-size:11px; margin-top:30px;}
#ft .copyright {float:right; text-align:right; font-size:12px; margin-top:15px;}

/*
 *
 * Overlay
 *
 *
*/
#tabcontainer div { z-index:  5; position: relative;}
#overlay { background:#fff; color:#000; width:474px; display:none; padding:50px; border: #ccc solid 1px;} 
#overlay .thumbNav {z-index: 10;}
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { overflow-y: auto;}
div.overlay div.close { background-image:url('/images/buttons/close.png'); position:absolute; right:5px; top:5px; cursor:pointer; width:28px; height:28px;}