﻿/*------------------------------------------------------
RESET
------------------------------------------------------*/
html,body,img,h1,h2,h3,h4,h5,h6,input,select,form { margin: 0; padding: 0; border: none; }
ul,ul li,dt,dd {margin: 0; padding: 0; list-style: none;}
p{margin:13px 0;}
/*------------------------------------------------------
BASIC ELEMENTS
------------------------------------------------------*/
html{overflow-y:scroll; height: 100%; }/*<--FORCE SCROLL BAR IN FIREFOX*/
body {background: #202020 url('/_img/page_bg.gif') repeat-x; color: #FFF; font: .8em Arial, Verdana, sans-serif;}
a {color: #f9a727;}
a:hover {text-decoration: none;}
h1 {color: #F3F3F3; font-size: 26px; letter-spacing: -2px; line-height: 30px; margin-bottom: 8px;}
h2 {font-size: 18px; font-weight: bold; letter-spacing: -1px;}
h3 {font-size: 18px; letter-spacing: -1px; color: #fba81a; margin-bottom: 8px;}
h4 {font-size: 13px; letter-spacing: -1px; color: #fba81a; margin-bottom: 18px; font-style: italic; margin-top: 2px;}
h5 {text-transform: uppercase; font-size: 10px; color: #999;}
h6 {font-style: italic; color: #f9a727; margin-bottom: 28px;}

input, textarea, select { font: 14px Arial;border: 1px solid #333; }
input, textarea { background: url(/_img/bg_input.png) no-repeat; }
textarea { width: 100%; }
strong { color: #eee; }
select{margin-left:1px;}
.text{padding:4px;height:16px;}
.tarea{width:257px; padding: 4px;}
.btn{padding:2px 8px;cursor:pointer;}

.wrapper {margin: auto; width: 964px;}
.header {position: absolute; z-index: 1000; width: 964px;}
.main { padding-top: 100px; overflow: hidden; padding-bottom: 50px; height:1%;}
.content {width: 500px; float: left; line-height: 18px; color: #ccc; position: relative;}
.sidecol { width: 200px; float: left; padding: 20px; background-color: #2E2E2E; margin-right: 50px; }
.wide { width: 700px; padding-left: 180px; }
.full{width:900px; padding-left:40px;}


.donate { width: 200px; position: absolute; right: 0; }

.l_arrow { background: url(/_img/icon_left_arrow.png) no-repeat left center; padding-left: 25px; color: #ccc; font-size: 11px; display: block; height: 20px; width: 150px; }

/*------------------------------------------------------
MAINNAV
------------------------------------------------------*/
.mainnav {height:41px; position: absolute; left: 0;  }
.mainnav li { float: left; position: relative; }

.mainnav a {display:block; text-decoration:none; position: relative; background: url(/_img/tab.png) no-repeat; width: 113px; height: 38px; padding-top: 8px; text-align: center; color: #fff; margin-right: 2px; }
.mainnav a.active {background-position: 0 -76px;}
.mainnav a:hover { background-position: 0 -46px; }

.mainnav a.tab_nolimit { background-image: url(/_img/tab_nolimit.png); text-indent: -999em; overflow: hidden; }


.mainnav a.home {  width: 174px; height: 81px; background: url(/_img/tabHome.png) no-repeat; text-indent: -999em; overflow: hidden; padding: 0; }
.mainnav a.home:hover { background-position: 0 -81px; }

.mainnav a.donate { background: url(/_img/tab_donate.png) no-repeat; text-indent: -999em; overflow: hidden; margin-left: 5px; width:168px;}

.mainnav li ul { display: none; position: absolute; top: -999em; left: 0; background: #191919; width: 195px; padding-bottom: 20px; padding-top: 20px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;}
.mainnav li:hover ul, .mainnav li.sfHover ul { left: 0; top: 38px; z-index: -1}
.mainnav li:hover { visibility: inherit; }

.mainnav li li { display: block;}
.mainnav li li a, .mainnav li.sfHover li a { text-transform: none; background: none; color: #ccc; padding: 5px 12px; margin-bottom: 1px; font-size: 11px; text-transform: uppercase; text-align: left; height: auto; width: 156px;}
.mainnav li li a:hover { background: none; color: #eee; }

.sidecol li { border-bottom: 1px solid #202020; }
.sidecol li a { padding: 10px 5px; display: block; text-decoration: none; color: #ccc; }
.sidecol li a:hover { background-color: #464646; }
.sidecol li.here a { font-weight: bold; color: #eee; }

/*------------------------------------------------------
FOOTER
------------------------------------------------------*/
.footer { color: #444444; font-size: 11px; position: relative; background: url(/_img/bg_footer.png) repeat-x; height: 100px; padding: 10px; width:944px;}
.footer strong {color: #666666;}
.footer a {color: #444444; text-decoration: none;}
.footer a:hover {color: #555555; text-decoration:underline;}

.copyright { position: absolute; }

.f_links { position: absolute; right: 10px; top: 10px; color: #ccc; }
.f_links a { color: #666; font-size: 11px; padding: 0 5px; }
.f_links a:hover { color: #eee; }

/*------------------------------------------------------
CONTENT
------------------------------------------------------*/
.content ul { margin: 5px 0 0 10px; }
.content li { background: url(/_img/li_bullet.png) no-repeat 0 7px; padding-left: 10px; margin-bottom: 3px; }

/*------------------------------------------------------
HOME
------------------------------------------------------*/
.twit_block { width: 300px; font-size: 11px; }
.tweet { background-color: #2A2A2A; margin-bottom: 5px;  padding: 10px; }
.home_shelf { width: 300px; float: left; }
.twit_time { color: #555; display: block; text-align: right; font-style: italic; }
.readmore { text-decoration: none; color: #999999; float: right;  }
body.home .content { float: left; padding: 10px 20px 10px; color: #ccc; width: 290px; border-right: 1px solid #666;}
body.home .content strong { color: #fff; }
body.home .main { padding-top: 31px; }

.nolimit_block { width: 254px; float: left; margin-right: 20px; padding-top: 20px; padding-left: 20px; }
.nolimit_block li { margin-bottom: 10px; }
.nolimit_block a { color: #f9cf8e; }


/*------------------------------------------------------
ABOUT
------------------------------------------------------*/
.block_sponsor { margin-bottom: 60px; clear: both; overflow: hidden; }
.block_sponsor img { float: left; margin-right: 35px; }
.block_sponsor .desc { width: 280px; float: left; }

/*------------------------------------------------------
RACETRACKER
------------------------------------------------------*/
.racetracker { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
body.rt .footer { display: none; }

/*------------------------------------------------------
CONTACT
------------------------------------------------------*/
.frm_tbl { width: 100%; }
.frm_tbl th { vertical-align:top; text-align:right; width:150px; }
.frm_tbl td span { vertical-align:top; }
.frm_tbl .city { width:120px }
.frm_tbl .zip { width:80px; }

/*------------------------------------------------------
BENEFICIARIES
------------------------------------------------------*/
.benef {margin:0 auto;width:358px;}
.benef img{display:block;}

/*------------------------------------------------------
ATHLETES
------------------------------------------------------*/
.athlete_pic { float: left; margin: 0 15px 20px 0; width: 100px; height: 140px; }
.athlete_full_pic{margin-bottom:20px;}
.col_1{float:left;width:400px;}
.col_2{float:left;width:450px;}
.donate_today{margin-top:25px;}

/*------------------------------------------------------
MEDIA
------------------------------------------------------*/
.media_entry { padding-bottom: 40px; margin-bottom: 30px; border-bottom: 1px solid #333; }

.media_entry h3 a { text-decoration: none; font-size: 20px; }
.media_entry .posted { color: #666; text-transform: uppercase; font-size: 9px; margin: 0; }

/*------------------------------------------------------
UTILS
------------------------------------------------------*/
.vd_error{display:none;color:#FAA832;font-style:italic;}
.hide{display:none;}
.tac{text-align:center;}
.posrel{position:relative;}

/*------------------------------------------------------
FAQ
------------------------------------------------------*/
.faq{background:#2E2E2E;padding:10px;position:relative;}
.question{color:#eee; font-size: 14px; margin-top: 10px; }
.answer{padding:20px 0; background-color: #4f4f4f; color: #ccc; padding: 20px; margin-top: 15px; width:640px;}
.letter { font-weight: bold; color: #eee; }
.faq_btn{position:absolute;top:-10px;right:0;width:58px;background:#2E2E2E;padding:0 5px;font-size:10px;display:none;}

/*------------------------------------------------------
DONATE
------------------------------------------------------*/
#loader{margin-left:8px;display:none;position:absolute;top:4px;}
.frmTable th{text-align:left;padding-right:4px;}

.paypal_copy{padding:15px 0;}
.paypal_img{background:none;border:none;vertical-align:bottom;margin-left:5px;}
.ccs{height:25px;}
.ccs img{margin:0 3px -10px 2px;vertical-align:text-bottom;cursor:pointer;}
.pane_window{width:500px;overflow:hidden;position:relative;height:550px;left:0;}
.pane_holder{width:1500px;position:absolute;top:0;left:0;}
.pane{float:left;width:500px;}

.donate_btn{width:440px;padding:10px;text-align:center;background:#333;margin:6px;font-size:18px;border:2px solid transparent;cursor:pointer;}
.dactive{border:2px solid #FBA81A;background:#3f3f3f;}
.warning{background:#FFFFCE;border:1px solid #A00;color:#A00;padding:10px;position:absolute;width:478px;}
