@charset "UTF-8";
/* CSS Document */

body	{
background-image:url(../images/layout/bg-tile-footer-grey.png);
background-repeat:repeat;
background-color:#eee;
background-attachment:fixed;
}

img	{
border:none;
}

h1	{
color:#990000;
font-size:18px;
font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
}

h2	{
color:#222D45;
font-family:tahoma, verdana, arial, sans-serif;
font-size:16px;
margin-top:0px;
letter-spacing: 2px;
}

h3	{
color:#222D45;
font-family:tahoma, verdana, arial, sans-serif;
font-size:14px;
}

p	{
font-family:tahoma, verdana, arial, sans-serif;
font-size:12px;
color:#333333;
}

a	{
text-decoration:none;
color:#274E91;
}

a:hover	{
color:#D6DDE9;
}

#container	{
position:absolute;
top:0px;
margin-left:auto;
margin-right:auto;
width:800px;
min-height:800px;
background-color:#FFFFFF;
		}
		
#contentContainer	{
width:912px;
margin-left:auto;
margin-right:auto;
}

#nav	{
width:912px;
height:50px;
margin:0px;
}

#nav ul	{
list-style:none;
display:block;
background:url(../images/nav.png) no-repeat 0 0;
float:left;
width:912px;
height:50px;
padding:0px;
margin:0px;
}

#nav ul li	{
height:50px;
display:block;
float:left;
text-indent:-10000px;
}

#nav a	{
text-align:center;
font-family:Tahoma;
text-transform:capitalize;
color:#D6DDE9;
text-decoration:none;
display:block;
width:100%;
height:100%;

}

#home {
width:134px;
}
 
#home a:hover {
background:url(../images/nav.png) no-repeat 0 -50px;
}
	
#riders	{
width:149px;
}

#riders a:hover	{
background:url(../images/nav.png) no-repeat -134px -50px;
}

#route	{
width:185px;
}

#route a:hover	{
background:url(../images/nav.png) no-repeat -283px -50px;
}

#media	{
width:150px;
}

#media a:hover	{
background:url(../images/nav.png) no-repeat -468px -50px;
}

#contact	{
width:149px;
}

#contact a:hover	{
background:url(../images/nav.png) no-repeat -618px -50px;
}

#sponsors	{
width:145px;
}

#sponsors a:hover	{
background:url(../images/nav.png) no-repeat -767px -50px;
}

#header	{
width:912;
height:370px;
padding:0px;
margin:0px;
position:relative;
z-index:100;
}

#header-logo	{
position:absolute;
right:0px;
top:0px;
z-index:102;
}

#header-overlay	{
width:912px;
height:40px;
top:330px;
position:absolute;
left:0px;
background-image:url(../images/layout/bg-trans-70pc.png);
background-repeat:repeat;
z-index:101;
margin:0;
}

#header-overlay	p	{
color:#FFFFFF;
padding:3px;
margin:0;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 2px;
font-size:16px;
text-align:center;
}

#contentMain	{
position:relative;
width:908px;
background-color:#FFFFFF;
border-style:dashed;
border-color:#9095A2;
}

#contentTop	{
border-bottom-style:dashed;
border-bottom-color:#9095A2;
color:#000066;
margin:0;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 2px;
font-size:14px;
text-align:center;
}

#contentLogos	{
width:908px;
clear:both;
background-color:#FFFFFF;
}

#contentMid	{
width:300px;
margin-left:304px;
height:510px;
border-left-style:dashed;
border-left-color:#9095A2;
border-right-style:dashed;
border-right-color:#9095A2;
padding:2px;
overflow:auto;
}

.blog-post	{
border-bottom-width:1px;
border-bottom-color:#eee;
border-bottom-style:solid;
}


#contentLeft	{
position:absolute;
top:87px;
left:2px;
width:300px;
}

#contentRight	{
position:absolute;
top:87px;
right:0px;
width:290px;
float:right;
}

#contentMidContent	{

}

#contentMidContent a	{
font-weight:bold;
text-decoration:none;
font-family:tahoma, verdana, arial, sans-serif;
font-size:12px;
color:#333333;
}

#contentMidContent a:hover	{
color:#9095A2;
}

#liveTracking	{
border-bottom-style:dashed;
border-bottom-color:#9095A2;
padding:2px;
height:250px;
}

.gmap	{
margin-left:auto;
margin-right:auto;
}

#twitter	{
padding:2px;
height:250px;
}

#twitter-feed	{
height:200px;
}

div.twitter { 
margin: auto; 
width: 280px; 
height:200px; 
font-family:tahoma, verdana, arial, sans-serif;
font-size:12px;
color:#333333; 
}

#videos	{
padding:2px;
height:250px;
border-bottom-style:dashed;
border-bottom-color:#9095A2;
}

#photos	{
padding:2px;
height:250px;
}

#flickr	{
width:100%;
height:220px;
}

.routeDate	{
font-size:14px;
font-weight:bold;
}

.toggle	{
color:#000066;
font-size:14px;
}

.toggle a	{
text-decoration:none;
color:#000066;
font-family:tahoma, verdana, arial, sans-serif;
}



#footer	{
clear:both;
padding-bottom:10px;
width:912px;
background-color:#222D45;
background-image:url(../images/layout/bg-tile-footer.png);
background-repeat:repeat;
min-height:260px;
}

#footer h3	{
padding:0px;
margin:0px;
color:#222D45;
font-family:tahoma, verdana, arial, sans-serif;
font-size:16px;
letter-spacing: 2px;
}

#footer-col-container	{
margin-left:auto;
margin-right:auto;
}

#logo-container	{
background-color:#eee;
text-align:center;
/* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  padding-bottom:3px;
}


#footer-col	{
float:left;
width:150px;
font-family:tahoma, verdana, arial, sans-serif;
font-size:11px;
color:#eee;
padding-bottom:5px;
}

#footer-col ul	{
list-style:none;
}

#footer	a	{
color:#eee;
}

#footer	a:hover	{
color:#000066;
}

.sponsorLogo	{
float:left;
padding:5px;
}

/*blog styling*/
#content	{
background-color:#FFFFFF;
padding:5px;
}

small	{
font-family:tahoma, verdana, arial, sans-serif;
font-size:10px;
color:#333333;
}