body {margin:0; font: 12px Arial, Helvetica, sans-serif; color:#666666; background-color: #464646; background-image: url(images/bg.jpg); background-repeat: repeat-x;}
h1 {font-size: 16px; margin:0; color:#333333;}
h2 {font-size: 12px; margin:0; color:#333333;}
h3 {font-size: 12px; margin:0; font-weight: bold; padding:5px 0;}
#main {width: 800px; margin: 0 auto 0 auto; height: 38px;}
#header {padding-top: 38px;}
.logo {float: left; height: 110px; width: 750px; padding-top: 11px;}
.nav {float: right; width: 38px;}
#header .left {background-image: url(images/hd_left.jpg); background-repeat: no-repeat; width: 7px; height: 170px; float: left; background-color: #FFFFFF;}
#header .mid {float: left; background-image: url(images/hd_mid.jpg); background-repeat: repeat-x; height: 170px; width: 773px; background-color: #FFFFFF;}
#header .right {float: left; background-image: url(images/hd_right.jpg); background-repeat: no-repeat; height: 170px; width: 7px; background-color: #FFFFFF;}
#footer {height: 30px; clear:both;}
#footer .left {background-image: url(images/bt_left.jpg);background-repeat: no-repeat; width: 11px; height: 30px;float: left;}
#footer .mid {float: left; background-image: url(images/bt.jpg); background-repeat: repeat-x; height: 30px; width: 766px;}
#footer .right {float: left; background-image: url(images/bt_right.jpg); background-repeat: no-repeat; height: 30px; width: 11px;}
#content {width: 787px; background-color: #FFFFFF; padding:0; margin:0;}
.text {width: 700px; padding: 30px 10px 10px 20px;}
#content a, a:active, a:visited {color: #3E0683; text-decoration:underline}
#content a:hover {color:#FF8504; text-decoration:none;}
.spacer {height:100px;}

/* Top Navigation Tabs */
.tab {background: url(images/tab.jpg) no-repeat; height: 39px; width: 84px; float: right; margin: 5px 0 0 3px; padding: 1px 3px 0 3px; color: #FFFFFF; text-align: center; font: bold 11px Arial, Helvetica, sans-serif; line-height: 12px;vertical-align: middle;}
.tab_current {background: url(images/tab_on.jpg) no-repeat; height: 43px; width: 84px; float: right; margin: 2px 0 0 2px; padding: 5px 3px 0 3px;color: #3E0683;font: bold 11px Arial, Helvetica, sans-serif;text-align: center;}
.tab a, a:active, a:visited {color:#FFFFFF; text-decoration:none;}
.tab a:hover {color:#FF8504; text-decoration:none;}

/* Ride Information */
.ride {width: 550px;background-color: #FFEDD9;margin-left: 50px;}
.title {border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #FF9900; height: 15px; padding: 5px 0 10px 10px; margin-bottom: 10px;}
.info {padding: 0 0 0 15px;}

/* Race Schedule Table */
.table_header{background-image: url(images/month_bg.jpg); background-repeat: repeat-x; width: 600px; border: thin solid #FF9900; margin: 10px 0 0 10px; padding: 5px 0 5px 10px; color: #333333; font: bold; clear: both;}
.race {width: 600px; clear: both;}
.date {float: left; width: 100px; padding: 2px 5px 2px 10px;}
.name {float: left; width: 290px; padding: 2px 5px 2px 5px; overflow: visible;}
.location {width: 175px; float: left; padding: 5px 5px 2px 5px;}
#race_schedule .table_header a, a:active,{color: #333333; text-decoration:none;}
#race_schedule .table_header  a:hover {color:#FF8504; text-decoration:none;}
#race_schedule .table_header  a:visited {color:#333333; text-decoration:none;}
.header {width: 600px; padding: 10px 5px 5px 0px; text-decoration: underline;}

/* Race Results Table #3E0683*/
.column_header {width: 600px; padding: 10px 5px 5px 5px; text-decoration: underline;}
.results {width: 600px; clear: both; padding: 2px 5px 5px 5px;}
.first {width: 100px; float: left; padding: 2px 5px 0 5px; height:auto;}
.last {width: 100px; float: left; padding: 2px 5px 0 5px; height:auto;}
.city {width: 90px; float: left; padding: 2px 5px 0 5px; height:auto;}
.cat {width: 70px; float: left; padding: 2px 5px 0 5px; height:auto;}
.points {width: 70px; float: left; padding: 2px 5px 0 5px; height:auto;}
.bar {width: 70px; float: left; padding: 2px 2px 0 0; height:auto;}
#options {display:block; width:150px; color: #FF8504; float: left; padding:0;}
#toggle {float:right; margin-bottom:6px}
.sec_header {width: 500px; float:left; padding:0;}
#options a, a:active, a:visited {color:#330099; text-decoration: none;}
#options  a:hover {color:#FF8504;}

/*Slideshow*/
#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none}
#photos {width:506px;display:none}
#photos * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:375px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:100px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:100px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:100px; overflow:hidden}
#slider {position:absolute; left:0; height:100px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
#trc_pics {width: 787px; height:400px; margin:20px auto 150px auto; padding:0 150px;}

/*Footer*/
#bt_nav {padding: 5px; width: 770px; text-align: center;}
#bt_nav ul {list-style-type: none; color: #FFFFFF; margin:0;}
#bt_nav li {list-style-type: none; display: inline; padding: 0 5px 0 0; font:bold;}
#bt_nav a, a:active, a:visited {color:#FFFFFF; text-decoration:none;}
#bt_nav a:hover {color:#FF8504;}
.text img {padding-left: 200px;}