﻿
@import url("/css/normalize.css");
@import url("/css/color.css");
@import url("/css/type.css");



body
{   
   position : relative;
   width : 775px;
   margin : 0 auto;     
}


/*
MASTERS
*/

div#branding, div#content, div#site_info 
{
    position : relative;
    width : 775px;
}



/*----------------------------------------------
BRANDING 
-------------------------------------------------*/

#branding h1 
{
    width : 775px;
    height : 183px;    
}

#branding h1 a 
{
    display : block;
    width : 220px;
    height : 140px;
    text-indent : -9999em;
    margin-left : 555px;   
}

#branding h2
{
	position: absolute;
	bottom: 50px;
	right: 25px;
}

#branding h3 {
	color:#74B925;
	font-style:italic;
	font-size:18px;
}

#branding h3 a{
	text-decoration:none;
	color:#74B925;
}

#branding span{
	position:absolute;
	z-index:1000;
	left:390px;
	top:75px;
	color:#74B925;
	text-align:center;
	font-size:14px;
	font-style:italic;
}

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


div#nav_main, div#content_main, div#content_sub
{
    position : absolute;
    top : 1em;
   
}

/*NAV MAIN*/

#nav_main
{    
    width : 168px;    
    left : 0;
    padding : .5em 0 0 .3em;
}

#nav_main ul li a
{
    display         : block;
    width           : 148px;
    height          : 25px;
    text-indent     : -999em;
}

#nav_main img
{
    text-indent     : 0;    
    position        : relative;
    margin-bottom   : 10px;
    margin-top      : 15px;
}

/*CONTENT MAIN*/

#content_main
{	
	left            : 172px;
	width           : 360px;
	padding-top     : 40px;
}

img#imgBoyOnBike
{
    float           :right;
    margin-left     :5px; 
}

img#imgManOnBike
{
    margin-top      :10px;
    margin-left    :10px; 
}
    
h2#headerTop
{
	position        : absolute;
	width           : 600px;
    height          : 40px;
    text-indent     : -9999px;
    top             : 0;
    left            : 0;	
}

#content_main h4
{
    padding : 1em 0;    
}

#content_main p 
{
    padding : 1em .5em;    
}

#content_main ul.radioSponsors li 
{
    position : relative;
    float : left;    
}

#content_main ul.radioSponsors li a 
{
    display : block; 
    text-indent : -999em;
    width : 176px;
    height : 88px;   
}

#content_main td,
#content_main th
{
	padding : 3px;
}

h3#proceedsBenefit 
{
    text-indent:-999em;
	width : 199px;
	height : 19px;
	margin-left :1em;
}

h3#broughtToYou
{
	text-indent: -999em;
	width : 199px;
	height : 19px;
	margin-left : 1em;
}

div.vcard 
{
    text-align : center;    
}

ul.tourRoutes li 
{
    text-indent : 0;
    text-align : center;    
}

p#adobeReader
{
	text-align : center;
	line-height : 1.8em;
}
 
p.centerText 
{
    text-align: center;
}
/*CONTENT SUB*/

#content_sub
{		
    left : 540px;
	width : 227px;
	padding-top : 45px;
	text-align : center;  
}
div#content_sub ul li
{   text-align : left;
    padding : 1em 0  0 2em;
	padding-top : 1em;
}


/*----------------------------------------------
SITE INFO
-------------------------------------------------*/



#site_info blockquote
{
	padding : 20px 210px 0 60px;	
	text-align : right;
}

#site_info 
{   width : 775px;
    height : 81px; 
}

#site_info p
{
    position : absolute;
    bottom : .2em; 
    right : 1.5em;    
}

