* {margin:0; padding:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}
ul li { list-style:none; }

body
{
    background-color:#fff;
    background-repeat:repeat-x;
    font-family: Arial, sans-serif;
    font-size:14px;
    text-align:center;
}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset { margin:15px 0 8px 0; }

.clearfix:after {
	content: ".";
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
}
* html .clearfix { height: 1%; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */
#main { position:relative; width:980px; margin:0 auto; text-align:left; }
#content { display:block; width:auto; height:auto; margin-top:35px; background-color:#fff; padding-bottom:60px; }
.col1-content-onecol { float:left; width:980px; }
.col2-content-onecol { display:none; }
.col1-content-twocol { float:left; width:740px; height:auto; }
.col2-content-twocol { float:right; width:210px; height:auto; }
.col2-content-twocol-fixed { position:fixed; left:50%; top:190px; margin-left:280px; width:210px; height:auto; }
.vertical-fixed { position:fixed; top:190px;width:210px; height:auto; }

#footer{ width:100%; height:35px; background-color:#ededed; }
#menubkgd { position:absolute; top:67px; height:32px; width:100%; background-color:#ededed; }
#bannerbkgd { position:absolute; top:122px; height:476px; width:100%; background-color:#ffffff; }

@media only screen and (orientation:landscape){
   /* portrait styles here */
   #main {
      width:980px;
   }
   #subnavtab
    { margin-left:auto; margin-right:auto; }
}



/* ----------------------------------------------------------------------------------------------------------
4) Styling
---------------------------------------------------------------------------------------------------------- */
/* Sign in / Sign out */
#sign-in ul { float:right; overflow:hidden; }
#sign-in ul li { font-size:14px; line-height:20px; vertical-align:top; float:left; width:auto; margin:2px 0 0 0; padding:0 8px 0 8px; border-right:solid 1px #dcdcdc; list-style-type:none; height:20px; }
#sign-in ul li.signinlast { border-right:none; padding-right:0;}
#sign-in ul li span { font-weight:normal;}
#sign-in ul li a, #sign-in ul li a:Visited { font-weight:bold; color:#60a200; text-decoration:none;}
#sign-in ul li a:Hover { text-decoration:underline; }
#sign-in ul li a span { font-weight:bold;}
#sign-in ul li span, #sign-in ul li a  { font-size:14px; vertical-align:top; }
#sign-in .signinmenu { padding-bottom:2px;}
#sign-in ul.ddsignin { position:absolute; right:0px; top:30px; background-color:#ededed; z-index:5;}
#sign-in ul.ddsignin li { font-size:13px; line-height:16px; padding:4px 8px; border:none; min-width:140px; }
#sign-in ul.ddsignin li a { font-size:13px; line-height:16px; padding:4px 8px; border:none; text-decoration:none; }
#sign-in .tabHide { display:none; }

/* -------------------- RIGHT COLUMN SUB NAV STYLE ---------------------- */
.right-col-subnav { float:right; width:210px; height:auto; margin-bottom:12px; clear:right; }
.add-race-buttons li,
.right-col-subnav li { float:left; display:block; width:210px; height:30px; margin-bottom:5px; }
.right-col-subnav li a { float:left; padding-left:30px; width:180px; height:30px; line-height:30px; font-weight:bold; font-size:12px; color:#333; }
.right-col-subnav li a:Hover { color:#60a200; }
.right-col-subnav-topspace {min-height:65px; }

/* ----------------------------------------------------------------------------------------------------------
4) Master Page
---------------------------------------------------------------------------------------------------------- */
.footer-nav { float:left; padding:8px 6px 0 0; }
.footer-nav-last { float:left; padding:8px 0 0 0; }
.footer-nav .footchdr,
.footer-nav-last .footchdr {font-size:14px; color:#333333; }
.footer-nav .footcsep,
.footer-nav-last .footcsep {height:2px; width:134px; background-color:#ffffff; margin:4px 0; }
.footer-nav ul,
.footer-nav-last ul { margin-bottom: 0em; overflow: hidden; width:auto; list-style-type:none; margin:0; padding:0; }
.footer-nav ul li,
.footer-nav-last ul li { font-size:11px; font-weight:bold; line-height:18px; color:#666666; }

.footer-nav ul li.header { font-size:9px; color:#333; }

.footer-nav ul li.level2,
.footer-nav-last ul li.level2 { margin-left:15px; list-style-type:none;  }

.footer-nav ul li a:Hover,
.footer-nav-last ul li a:Hover { font-weight:bold; color:#60a200; }
.copyright { display:block; float:right; width:135px; text-align:right; font-size:12px; font-weight:normal; color:#ffffff; padding:8px 2px; }
.footer-logo { background-color:#a7d514; height:35px; }
.footer-logoC { width:980px; margin:0 auto; text-align:left; padding-top:4px; }
.footer-logoL { height:30px; width:130px; float:left; }
.footer-links { width:480px; margin:0 0 0 130px; float:left; }
.footer-links ul { float:left; list-style-type:none; clear:none; margin-left:0; padding-left:0; }
.footer-links ul li  { display:inline-block; margin:5px 0; padding:3px 15px 0 13px; border-right: 2px solid #808080; color:#fff; }
.footer-links ul li.last { border:none; }
.footer-links ul li a {color:#fff; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
Top of page
---------------------------------------------------------------------------------------------------------- */
.toppage { display:block; width:100%; height:43px; margin:12px 0; }
.toppage .logoheader { float:left; display:block; height:43px; width:216px; }
.toppage .logoheader a { height:43px; width:216px; display:inline-block; }
.toppage #signinheader { float:right; display:block; height:43px; }
#sign-in { float:right; position:relative; height:20px; width:auto; font-size:14px; font-weight:bold; padding-top:10px; }
/* site search */
#signinheader .sitesearchbox { clear:right; float:right; margin:1px 0 0 0; height:30px; width:360px; }
.sitesearchbox table { margin:0; }
.sitesearchresults { min-height:800px; }
.sitesearchresults table { margin:0; }
.topmenuright { float:right; }

#submenutabs.topnav { height:32px; clear:both; margin:0 0 12px 0; padding:0; background-color:#ededed; }
#submenutabs.topnav ul { float:left; list-style-type:none; clear:none; margin-left:0; padding-left:0; }
#submenutabs.topnav ul li { display:inline-block; margin:5px 0; padding:3px 15px 2px 13px; border-right: 2px solid #fff; }
#submenutabs.topnav ul li.first-nav { padding-left:0; }
#submenutabs.topnav ul li.last-nav { padding-right:0; border-right:none; }
#submenutabs.topnav ul li a { background:none; margin:0; padding:0; }
#submenutabs.topnav .topmenuright ul li { padding:4px 9px 2px 7px; }
#submenutabs.topnav .topmenuright ul li.first-nav { padding-left:0; }
#submenutabs.topnav .topmenuright ul li.last-nav { padding-right:0; border-right:none; }

#submenutabs.topnav a,
#submenutabs.topnav a span { background:none; font-family:Arial; font-size:14px; font-weight:bold; margin:0; padding:0; color:#333333; text-decoration:none; }
#submenutabs.topnav .active a,
#submenutabs.topnav .active a span { color:#60a200; }
#submenutabs.topnav a:hover,
#submenutabs.topnav a:hover span { color:#60a200; }
#submenutabs.topnav .active a:hover,
#submenutabs.topnav .active a:hover span { color:#60a200; }
#submenutabs.topnav .active ul li a span { color:#333333; }

#submenutabs.topnav ul.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(237, 237, 237);
    /* RGBa with 0.9 opacity */
    background: rgba(237, 237, 237, 0.95);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333, endColorstr=#99333333);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333, endColorstr=#99333333)";
}

#submenutabs.topnav ul li ul { margin:5px 0 0 -15px; padding: 0; position:absolute; visibility:hidden; width:140px; border:none; z-index:100; border-bottom-left-radius: 2px 2px; border-bottom-right-radius: 2px 2px; }
#submenutabs.topnav ul li ul li { width:128px; float:none; display:block; margin:0 6px 0 6px; padding:5px 0; border-right:none; line-height:14px; }

#submenutabs.topnav ul li ul.wide { width:175px; }
#submenutabs.topnav ul li ul.wide li { width:163px; }

#submenutabs.topnav ul li ul li:last-child { border-bottom:0px; margin-bottom:4px; }
#submenutabs.topnav ul li ul li a span { font-size:13px; margin-left:9px; color:#333333; }

#submenutabs.topnav ul li ul div.background { width:140px; background-color:White; padding-bottom:3px; margin-left:1px; }
#submenutabs.topnav ul li ul li.noborder { border-bottom:none; }
#submenutabs.topnav ul li ul li.header span { font-size:10px; color:#555555; font-weight:bold; margin-left:8px; }

/* -----------------------------------------------------------------------------------------------------------
Registration Page
-------------------------------------------------------------------------------------------------------------- */
.map-wrapper {float:left; width:300px; height:auto; display:inline; position:relative; }
.raceinfo-wrapper {float:right; border:solid 1px #ededed; width:416px; height:225px; display:inline; position:relative;}
.raceinfo-wrapper table {margin:12px; padding:0; border-collapse:collapse;}
.raceinfo-wrapper table tr td {padding:0 5px 5px 5px; font-weight:bold; color:#323232; vertical-align:middle;}
.raceinfo-wrapper table tr td.label { text-align:right; font-weight:normal; color:#5e5e5e; white-space:nowrap; }