body {background-image: url("/images/grass.jpg"); font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt; padding: 0px; margin:0px;}
a {color: black;}

.dirt{background-image: url("/images/dirt.jpg");}

/* Main Page Layout */
#all {background-color: gray;margin-right: 1%;}
.bbox {margin: 0px; padding: 5px; color: black;}
#slogan {color: white; font-size: 9pt; word-spacing: 3px; font-weight: bold; margin-top: 10px; background: black url("/images/top-rgt-2.jpg") no-repeat top right;}
#topbar {background-color: white; padding-left: 20px; height: 59px;}
#tabs {clear: both; background-color: white; padding-left: 20px; padding-bottom: 16px; border-bottom: 5px solid gray;}
#main {padding: 0; clear: both;}
#footer {clear: both; color: white; border-top: 1px solid white; padding-top: 1px; background: black url("/images/btm-rgt-2.jpg") no-repeat bottom right;}

/* Top Bar */
#toplogo {float: left;}
#topad {float: right;}

/* Top Tabs */
#tabs ul {list-style: none; margin: 0; padding:0;}
#tabs ul li {float: left; position: relative; border-right: 5px solid white; background-color: #336633; color: white; font-weight: bold; font-size: 10pt;}
#tabs ul li a {text-decoration: none; color: white; padding: 1px 12px 0 12px}
#tabs ul li:hover, #tabs ul li.over {background-color: black;}
#tabs ul li ul {display: none; position: absolute; top:1.2em; left:0;}
#tabs li > ul {top: auto; left: auto;}
#tabs ul li ul li {width: 8em; background-color: #99cc99; color: black; border: none; border-top: 1px solid white;}
#tabs ul li ul li a {color: black; text-decoration: none;}
#tabs li:hover ul, #tabs li.over ul {display: block;}
#tabs li:hover ul li:hover{background-color: white;}
#tabs ul li.l ul li {width: 18em;}
#tabs ul li.n ul li {width: 22em;}

/* Three col */
#sbleft {width: 160px; float: left; margin: 0; background-color: black; color: white; border-top: 5px solid gray;}
#sbright {width: 143px; float: right; margin: 0; text-align: center; background-color: black; color: white; border-left: 3px solid gray; border-top: 5px solid gray;}
#sbrighttips {width: 160px; float: right; margin: 0; text-align: center; background-color: white; color: black; border-left: 3px solid gray; border-top: 5px solid gray;}
#content {margin-left: 163px; padding: 0px; border-top: 5px solid gray;}

/* Login Box */
#login {margin-top: 10px; text-align: center; font-size: 9pt;}
#login form {font-size: 7pt; text-align: right;}
#login-email,#login-password {width: 80px; margin: 2px; margin-left: 10px;}
#login-remember, #login-lostpw, #login-signup, #login-submit {text-align: center; margin: 5px;}
#login a{color: white; margin: 5px;}
#loginsubmit, input.submit {background-color: #8b0000; color: white; font-weight: bold; border: 2px solid black;}

/* Side Boxes*/
.sidebox {width: 158px; background-color: white; color: black; font-size: 10pt; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px;}
.sideboxtitle {color: #336633; border-color: #FFFFFF #FFFFFF #000000; border-style: solid; border-top-width: thin; border-right-width: thin; border-bottom-width: 2px; border-left-width: thin; font-size: 15px; font-weight: bold;}
.sideboxtitled {text-align: center;}
.sideboxcontents {margin-top: 10px;}
#lefttoptipsters{margin:0px; padding-left: 2.2em;}
#lefttoptipsters li {font-size: 7pt; padding-top: 2px; padding-bottom: 2px;}
#lefttoptipsters li a {font-weight: bold;}

.info {font-size: 7pt;}
.txtsm {font-size: 7pt;}
.txtsm a {font-weight: bold;}
.left-list {padding-top: 3px; padding-bottom: 3px;}

#bbcradio {text-align: center; padding-top: 5px; padding-bottom: 5px; background-color: black;}

.sidelinklist {list-style: none; margin: 0; padding: 0; border: none; margin-top: 5px; margin-bottom: 5px;}
.sidelinklist li {border: 1px solid black; font-size: 8pt;}
.sidelinklist li a {display: block; padding: 3px 3px 3px 0.5em; text-decoration: none; font-weight: bold; color: #fff; background-color: #336633;}
.sidelinklistheader {color: #FFFFCC; background-color: #666666; text-align: center; font-weight: bold; padding: 2px;}


/* Content */
.contentbox {padding: 0px; background-color: white; border-bottom: 3px solid gray;}
.contentheader,.contentfooter {font-size: 14pt; font-weight: bold; text-align: center; background-color: black; color: white;}
.contenttext {border: 1px solid black; margin: 2px; padding: 5px;}

/*Side tips*/
.racegroup {margin: 1px 5px 1px 5px; background-color: #336633; color: #fff;}
.racegroup a {text-decoration: none; color: white;}

/* Legal Tabs */
#footer ul {display: inline; margin-left:0; padding-left: 0;}
#footer ul li {display: inline; list-style: none; font-size: 9pt; margin-right: 2%; margin-left: 2%;}
#footer ul li a {color: white; font-size: 7pt;}


.fronttable{width: 95%; max-width: 50em;}

.tb{background-color: #ffffff; color: black; text-align: center; border: 3px solid black;}
.tbmaintitle{background-color: #cccccc; color: black; font-size: 12pt; font-weight: bold;}
.tbmaintitlecontent{border-bottom: 2px solid black;}
.tbtitle{background-color: #22832A; color: white; font-weight: bold; font-size:16px;}
.tbtitlecell{border-bottom: 2px solid black;}
.tbrow1{background-color: #cccccc;font-size:12px;}
.tbrow2{background-color: #99cc99;font-size:12px;}
.tbrow1 td, .tbrow2 td {padding-top: 3px; padding-bottom: 3px;}
.tbleft{text-align: left;}
.tbright{text-align: right;}
.tbrowbottom{border-bottom: 1px solid black; padding: 2px;}
.slnk{color: white; background-color: #005000; padding: 2px;}
.nslnk {color: white;}
#caldiv {position: absolute; float: left; background-color: gray;}
.highlight {background-color: yellow;}


.scroller {font-size: 85%;}