@import url('reset.css');

/* CSS LAYOUT
---------------------------------------------- */

div.container { position: relative; width: 960px; margin: 0 auto; text-align: left; }


/* HEADER
---------------------------------------------- */

#header { position: relative; z-index: 1000; width: 100%; height: 157px; }
#header h1 a { position: absolute; top: 0; left: 0; display: block; }
#header h1 a, #header h1 img { display: block; }

ul#siteNav { position: relative; z-index: 1000; top: 68px; width: 583px; height: 59px; margin: 0 auto; }
ul#siteNav a { position: absolute; top: 0; display: block; text-indent: -9999px; height: 59px; background: url(../images/sitenav-sprite.png) no-repeat 0 0; }
ul#siteNav a { z-index: 1000; }

ul#siteNav li.home a { left: 0; width: 134px; background-position: 0 0; }
ul#siteNav li.home a:hover, ul#siteNav li.home a.active { background-position: 0 100%; }
ul#siteNav li.news a { left: 134px; width: 120px; background-position: -134px 0; }
ul#siteNav li.news a:hover, ul#siteNav li.news a.active { background-position: -134px 100%; }
ul#siteNav li.about a { left: 254px; width: 159px; background-position: -254px 0; }
ul#siteNav li.about a:hover, ul#siteNav li.about a.active { background-position: -254px 100%; }
ul#siteNav li.ourTeam a { left: 413px; width: 170px; background-position: -413px 0; }
ul#siteNav li.ourTeam a:hover, ul#siteNav li.ourTeam a.active { background-position: -413px 100%; }
/*ul#siteNav li.previous_riders2 a { left: 413px; width: 170px; background-position: -413px 0; }
ul#siteNav li.previous_riders2 a:hover, ul#siteNav li.previous_riders a.active { background-position: -413px 100%; }*/

* html ul#siteNav li a:hover { top: -1px; }
* html ul#siteNav li a.active { top: -1px; }

/* HOME
---------------------------------------------- */

#home { text-align: center; }
#home h1 img { margin: 0 auto; }

/* CONTENT CONTAINER
---------------------------------------------- */

#cc { background: url(../images/cc.png) repeat-y bottom left; }
body#team div#cc, body#news div#cc { background: url(../images/cc-team.png) repeat-y bottom left; }
div.ct { position: relative; height: 212px; background: url(../images/cc-t.png) no-repeat 0 0; }
div.ct img { position: absolute; top: -65px; right: -18px; }
* html div.ct img { position: absolute; z-index: -1; }
div.cb { position: relative; height: 20px; background: url(../images/cb.png) no-repeat bottom left; }
#team div.cb, #news div.cb { background: url(../images/cb-team.png) no-repeat bottom left; }


/* CONTENT
---------------------------------------------- */

#content { position: relative; float: left; margin: 0 0 0 60px; padding: 36px 0; width: 540px; margin-bottom: -20px; }
#content1 { position: relative; float: left; padding: 36px 0; width: 540px;}
* html #content { display: inline; }
#team #content, #news #content { position: relative; display: block; width: auto; float: none; margin: 0 20px 0 20px !important; padding: 5px 0 0; }
#content h2.about { position: absolute; top: -132px; left: 60px; }
#content h2.team { position: absolute; top: -132px; left: 41px; }
#content h2.pastteam{position: absolute;top: -60px;left: 50px;}
#content h2.news { position: absolute; top: -132px; left: 141px; }
#content p { margin-bottom: 20px; }

#content ul, #content ol { padding-left: 24px; list-style-type: decimal; }
#content ul { padding-left: 24px; list-style-type: disc; }
#content ul li { padding-bottom: 8px; }

#content h1, #content h2, #content h3 { color: #ff6a04; font-size: 20px; font-weight: bold; margin-bottom: 8px; }
#content h4, #content h5, #content h6 { color: #333; font-size: 16px; font-weight: bold; margin-bottom: 4px; }

#content div.newsEntry { background: url(../images/div-profile.gif) repeat; margin-bottom: 32px; padding: 8px 16px 8px; }
#content div.newsEntry img { position: relative; z-index: 100; border: #FF6A04 solid 2px; }
#content div.newsEntry .alignright { margin-left: 12px; }
#content div.newsEntry .alignleft { margin-right: 12px; }
#content div.newsMeta { border-top: #CCC solid 1px; padding-bottom: 6px; margin-bottom: 20px; }
#content div.newsMeta h3 { margin-bottom: 0; }
#content div.date { padding:0 0 20px 0; font-size: 11px; color: #333; text-transform: uppercase; }
#content div.location { font-size: 11px; color: #333; text-transform: uppercase; }
#content div.form{}

/* SIDEBAR
---------------------------------------------- */

#sidebar { position: relative; float: right; width: 250px; margin: 16px 26px 2px 0; padding: 21px 0; background: #FF6A04; border: #bdbdbd solid 1px; font-size: 12px; }
* html #sidebar { display: inline; }
#sidebar a:link, #sidebar a:visited, #sidebar a:active { color: #FFF; }
#sidebar a.more { background: url(../images/a-more.gif) no-repeat right; padding-right: 14px; display: block; font-weight: bold; margin-left: auto; width: 5.25em; }

#sidebar div.entry { margin-bottom: 20px; }
#sidebar p { margin: 0 20px; }
#sidebar h3.news { margin-left: 20px; margin-bottom: 5px; }

#sidebar img.alignright, #sidebar img.alignleft { border: #FFF solid 2px; }
#sidebar img.alignright { margin-right: 20px; margin-left: 10px; }
#sidebar img.alignleft { margin-left: 20px; margin-right: 10px; }

/*FORM
----------------------------------------------*/
form
{
    color: #000000;
    font-weight: bold;
}

/* TEAM
---------------------------------------------- */

div.profile { position: relative; background: url(../images/div-profile.gif) repeat; overflow: hidden; padding: 22px 0; margin-bottom: 26px; }
div.profile2{position: relative;background-position: url(../images/div-profile.gif) repeat; background: url(../images/div-profile.gif) repeat; overflow: inherit; /*padding: 22px 0;*/ /*margin-bottom: 26px;*/ /*clip: rect(auto, 100%, auto, auto);*/}
* html div.profile { height: 1%; }
#team div.profile ul { list-style: none; padding: 0; }
#team div.profile li { padding: 0; }
#team div.profile h3 { font-size: 16px; font-weight: bold; color: #383838; margin-bottom: 0; }

div.pinfo { position: relative; float: left; width: 290px; margin-left: 23px; margin-right:auto; }
* html div.pinfo { display: inline; }
#team div.pinfo ul { padding-top: 22px; }
#team div.pinfo li { padding-bottom: 3px; }
#team div.pinfo p { clear: left; margin-bottom: 0; }
div.pimages { float: right; width: 480px; }
div.pimages2 { float: right; width: 300px; }

div.profile div.moreInfo { clear: both; padding: 0 23px; }
#content div.moreInfo li { padding: 3px 0; }
div.profile div.moreInfo p, div.profile div.moreInfo ul, div.profile div.moreInfo ol { margin-bottom: 18px; }

img.profilePic, img.largePic { border-color: #ff6a04; border-style: solid; }
img.profilePic2, img.largePic2 { border-color: #ff6a04; border-style: solid; }
img.profilePic { border-width: 5px; float: left; margin: 0 12px 12px 0; }
img.profilePic2 { border-width: 5px; float: left; margin: 0 12px 0px 0; }
img.largePic { display: block; margin-bottom: 18px; border-width: 8px; max-width: 457px; margin-right: 8px; }
img.largePic2 { display: block; margin-bottom: 10px; margin-right: 8px; border-width: 8px; max-width: 300px; float: right; }

#content div.profile ul.sponsors { padding-top: 0; clear: left; position: relative; }
ul.sponsors li { float: left; margin-right: 24px; height: 72px; }



/* FOOTER
---------------------------------------------- */

#footer { font-size: 11px; padding: 28px 0; }
#footer span.tel { padding-right: 20px; }
#footer p { margin-left: 35px; }
* html #footer p { display: inline; }
#footer a:link, #footer a:visited, #footer a:active { color: #ACACAC; }
p#addr { float: left; width: 215px; text-transform: uppercase; color: #ACACAC; margin-bottom: 32px; }
ul#coLogos { float: right; width: 620px; }
ul#coLogos li { float: left; height: 80px; margin-right: 24px; }
p#siteBy { clear: left; }
p#siteBy a:link, p#siteBy a:visited, p#siteBy a:active { color: #6C6C6C; }