body {
    /* Center IE */
    text-align:center;
    font-family:Arial, Sans-Serif;
    color:#fff;
    font-weight:normal;
    background-color:#000;
}
#pageWrapperOuter {
    position:relative;
    top:0;
    left:0;
    width:975px;
    /* Correct centering for IE */
    text-align:left;
    /* Center Mozilla/Opera */
    margin: 0px auto 0px auto;
}
#pageWrapperInner{ 
    /* Set width for IE 6 */
    width:100%;
}
h1{
}
h2{
}
h3{
}
p{
}
a{
    /* remove outline that Firefox puts on */
    outline:none;
}


/* --- HEADER ---*/
#headerWrapper{
    background-image:url(../images/header_background_strip.gif);
    background-repeat:repeat-x;
    background-position:0 0;
}
#header
{
    background-image:url(../images/header_rider_head.gif);
    background-repeat:no-repeat;
    background-position:right top;
    height:145px;
}
#headerLogo{
    position:absolute;
    top:0px;
    left:148px;
    width:200px;
    height:60px;
}
#headerLogo a{
}
#headerExtra1{
    position:absolute;
    top:0;
    left:0;
    width:148px;
    height:265px;
    z-index:1000;
    background-image:url(../images/header_motocross_rider.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}
#headerExtra2{
    position:absolute;
    top:10px;
    right:175px;
    width:355px;
    height:18px;
    z-index:1001;
    background-image:url(../images/logo_extra_text.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

/* --- TOP LINKS ---*/
#links{
    text-align:left;
    font-size:0.95em;
    background-image:url(../images/top_links_strip.gif);
    background-repeat:repeat-y;
    background-position:0 0;
    margin-bottom:10px;
}
#links ul{
   font-family:Verdana, Sans-Serif;
   padding-left:272px;
}
#links li{
    display:inline;
    padding: 0px 30px 0px 4px;
    line-height:1.75em;
    font-weight:bold;
}
#links a{
     color:#000;
     text-decoration:none;
}
#selectedTopNavLink a{
    color:#000 !important;
    border-top:solid 2px #fff;
}


/* --- BREADCRUMB ---*/
#locator{
   display:none;
}
#locator span{
   white-space:nowrap; 
}


/* --- Content --- */
#contentWrapper{
    position:relative;
    top:0;
    left:0;
    /* Need width for IE6! */
    width:100%;
    background-image:url(../images/vertical_bar.gif);
    background-repeat:repeat-y;
    background-position:240px 0px;
    padding-bottom:30px;
    margin-bottom:10px;
}
#printLogo{
    display:none;
}

/* Switch positions with the left column and the
middle column as the middle column appears first in the
markup.  This is to help with SEO */
#columnLeft{
   float:left;
   position:relative;
   left:-510px;
   width:240px;
   padding-top:80px;
}
#columnMiddle{
    float:left;
    position:relative;
    left:240px;
    width:510px;
     /* Sets the overall basic font-size and line heights
    for everything in the middle column */
    font-size:0.85em;
    line-height:1.65em;
}
#columnMiddle p{
    margin-bottom:1em;
}
#columnMiddle ul{
   margin-left:30px;
   margin-bottom:0.5em;
   list-style-type:disc;
}
#columnMiddle li{
    margin: 0em 15px 0.25em 0px;
    line-height:1.6em;
}
#columnMiddle a{
   color:#eee;
   text-decoration:underline;
}
#columnRight{
    float:left;
    width:223px;
    background-image:url(../images/vertical_bar.gif);
    background-repeat:repeat-y;
    background-position:0 0;
}

/* --- MAIN CONTENT ---*/
#mainContent{
    float:left;
    width:440px;
    color:#eee;
    padding-left:36px;
}
#mainContent h2{
    color:#ec6603;
    font-size:1.3em;
    font-weight:normal;
    text-align:left;
    margin: 1em 0 0.20em 0;
    padding: 2px 4px 2px 0px;
}
#mainContent h3{
    font-size:1.15em;
    font-weight:bold; 
    margin: 0.8em 0 0.4em 0;
}
#clearerContent{
    clear:both;
    height:1px;
    line-height:1px;
    font-size:1px;
    width:100%;
} 
.clearBoth{
    clear:both;
    height:1px;
    line-height:1px;
    font-size:1px;
    width:100%;
}
/* --- MAIN CONTENT WIDE---*/
/* --- when there is no right column (e.g. video page) --- */
#columnMiddleWide{
    float:left;
    position:relative;
    left:240px;
    width:710px;
     /* Sets the overall basic font-size and line heights
    for everything in the middle column */
    font-size:0.85em;
    line-height:1.65em;

}
#mainContentWide{
    float:left;
    width:640px;
    color:#eee;
    padding-left:36px;
}
#columnLeftWide{
   float:left;
   position:relative;
   left:-710px;
   width:240px;
   padding-top:80px;
}

   

/* --- FOOTER ---*/
#footerWrapper{
    border-top:dotted 1px #aaa; 
}
#footer{
    /* Do the position relative so IE6 knows where
    to correctly place login button */
    position:relative;
    top:0;
    left:0;
    /* Keep IE6 from allowing login to 'disappear' */
    height:100%;
    color:#ccc;
    text-align:left;
    font-size:0.70em;
    padding-top:0.3em;
    padding-bottom:0.5em;
}
#footer ul{
}
#footer li{
    display:inline;
    padding: 0px 15px 0px 15px;
    line-height:1.6em;
}
#footer a{
     color:#ccc;
     font-size:0.95em;
     font-weight:normal;
     text-decoration:none;
}
#websiteCreator{
    position:absolute;
    right:0px;
    top:0.3em;
}

/* Tables */
table {
	width:440px;
}
table tr{
	border-bottom:solid 1px #444;
}
table tr.tableHeading {
	font-weight:bold;
	background-color:#333;
}
table td {
	padding:5px;
}

/* -- JQuery Specific --*/

.accordion{
    width:100%;
}
.accordion .head{
    cursor:pointer;
}
.accordion div{
    font-weight:normal;
    font-family:Verdana, Sans-Serif;
    color:#fff;
    text-align:left;
    line-height:1.5em;
}
.accordion div a{
    color:gray;
    font-size:1.1em;
    text-decoration:underline;
}
.slideshowContainerLinks{
    position:relative;
    width: 180px; 
    height: 180px;
    padding:0;
    margin:0;
    margin-left:30px;
    margin-top:10px;
}
.slideshowContainerLinks img{
    position:absolute;
    top:0;
    left:0;
    border:solid 1px #fff;
    width:175px;
    height:175px;
}