* { padding: 0; margin: 0; }
div.clearer { clear: both; }
a img { border: 0; }

body
{
   text-align: center; color: #53585C;
   background-image: url('top-background.jpg');
   background-repeat: repeat-x; background-position: top;
   font-family: trebuchet ms, arial, helvetica, sans-serif;
   font-size: 90%;
}

div#header
{
   position:relative;
   width: 1004px; height: 111px;
   margin: 35px auto 0 auto;
   color: white; background-color: #40474D;
   background-image: url('header-background.jpg');
   background-repeat: no-repeat;
}

div#header div#topNav {
	padding-top:77px;
	padding-left:300px;
}

div#header.inner
{
   background-image: url('innerheader.gif');
   background-repeat: repeat-x; background-position: top;
   height: 43px;
}

div#header.inner div#topNav {
	padding-top:9px;
	padding-left:300px;
}

div#header h1
{
   position:absolute;top:0;left:23px; 
   width: 161px; height: 93px;
   margin: 11px 0 0 63px;
   background-image: url('title.gif');
   background-repeat: no-repeat;
}

div#innerheader h1
{
   float: left;
   width: 161px; height: 93px;
   margin: 11px 0 0 63px;
   background-image: url('title.gif');
   background-repeat: no-repeat;
}
div#innerheader h1
{
   margin: 22px 0 0 63px;
}
div#header h1 a, div#innerheader h1 a
{
   display: block;
   height: 93px; width: 161px;
}
div#header h1 a span, div#innerheader h1 a span
{
   display: none;
}

/*{
   float: right;
   margin: 0 30px 0 0;
}
#nav ul li
{
   display: block; 
   float: left; 
   margin-right: 10px;
   width: 105px;
   height: 35px;
   background-image: url('header-tab.gif');
   background-repeat: no-repeat; background-position: left;
}
#nav ul li a
{
   display: block;
   width: 105px;
   height: 25px;
   line-height: 25px;
   text-decoration: none;
   background-image: url('header-tab-right.gif');
   background-repeat: no-repeat; background-position: right;
   color: #5F8200;
}*/



/* nav begins */

#navMain, #navMain ul { /* all menu levels */
    padding: 0;
    margin: 0 auto;
    list-style: none;
    line-height: 1;
	z-index: 10;
}

#navMain li.topMenu {
	width:140px;
	line-height:34px;
	margin-right:5px;
	background:url(tab_off.gif) no-repeat top;
}

#navMain li.topMenu:hover, #navMain li#currentTopNav {
	background:url(tab_on.gif) no-repeat top;
}

#navMain li.topMenu:hover, #navMain li#currentTopNav a {
	color:#000;
}

#navMain a {
	padding:0;margin:0;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	border:none;
	color:#137086;
}
#navMain li li {
	padding:0;
	margin:0;
	list-style-type: none;
	background: #7e7e7e url('menu_divider.gif') repeat-x top;
	margin: 0;	
	text-align: center;
	width: 100%;
	font-size:.80em;
    
}
#navMain li li a {
	padding:0;
	margin:0;
	color: #fff !important;
	padding: 7px;
	text-align: center;
}
#navMain li li.last {
	background-image: none;
}
#navMain li li a:hover {
	background: #999 url('menu_divider.gif') repeat-x top;;
}
#navMain li { /* all menu levels */
	padding:0;
	margin:0;
	list-style-type: none;
	float: left;
}
#navMain li ul { /* second-level menu */
	border: 1px solid #666666;
	border-top-width: 0;
	color: #FFFFFF;
	left: -999em;
	position: absolute;
	margin:0;
}
#navMain li ul#events {  
	width: 140px;
}
#navMain li ul#surveys {  
	width: 140px;
}
#navMain li ul#training {  
	width: 140px;
}
#navMain li ul#about {  
	width: 140px;
}
#navMain li:hover ul, #navMain li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Nav ends */

div#content
{
   clear: both;
   width: 1004px;
   margin: 2px auto 0 auto;
   padding-top: 6px; padding-bottom: 44px;
   text-align: left;
   background: url('content2.gif') repeat-y;
/*   background-repeat: no-repeat; background-position: bottom;*/
}
div#content.inner
{
   margin: 0 auto;
   padding-top: 0;
}
div#content div#innerheader
{
   width: 948px; height: 127px;
   margin: 0 28px 10px 28px;
   color: white; background-color: #40474D;
   background-image: url('contentheader.jpg');
   background-repeat: no-repeat;
}
div#content div#innerheader p#banner
{
   float: right;
/*   border: 2px solid red;*/
   margin: 25px 95px 0 0;
}
div#content img.header
{
   margin: 0 39px 4px 39px;
}
div#leftbar, div#rightbar, div#leftnavigation
{
   width: 205px; padding-top: 26px;
   font-size: 90%;
   background-image: url('sidebar.gif');
   background-position: top; background-repeat: no-repeat;
}
div#leftbar, div#leftnavigation
{
   float: left;
   margin-left: 39px;
}
div#rightbar
{
   float: right;
   margin-right: 39px;
}

div#rightbar a {
	text-decoration:none;
	color:#0A4F5F;
}

div#rightbar a:hover, div#rightbar a:visited:hover {
	text-decoration:underline;
	color:#814644;
}

div#rightbar a:visited {
	text-decoration:none;
	color:#0A4F5F;
}

div#leftbar h2, div#rightbar h2
{
   font-size: 115%;
   line-height: 27px;
   margin: 5px 1px; padding-left: 18px;
   color: white; background-color: #155B6A;
   background-image: url('minor-header.gif');
}
div#leftbar *, div#rightbar *
{
   margin: 10px 20px;
   text-align: left;
}
div#leftbar * *, div#rightbar * *
{
   margin: 0;
}
div#leftbar h3
{
   display: block; 
   /*padding-left: 45px;   */
   font-family: arial, helvetica, sans-serif;
   font-size: 110%; font-weight: bold;
   margin: 12px 2px 0 5px;
}
div#leftbar p.updatesavailable
{
   display: block; /*height: 30px; line-height: 30px;*/
/*   background-image: url('../images/updates-available.gif');
   background-position: left; background-repeat: no-repeat;
   padding-left: 45px;*/
   font-family: arial, helvetica, sans-serif;
   font-size: 100%; 
   font-weight: bold;
   margin: 0 1px 0 24px;
   padding:0;
}
div#leftbar p.updatesavailable a, div#leftbar h3 a
{
   color: #0A4F5F;
   text-decoration: none;
}

div#leftbar p.updatesavailable a:hover, div#leftbar h3 a:hover
{
   color: #0A4F5F;
   text-decoration: underline;
}


div#leftbar p.eventDate
{
	color: #330000;
	margin-top:0;
	margin-bottom:1px;
}

div#leftbar p.photo, div#rightbar p.photo, div#rightbar p.banner
{
   text-align: center;
   margin: 20px 0;
}

div#leftbar div.barfoot, div#rightbar div.barfoot, div#leftnavigation div.barfoot
{
   width: 205px; height: 30px; margin: 0;
   background-image: url('sidebar-bottom.gif');
   background-position: bottom; background-repeat: no-repeat;
}

div#leftnavigation
{
   font-family: tahoma, arial, helvetica, sans-serif;
}
div#leftnavigation h2 
{
	padding-left:10px;
}
div#leftnavigation ul li
{
   display: block; height: 26px; margin: 1px 1px 0 1px;
   line-height: 26px; padding-left: 24px;
   background-image: url('leftnavigation.gif');
   background-position: bottom; background-repeat: no-repeat;
   border-bottom: 1px solid #C0C0C0;
   font-size: 95%;
}

div#leftnavigation ul li.leftnavactive {
   background-image: url('leftnavigation_on.gif');	
}

div#leftnavigation ul li a
{
   color: #323232;
   font-weight: bold;
   text-decoration: none;
}
div#leftnavigation ul li.opentab
{
   height: auto; background-image: none;
   padding: 0;
}
div#leftnavigation ul li.opentab ul
{
   margin: 0; padding: 0;
}
div#leftnavigation ul li.opentab ul li
{
   height: 26px;
   margin: 1px 0; padding-left: 30px;
   background-color: #F5F5F5;
   background-image: none;
   border: 0;
}
div#leftnavigation ul li.opentab ul li a
{
   font-weight: normal;
}

div#rightbar ul.links
{
   margin: 14px 25px;
}
div#rightbar ul.links li
{
   list-style: none;
   margin: 4px 0;
}

div#rightbar ul.links li.pdf
{
   list-style: none;
   margin: 4px 0;
   padding-left: 20px;
   background: url(../images/icons/page_white_acrobat.gif) no-repeat left center;
}

/*div#rightbar img 
{
	margin:10px auto 10px auto ;
	text-align: center;
}*/

div#rightbar .image {
	text-align: center;
}

div#middle
{
   width: 482px;
   margin-left: 256px;

}
div#middle *
{
   margin: 14px 18px;
}
div#middle * * { margin: 0; }

#content div#middle h2.bluebar
{
	border-top:none;
   font-family: arial, helvetica, sans-serif;
   height: 35px;
   padding-left: 20px; margin: 0 0 10px 0;
   line-height: 35px;
   font-size: 110%;
   color: white; background-color: #0B9CBB;
   background-image: url('content-header.gif');
   background-repeat: no-repeat; background-position: left;
}

#content div#middle h1
{
   margin: 1em 0;
}

#content div#middle h2
{
   font-family: arial, helvetica, sans-serif;
   color: #53585c;
   font-size:110%;
   margin: 1em 0 0 0;
}

#content div#middle h3
{
   font-family: arial, helvetica, sans-serif;
   color: #53585c;
   font-size:90%;
   margin: 1em 0 0 0;
}

div#middle h4 {
	border-top: 1px solid #d7d7d7;
	margin-top: .5em;
}

div.TabbedPanelsContent h2
{
	border-top: 1px solid #395668;
}


.TabbedPanelsContent h3, .TabbedPanelsContent h4
{
   font-size: 95%;
   margin:1em 0 0 0;
}

div#middle p
{
   font-size: 85%;
   margin-top:12px;
}

div#middle p.subHead {
	margin: .5em 0 0 10px;
	font-weight: bold;
	color:#53585c;
}

div#middle a {
	color:#814644;
	text-decoration:underline;
}

div#middle a:hover {
	color:#814644;
	text-decoration:none;
}

div#middle a:visited {
	color:#3c3c3c;
	text-decoration:underline;
}

div#middle ul {
	margin-left:30px;
	padding-left:10px;
	list-style:outside;
	list-style-type:square;
}

div#middle ol {
	margin-left:30px;
	padding-left: 10px;
	list-style: decimal outside;
}

div#middle img.floatleft
{
   float: left;
   margin: 0 10px 5px 0;
}

div#middle img.floatright
{
	float: right;
	margin: 0 0 5px 10px;
}

div#middle img.tshirt
{
	float: left;
	margin: 0 10px 0 0;
	border:1px solid #596B77; 
	padding:2px;
}

div#middle div.news
{
   width: 482px; margin: 10px 0; padding-bottom: 12px;
   background-image: url('event.gif');
   background-position: bottom; background-repeat: no-repeat;
}
div#middle div.news h3
{
   font-family: arial, helvetica, sans-serif; font-size: 125%;
   margin: 0; height: 29px; line-height: 29px; padding-left: 18px;
   background-image: url('event-header.gif');
   background-position: bottom; background-repeat: no-repeat;
}
div#middle div.news p
{
   margin: 5px 18px;
}

div#middle li, div#middle div.news li 
{
	font-size:85%;
}

div#middle .eventDetail {
	margin: 20px 0;
	
}

div#middle .eventDetail h3 {
	margin:0;
	padding:20px 0 0 65px;
   float:left;
   font-family: arial, helvetica, sans-serif;
   width:100px;
   height: 40px;

}

h3.parking {

	background:url('../images/icons/parking.gif') no-repeat top left;
}

h3.directions {
	background:url('../images/icons/directions.gif') no-repeat top left;
}


div#middle div#times p, div#middle div#parking p, div#middle div#venue p
{
   margin: 5px 0;
}

div#specialAnnouncement {
	background-image: url('specialAnnouncement.jpg');
	background-repeat: no-repeat; background-position: top left;
	padding: 0 10px 10px 10px;
	/*border-left: 1px solid #f4f4f4;*/
	border-right: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;		
}

div#specialAnnouncement h2 {
	background : none;
	color: #000;
	padding: 0;
	margin-top: 5px;
}

div#middle #specialAnnouncement h4 {
	border-top:none;
}

/* style for pages without left/right nav */
div#standalone {
	width:482px;
	margin:10px;
}

div#standalone * {
	text-align:left;
}

div#footer
{
   clear: both;
   width: 1004px;
   height: 61px;
   margin: 0 auto;
   padding-top:10px;
   background-image: url('footer.jpg');
   background-repeat: no-repeat; background-position: bottom;
}
div#footer ul
{
   clear: both;
   padding-top: 10px; padding-bottom: 6px;
}
div#footer ul li
{
   display: inline;
   font-size: 90%;
}
div#footer ul li a
{
   color: white;
   text-decoration: none;
   margin: 0 20px;
}
div#footer p
{
   font-size: 75%;
   color: #BFBFBF;
}

/* Styles for event schedule page */

div#middle div.eventBox {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #c0c0c0;
	min-height:110px;
}

div#middle div.eventBox img {
   float: left;
   margin: 0 10px 0 0;
}

div#middle div.eventBox h1 {

}

#content div#middle div.eventBox h2 {
	margin-top:0;
}

.linkFindOutMore {

}

/*utility stuff and hacks */

    * html .clearfix {
        height: 1%; /* IE5-6 */
        }
    .clearfix {
        display: inline-block; /* IE7xhtml*/
        }
        html[xmlns] .clearfix { /* O */
            display: block;  
            }
    .clearfix:after { /* FF, O, etc. */
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }

/* event page content additions */

.eventtagline 
{
	font-style:italic;
	font-weight:bold;
	font-size:115%;
	padding: 0 10px;
	color:#3D464D;
}

.raceTable, .raceTable tbody {
	border: 1px solid #c0c0c0;
	border-collapse:collapse;
	margin: 12px 0;
}

.raceTable thead th{
	border-right:1px solid #c0c0c0;
	text-align:center;
}

.raceTable td, .raceTable th {
	border: 1px solid #c0c0c0;
	padding:3px;
	font-size: 85%;
}

.raceTable .subhead1 {
	font-weight: bold;
	padding-left: 2px;
	padding-top: 12px;
    color:#0994BB;
	border-bottom: 1px solid #c0c0c0;
}

.raceTable .subhead2 {
	 padding-top:10px; 
	 background:#e4e4e4; 
	 text-align:left; 

}
.raceTable tr.topheader {
	background-color: #d7d7d7;
}

.raceTable tr.topheader th {
	padding:2px 0 10px 0;
	text-align:center;
	border-right:1px solid #fff;
}

.raceTable tr.topheader th.lastOne {
	border-right:1px solid #c0c0c0;
}

.raceTitle {
	font-style:italic;
	color:#0B9CBB;
}

/* Tables */
.listingTable, .listingTable tbody{
	border: 1px solid #c0c0c0;
	border-collapse:collapse;
	font-size:95%;
	margin: 1em 0;
}

.listingTable td, .listingTable th {
	border: 1px solid #c0c0c0;
	padding:2px;
	font-size: 95%;
}

table.listingTable.noBorder {
	border : none;
}

/* fixing spry tabbed panels */

.TabbedPanelsContent p {
	padding-left:20px;
}

/* Race Result Pages */

/* Displaying galleries of images */

#sponsorList {
	text-align:center;
/*	padding:10px;*/
}
#sponsorList h2 {
	text-align:left;
	clear:left;
	margin-bottom: 2em !important;
}
p.galleryContainer {
	float:left;
	border:1px solid #fff;
	margin:2px 5px !important;
	min-height:170px;
	min-width:200px;
	text-align:center;
}

p.galleryContainer img {
	margin-bottom:10px !important;
}

/* two column layout support */

div#middle div.twoColumn {
	clear:left;
}

div#middle div.twoColumn p.leftCol {
	float:left;
	text-align:right;
	padding: 5px 5px 0 0;
	width: 175px;
	margin: 5px 0px;
	border-top: 1px solid #c0c0c0;

}

div#middle div.twoColumn p.rightCol {
	float:left;
	text-align:left;
	width: 450px;
	padding: 5px 0 0 5px;
	margin: 5px 0px;
	border-top: 1px solid #c0c0c0;	
}

tr.raceRow.soldout {
	background-color: #FFFF99;
}

.noteEmphasis {
	font-weight: bold;
	padding: 3px;
	margin: 10px;
	border: 1px solid #999999;
}

p.author {
	font-style: italic;	
	margin-top:0;
	margin-bottom:1em;
}

/* CSS Document */

div#middle {
width: 730px;
margin-right: 3px;
margin-left: 30px;
padding-right: 2px;
padding-left: 12px;
}

.date {
	font-size: 16px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
.layouttable {
 	background: #FFFFF0;
	border: solid 1px black;
	padding:3px;
}
.footer {
	font-size : 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	border-top:1px solid black;
}
.style1 {color: #100C08}

div#rightbar .image {
	margin-top:30px;
}

.clear {
	clear:both;
	}