/* gold: #E4AC7B; */

/* page */
body {margin:0; padding:0; background:#000; color:#DDD; font:normal 80%/1.3 verdana,arial,sans-serif;}
#doc {max-width:1000px; margin:0 auto; _width:expression((document.body.clientWidth > 1000) ? '1000px' : 'auto');}
#bd {overflow:hidden; zoom:1; padding:20px 0 50px 0;}

/* head */
#hd {position:relative; overflow:hidden; height:250px; background:url('../img/site/hd.jpg') 10px 25px no-repeat;}
#hd * {position:absolute; left:-9990px;}
#hd_anim {margin:0 0 0 190px; height:250px; position:relative; left:0px;}
#hd_anim div {position:absolute; top:0px; width:100%; height:250px; background-position:center center; background-repeat:no-repeat;}
a#homepage {position:absolute; left:10px; top:0px; display:block; width:180px; height:250px; text-indent:-1000px;}

/* globals */
img {border:none;}
p, h1, h2, h3, h4, h5, h6, ul, ol, li {margin:0; padding:0; list-style:none;}
h2 {text-align:center;}
h4 {margin:15px 0 4px 0; font-size:135%;}
h5 {margin:10px 0 4px 0; font-size:105%;}

/* columns */
#nav {width:180px; float:left; margin:0 0 0 10px; position:relative; zoom:1;}
#ct {margin:0 10px 0 210px;}
#news {float:right; width:200px; margin:0 0 20px 20px;}

/* nav */
#nav ul.main li {display:inline;}
#nav ul.main {margin:0 0 20px 0;}
#nav ul.main a {display:block; margin:-1px 6px 0 6px; padding:7px 10px; line-height:1.1; border:1px solid #444; background:#000; color:#DDD; text-decoration:none; zoom:1;}
#nav ul.main a:active, #nav ul.main a:focus, #nav ul.main a:hover {position:relative; border:1px solid #E4AC7B; background:#444; color:#FFF; outline:none;}
#nav ul.sponsors {text-align:center;}
#doc #nav h3 {margin:0; padding:0 0 10px 0; border:none; text-align:center; font:normal 100%/1.3 verdana,arial,sans-serif;}
#nav ul.sponsors li {margin-bottom:3px;}
#nav ul.sponsors a {display:block; margin:0 8px 0px 8px; padding:0; background:#FFF; overflow:hidden; zoom:1; opacity:.4; filter:alpha(opacity=40);}
#nav img {border:none !important; padding:0; margin:0; float:left;}
#nav .subnav ul {position:absolute; left:-1000px; top:5px; display:block; width:180px; margin:0; padding:6px 5px 5px 5px; border:1px solid #AAA; background:#333; zoom:1;}
#nav .subnav:hover ul {left:160px;}
#nav .subnav ul a {margin:-1px 0 0 0;}
#nav small {display:block; padding:10px 0; text-align:center; color:#AAA;}

/* content */
#bd h2, #bd h3 {margin:0 0 15px 0; padding:15px 0; font:normal 180%/1 "palatino linotype","times new roman",serif; font-variant:small-caps; border-bottom:1px solid #555; text-align:center;}
#ct .content {display:block; margin-bottom:20px; padding-bottom:40px; background:url('../img/site/separator.jpg') 100px bottom no-repeat;}
#ct img {float:left; margin:0 10px 10px 0; padding:3px; border:1px solid #777;}
#ct img.right {float:right; margin:0 10px 0 10px;}
#ct ol, #ct ul {padding:0 0 0 10px;}
#ct li {margin:0 0 0 25px; list-style:disc;}
#ct li li {list-style:square;}
#ct ol li {list-style:decimal;}
#ct a {color:#eccda8; text-decoration:none; border-bottom:1px solid #777;}
#ct a:visited {color:#ddd3c7; border-bottom:1px solid #444;}
#ct a:hover {color:#FFF; border-bottom:1px solid #AAF;}
#ct .content, #ct p {overflow:hidden; zoom:1;}
#ct p {margin:8px 0;}
#ct a.modal {float:left; width:250px; border:none !important; text-align:center;}
#ct a.modal.right {float:right;}
#ct a.modal:hover {text-decoration:underline;}
#ct a.modal img {float:none; display:block; margin:7px auto;}

/* news */
#news h2 {font:normal 180%/1 "palatino linotype","times new roman",serif; font-variant:small-caps;}
#news h2 span, #nav h2 span {color:#555;}
#news h3 {margin:15px 0 0 0; padding:.5em 0 0 0; border:none; background:url('../img/site/news_li.gif') 0 .9em no-repeat; font:normal 160%/1.1 "palatino linotype","times new roman",serif; font-variant:small-caps; text-align:left;}
#news em {display:block; padding:0 0 .5em 0; font-size:77%; text-align:right;}
#news a {color:#DDD;}
#news a:hover {color:#FFF; background:#333;}
#news h3, #news em, #news p {padding-left:17px;}
#news ul {list-style:disc;}
#news li {margin:0; padding:0; list-style:none;}
#news li li {margin:0 0 10px 10px; list-style:disc;}
#news p {margin:0 0 10px 10px;}

/* foot */
#ft {clear:both; padding:20px 0; border-top:10px solid #444; border-bottom:40px solid #000;text-align:center; zoom:1; overflow:hidden;}
#ft * {display:inline; margin:0; padding:0;}
#ft li {position:relative; left:20%; top:50px; display:block; width:40%; float:left; padding-bottom:20px;}
#ft a {background:#FFF; zoom:1; opacity:.4; filter:alpha(opacity=40);}
#ft a, #ft a img {display:block; float:left;}

/* misc */
#ct .blank, #ct a.blank:hover {color:#FFF; text-decoration:none; border:none;}

/* ticket map */
#TicketPackageMap {overflow:hidden; padding:15px 0; margin-bottom:-539px;}
#TicketPackageMap img {float:none;}
#TicketPackages {position:relative; height:539px;}
#TicketPackages, #TicketPackages li {margin:0; padding:0; list-style:none;}
#TicketPackages a {position:absolute; display:block; border:none; background:url(); _margin:3px 0 0 3px; text-indent:-1000px; overflow:hidden; background:url('../img/foo.gif');}
#TicketPackages a:hover {border:3px dotted #000; margin:-3px 0 0 -3px; _margin:0px;}
#TicketPackage_LawnBox {z-index:90; left:344px; top:320px; width:119px; height:55px;}
#TicketPackage_FinishLineViewPartyTent {left:475px; top:280px; width:80px; height:95px;}
#TicketPackage_PartiesontheTurn {left:390px; top:90px; width:150px; height:50px;}
#TicketPackage_PartiesontheHomestretch {z-index:88; left:83px; top:330px; width:119px; height:45px;}
#TicketPackage_PaddockPromenade {left:200px; top:270px; width:165px; height:90px;}
#TicketPackage_ThoroughbredHill {left:315px; top:90px; width:75px; height:40px;}
#TicketPackage_RVParkingfor10 {left:205px; top:90px; width:80px; height:47px;}
#TicketPackage_RailsideTailgatingontheTurnfor10 {z-index:89; left:480px; top:110px; width:90px; height:100px;}
#TicketPackage_OspreyWatchfor8 {left:100px; top:138px; width:400px; height:50px;}
#TicketPackage_HomestretchViewTailgatingfor6 {left:3px; top:253px; width:100px; height:120px;}
#TicketPackage_BackstretchTailgatingfor4 {left:70px; top:90px; width:135px; height:47px;}

/* gallery */
#closeMessage {position:absolute; left:25%; top:-1000px; width:50%; padding:8px 0; border:1px solid white; background:#900; color:white; font-weight:bold; text-align:center; cursor:default;}
#ct .gallery {overflow:hidden; zoom:1;}
#ct .gallery a.modal {width:150px; height:110px;}
#ct .gallery a.modal:hover img {border-color:#FFF;}
#modalPanel, #modalPanelDisplay {position:absolute; left:0px; top:0px; width:100%;}
