/* default.css */
body	{margin: 0px; padding: 0px; min-width: 740px; color: #FFFFFF; background: #000000; font: 12px Tahoma, Arial, Helvetica, sans-serif;}
Safari body {text-shadow: 0 0 0 #000;} /* For Safari on OSx to add anti-aliasing on light text and dark background */

a img	{border: none;}

div#layout {width: auto; height: auto; padding: 0px;}

div#header                 {position: relative; width: 100%; height: 117px; background: #000000 url(/images/header_bg.gif) repeat-x; color: #FFFFFF;}
div#header div#mainLogo    {position: absolute; top: 26px; left: 25px; width: 280px; height: 66px;}

div#content			{float: left; width: 100%; height: auto; margin: 0px; padding: 0px;}
div#content a       {color: #76D624; background: none; text-decoration: none; border-bottom: 1px dashed #76D624;}
div#content a:hover {color: #336600; background: none; text-decoration: none; border-bottom: 1px dashed #336600;}
IE6 div#content a:hover {border-bottom: 1px dashed #76D624;}  /* To solve problem in IE causing text to move */
div#content a img   {position: relative; top: 1px; border: 0px; vertical-align: bottom;}

div#content ul    {margin: 0px; padding-left: 60px;}
div#content ul li {list-style-image: url(/images/bullet_square.gif); line-height: 175%; margin-bottom: 5px;}
div#content ol li {margin-bottom: 5px; color: #CCCCCC; background: none;}

div#footer           {clear: both; position: relative; top: 0px; margin: -45px 0px 20px; width: auto; height: 201px;  font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #333333; background: url(/images/footer_bg.jpg) left top no-repeat; padding-top: 9px; z-index: 0;}

div#footer ul        {margin: 0px 0px 0px 15px; padding: 0px; list-style: none;}
div#footer li        {float: left; clear: none; margin: 0px 3px 0px 0px; list-style: none; line-height: 139%;}
div#footer span.sep  {color: #CCCCCC; background: none;}

div#footer p         {margin: 160px 0px 0px 15px; padding: 0px; color: #999999;}
div#footer a         {color: #666666; background: none; text-decoration: none;}
div#footer a:hover   {color: #999999; background: none; text-decoration: none;}

div#footer ul.soc-med{width:40px;}
div#footer ul.soc-med li a img{border:none;}

span.nobr {white-space: nowrap;}

/* James Courtney */
h1      {font: 18px "HelveticaNeue MediumCond", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #76D624; background: none; text-transform: uppercase;}
h2      {margin: 14px 0px 6px; font: bold 15px Arial, Helvetica, sans-serif; color: #76D624; background: none;}
h3      {margin: 12px 0px 4px; font: bold 14px Arial, Helvetica, sans-serif; color: #CCCCCC; background: none;}
Mac
h2, h3 {font-weight: normal;}
h4      {font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; background: none;}

/*
 h5      {font: italic 14px Arial, Helvetica, sans-serif; color: #D62D00; background: inherit;}
*/
p		  {margin: 6px 0px 12px; line-height: 150%; color: #CCCCCC; background: none;}
div.hr	  {width: auto; height: 1px; background: #333333 url(/images/hr_1.gif);}
div.hr hr {display: none;}

hr      {margin: 7px 0px; height: 1px; background-color: #000000; color: #000000; border: 0px; border-bottom: 1px dotted #4B4B4B;}

table       {border: 7px solid #000000;}
table th    {color: #2F2F2F; background: #76D620; font: bold 12px Arial, Helvetica, sans-serif; border: 1px solid #010101;}
table td    {color: #FFFFFF; background: #2D2D2D; font-weight: bold; border: 1px solid #010101;}
Mac table td {font-weight: normal;}


/* * html div#layout {border-right: 1px solid #FFFFFF;} /* To avoid min width problem on IE6 */

div#content .ajax-loading {background: transparent url(/images/ajax-loader.gif) no-repeat; min-height: 31px;}
IE6 div#content .ajax-loading {height: 31px;}

div#mainImage {position: relative; width: auto; height: 178px; margin-left: 242px; border-top: 1px solid #C3C3C3; border-bottom: 2px solid #000000; border-left: 1px solid #999999;}

div#rotate_1           {position: relative; width: 171px; height: 71px; margin-top: 30px; border: 1px solid #333333;}
div#rotate_1 div.image {width: 169px; height: 68px; border: 1px solid #191919;}

div#rotate_2           {position: relative; width: 171px; height: 224px; border: 1px solid #333333;}
div#rotate_2 div.image {width: 169px; height: 222px; border: 1px solid #191919;}

div.newsRow1 {position: relative; margin: 5px 0px; padding: 5px 0px; border-top: 1px dotted #4B4B4B; border-bottom: 1px dotted #4B4B4B; background: #202020;}

/* Special Styles */
.highlight {color: #76D624; background: none;}

table#race-calendar{
    width:100%;
    border-spacing:0;
    border:none;
    border:1px solid #171717;
    border-collapse:collapse;
}

table#race-calendar th.map-desc{
    width:48%;
}

table#race-calendar th.race1, table#race-calendar th.race2{
    width:6%;
}

table#race-calendar th.champ-pos{
    width:12%;
}

table#race-calendar th, table#race-calendar td{
    border:none;
    border:2px solid #3D3D3D;
}

table#race-calendar td{
    background-color:#000000;
    text-align:center;
}

table#race-calendar td.cal-inf{
    padding:20px;
}

table#race-calendar th{
    background-color:#333333;
    color:#76D624;
    text-transform:uppercase;
    font-size:120%;
    padding:10px;
}

table#race-calendar td img{
    margin:20px;
    clear:both;
}

table#race-calendar td strong{
    display:block;
}

table#race-calendar td strong{
    margin:0 20px 20px;
}

table#race-calendar td div{
    color:#76D624;
    text-transform:uppercase;
    font-size:125%;
    margin:20px;
}