﻿* { margin: 0; padding: 0; border: 0; }
/*--------------- General Styles ----------------- */
body { font-size: 12px; background: #5A5A5A; color: #1A1A1A; text-align: center; }
input,textarea { border: 1px solid black; padding: 2px; }
h3 { font-size: 18px;  }
.thickLineBlack { background: black; height: 4px; margin-top: 3px; }
.thinLineBlack { background: black; height: 2px; margin-top: 2px; }
ul { margin-left: 20px; }
li { padding: 5px;}
a { color: black; text-decoration: underline;}
.blink { color: red; font-weight: bold;}
/*--- ----*/
#container { margin: 0 auto;  background: white;   }
#pageWrapper { float: left; background: white; text-align:left; width: 1000px;   margin: 0 auto; position: relative; }
#pageWrapper #logo { z-index: 99;  width: 175px; height:140px; position: absolute; margin: 5px 0 0 25px; }
#pageWrapper #viewPhotos {  z-index: 99; width: 100px; height: 30px; position: absolute; top: 290px; left: 880px; }
#pageWrapper #headSpacer { width: 1000px; height: 60px; background: black;}
#pageWrapper #tickerBar { width: 1000px; height: 30px; background: black; color: white; }
			 #tickerBar #listticker{ height:30px; width:800px; overflow:hidden; margin-left: 200px; }
				 #listticker li{ padding:5px; list-style:none; height: 20px; font-size: 14px; }
#pageWrapper #galleryWrapper { width: 1000px; height: 250px;  z-index: 1; position: relative;   }
			 #galleryWrapper #gallery { z-index: 1;  width: 1000px; height: 250px; position: absolute;  }

				 
#pageWrapper #menuBar {width: 1000px; height:35px; background: #3A3A3A;}
 #menuBar .menuBox{width:100px; height: 30px; float: left;}
	  .menuBox .menuLink { text-align: center; color: white; padding: 8px 0; text-transform: uppercase; }
 
#contentWrapper { padding: 25px; width: 950px; float: left; z-index: 1;}
#contentWrapper #infoWrapper { float: left; width: 950px; } 
#infoWrapper #leftArea { width: 725px; float: left; }
	#leftArea .contentTable { width: 710px; margin-top: 10px;}
		.contentTable th { background: #00653D; color: white; }
		.conetentTable th.raceNo { background: #666666; color: white; width: 30px; text-align: center; vertical-align: middle; font-weight: bold;  }
		.contentTable th.thwhite,.contentTable td.thwhite { background: white; color: #00653D; }
        .contentTable th.darkGrey { background: #666666; color: black; text-align: center; font-weight: bold; color: white; }
        .contentTable th.darkGrey a { color: white; text-align: center; font-weight: bold; text-decoration: none; }
		.contentTable th.darkGrey a:hover { color: white; text-align: center; text-decoration: underline; }
		.contentTable td { background: #cccccc; }
		.contentTable th,.contentTable td { text-align:center; padding: 1px; }
		.contentTable th.alignLeft,.contentTable td.alignLeft { text-align:left; }
		.contentTable th.alignRight,.contentTable td.alignRight { text-align:right; }
	
    
	#leftArea .row { clear: both; width: 725px; float: left; }
	/*--------------- Normal BOX -------------------*/
	.row .boxWrapper { width: 225px; margin: 0px 0 0 20px; height: 225px; background: #cccccc; float: left; }      	
		.boxWrapper .boxHeader { background:#00653D; height: 35px; text-transform: uppercase; width: 225px; }
			.boxWrapper .boxHeader .boxTitle { width: 218px; height: 29px; text-align: center; border: 1px solid white;margin: 2px; position: absolute; }   
			.boxWrapper	.boxTitle img { vertical-align: text-bottom;}
			.boxWrapper	.boxTitle span { text-decoration: none; color: white; width: 218px; text-align: center; vertical-align: super;  padding: 3px 5px 0;}
				
		.boxWrapper .boxContent { height: 190px; width: 225px; font-family: "Arial"; }
					.boxContent td, .boxContent th {text-align: center; font-size: 11px; height: 25px; color: black; }
						.boxContent td a { color: black; text-decoration: none;  }
						.boxContent td.alignLeft { text-align: left; }
						.boxContent td.alignRight { text-align: right; }
						.boxContent th { color: black; }
					.boxContent  ul.section {margin:5px 5px 0 20px; color: black; list-style: square; font-size: 12px;}
						ul.section li { padding: 6px 0 0 0px; }
							ul.section li a { text-decoration: none; color: black; }
	/*--------------- Long BOX -------------------*/    
	
	
	
	
	
	.row .longBoxWrapper { width: 470px; margin: 0px 0 0 25px; height: 225px; background: #cccccc; float: left; }      
			.longBoxWrapper .boxHeader { background:#00653D; height: 35px; text-transform: uppercase; width: 470px; }
			.longBoxWrapper .boxHeader .boxTitle { width: 463px; height: 23px; text-align: center; border: 1px solid white;margin: 2px; position: absolute; padding: 3px 0; }   
			.longBoxWrapper	.boxTitle img { vertical-align: text-bottom;}
			.longBoxWrapper	.boxTitle span { text-decoration: none; color: white; text-align: center; padding: 0px 5px 0; vertical-align: super;  }
				
		.longBoxWrapper .boxContent { height: 190px; width: 470px; font-family: "Arial"; }
					.boxContent td, .boxContent th {text-align: center; font-size: 11px; height: 25px; color: black; }
						.boxContent td a { color: black; text-decoration: none;  }
						.boxContent th { color: black; }
					.boxContent  ul.section {margin:5px 5px 0 20px; color: black; list-style: square; font-size: 12px;}
						ul.section li { padding: 6px 0 0 0px; }
							ul.section li a { text-decoration: none; color: black; }
	
#infoWrapper #rightArea { float:left; margin-left:10px; }                        
#rightArea .square {background:#00653D; width: 215px; margin: 10px 0 0 0; height: 0px; clear: both; display:block; height: 36px; }      
	.square .squareHeader {  height: 30px; text-transform: uppercase; width: 209px; margin: 2px; border: 1px solid white; position: absolute; }
		.squareHeader img { float: left; position: absolute; }  
		.squareHeader span { float: left; text-align: left; padding:5px; position: absolute; width: 170px; margin-left: 27px; font-size: 11px; } 
			.squareHeader span a { text-decoration: none; color: white; }
				.squareHeader span a:hover { text-decoration: underline; color: white; }
		 
#rightArea .liveBox { width: 211px; height: 230px; background: #00653d; margin-bottom: 10px; padding:2px; }    
.liveBox .liveBoxContent { width: 209px; height: 228px; border: 1px solid white; color: white;}	
    .liveBoxContent #odds {padding: 5px; }
   .liveBoxContent ul.inline  { list-style: square; float: left;  color: #00653d; margin: 0px 0px 0px 20px }
    ul.inline li {padding: 2px 0 2px 0; list-style: square; color: #00653d; font-size: 11px; }
    ul.inline a { color: #00653d; text-decoration: underline; font-weight: bold; text-transform: uppercase; }    
        .oddsTable{ width: 195px; }   
        .oddsTable th, .oddsTable td {border: 1px solid white; text-align: center; }
           .oddsTable ul {padding: 0; margin: 0; list-style: none; }
           .oddsTable ul li {padding: 0; margin: 0; list-style: none; }
        
#rightArea .rightBox { width: 215px; margin: 10px 0 0 00px; height: 200px; background: #cccccc; }
    .rightBox .rightBoxHeader { background:#00653D; height: 35px; text-transform: uppercase; width: 215px; }
    .rightBox .rightBoxHeader .rightBoxTitle { width: 198px; height: 19px; text-align: center; border: 1px solid white;margin: 2px; position: absolute; padding: 5px; }   
    .rightBoxHeader  .rightBoxTitle span { text-decoration: none; color: white; width: 208px; text-align: center; vertical-align: super;  padding: 3px 5px 0;}
    .rightBox .rightBoxContent { height: 150px; width: 205px; font-family: "Arial"; padding: 4px;  }          
    
#pageWrapper .floaterDiv { width:1000px; margin-top: 10px; }     

#pageWrapper #sponsors { width: 1000px; height: 100px; overflow: hidden; margin-bottom: 10px;}
#sponsors .sponsorLogo { width: 150px; height: 100px; float: left; border-left: 1px solid #333333; }
#footer {width: 1000px; height: 30px; background: #3A3A3A; color: white; font-weight: bold; height: 25px; text-align:center; padding: 5px 0 0; font-size:10pt;}
 * html #footer { font-size: 7.5pt;}
 
	 
#disclaimer {margin-bottom :0; width: 1000px; height: 30px;  background: #5A5A5A; margin: 0 auto;} 
	#disclaimer .disclaimerBar{ height: 30px; float: right; font-size: 10px; }  
		.disclaimerBar  .disclaimerLink{color: white; padding: 10px 0; text-transform: uppercase;}





		
/*-------------------------/ MENU BAR /---------------------------*/        
ul.topnav {
            list-style: none;
            padding: 0px 20px;    
            margin: 0;
            float: left;
            width: 960px;
            background: #222;
            font-size: 0.88em;
            background: url(/images/topnav_bg.gif) repeat-x;
            z-index: 999;            
        }
        ul.topnav li {
            float: left;
            margin: 0;    
            padding: 4px;
            position: relative; /*--Declare X and Y axis base--*/
            z-index: 999;
        }
        ul.topnav li a{
            padding: 5px;
            color: #fff;
            display: block;
            text-decoration: none;
            float: left;
            z-index: 999;
        }
        ul.topnav li a:hover{
            background: url(/images/topnav_hover.gif) no-repeat center top;
            z-index: 999;
        }
        ul.topnav li span { /*--Drop down trigger styles--*/
            width: 17px;
            height: 35px;
            float: left;
            background: url(/images/subnav_btn.gif) no-repeat center top;
        }
        ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
        ul.topnav li ul.subnav {
            list-style: none;
            position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
            left: 0; top: 30px;
            background: #333;
            margin: 0; padding: 0;
            display: none;
            float: left;
            width: 200px;  
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomright: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;         
            border: 1px solid #111;
            z-index: 999;
        }
        ul.topnav li ul.subnav li{
            margin: 0; padding: 0;
            border-top: 1px solid #252525; /*--Create bevel effect--*/
            border-bottom: 1px solid #444; /*--Create bevel effect--*/
            clear: both;
            width: 200px;
            z-index: 999;
        }
        html ul.topnav li ul.subnav li a {
            float: left;
            width: 175px;
            background: #3A3A3A url(/images/dropdown_linkbg.gif) no-repeat 10px center;
            padding-left: 20px;
            z-index: 999;
        }
        html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
            background: #222 url(/images/dropdown_linkbg.gif) no-repeat 10px center; 
            z-index: 999;
        }
/*-------------------------/ MENU BAR /---------------------------*/                
/* #box { margin-top: 30px; margin-left: 30px; width: 500px; height: 200px; background: #8A8A8A;}
	ul.section {margin-left: 20px; }
	ul.section li { padding: 7px 0 0 5px; }
		li a { text-decoration: none; color: white; }*/
        
        
