/************************  SCREEN STYLES **********************************/

/*________________________GROUND RULES__________________________________*/

html   { height: 100%;
         font-size: 100.01%; /* prevent extreme font resizing in IE */
         }

body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: helvetica, arial,sans-serif;
    font-size: 12px;
    color: #666;
    background: #222 url(../images/bg.png) center repeat-y;
    height: 101%; /*The 101% vs. 100% causes a virtical scrollbar in all cases and thus prevents page shift - Remove this line if you don't want a scrollbar*/
    }
		
body, p, ul, li, h1, h2, h3, h4, form, html, input, img, a { /*Starts you off with no padding or margin which you can add later on a more specialized basis.*/
    margin:0; 
    padding:0; 
    } 

table, td { margin:0; padding:0; border-spacing: 0px; border-collapse:collapse; text-align:left; } /*This equates too: <table cellspacing="0" cellpadding="0" border="0"> thus, in your HTML your table tags can look like this <table>... </table>. Warning: if you're accommodating IE MAC use: <table cellspacing="0">... </table> */

img, a img, a:link img, a:visited img {border:none; background:none;} /* remove border from images and linked images */    


h3, h2, h1 {padding:0; margin:0;}

/* Default links */
a:link { color: #666; text-decoration: underline;}
a:hover { color: #666; text-decoration: none;}
a:visited { color: #666; text-decoration: underline;}
a:visited:hover { color: #666; text-decoration: none;}

/*________________________HOME ONLY STYLES__________________________________*/
#home_date {
    position:absolute;
    width:774px;
    top:16px;
    left:121px;
    color:black;
    font:bold 11px Helvetica,Arial;
    letter-spacing:4px;
    text-transform:uppercase;
    }

#home_logo {
    position:absolute;
    left:372px; 
    top:35px;
    }

#btn_pos {
    position:absolute;
    width:782px;
    top:354px;
    left:115px
    }

#home_logo div {
    text-align:center;
    color:#000;
    font:bold 16px Helvetica, Arial;
    text-transform:uppercase;
    padding-top:4px;
    }

#centerCol {
    background: #fff url(../images/hm_mid.png) repeat-y;
	}
	
#foot { margin-top: 550px; padding-bottom:50px; text-align: center; color: #eee; }	

/*________________________RUN/RIDE STYLES__________________________________*/

#centerCol, #centerCol_run, #centerCol_ride  {
    position: relative;
    width:1000px;
    margin-left: auto;
    margin-right: auto;
	}

#centerCol_run {
    padding-top:114px;
    background: #7897A3 url(../images/run_top.jpg) no-repeat;
    }

#centerCol_ride {
    padding-top:114px;
    background: #A0C888 url(../images/ride_top.jpg) no-repeat;
    }

#content_wrap {
    width:830px; 
    min-height:500px;
    margin-left:auto;
    margin-right:auto;
    background:white;
    padding:30px 40px;
    }

#logo_in {
    position:absolute;
    left:46px;
    top:25px;
    z-index:2;
    }

#run_it {
    position:absolute;
    right:66px;
    top:25px;
    z-index:2;
    }
    
#ride_it {
    position:absolute;
    right:50px;
    top:19px;
    z-index:2;
    }

p {
	line-height:1.6em;
	margin-top:16px;
	}


/*   style for start time & maps on ride page  */	 
table#chart { border-top : 1px solid #666; border-right : 1px solid #666; margin-top: 10px; margin-left: 10px;}
#chart td { border-bottom: 1px solid #666; border-left: 1px solid #666; font-size: 12px;}	 

.map a { text-decoration: none; color: #666; font-size: 12px; }
.map a:hover { text-decoration: underline; } 

/*   start time table for run   */
table#chart2 { border-top : 1px solid #666; border-right : 1px solid #666; margin-top: 10px; margin-left: 10px; }
#chart2 td { border-bottom: 1px solid #666; border-left: 1px solid #666; font-size: 12px; text-align: center; }	

/*   sponsor iamges tables   */
table.sponsors { width: 600px; margin: auto; margin-top: 2px; text-align: center; }
.sponsors td { text-align: center; color: #ccc; font-size: 12px; padding:6px; } 

#footer {
    width:1001px;
    margin-left: auto;
    margin-right: auto;
    text-align:right;
    font-size:11px;
    color:#C5D7DC;
	}

#footer_menu {
	float:left;
	color:#5C99BA;
	font-size:10px;
	padding:22px 0 0 12px;
	border:none;
	width: 405px;
	}

#footer_menu a:link { color:#ACB922; text-decoration:underline}	
#footer_menu a:hover { color:#5C99BA; text-decoration:underline;}
#footer_menu a:visited { color:#ACB922; text-decoration:underline;}
#footer_menu a:visited:hover { color:#5C99BA; text-decoration:underline;}	

	
#copyright {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	font-size:10px;
	color:#cccccc;
}


/*________________________INSIDE ONLY STYLES__________________________________*/


/*____________________________________ FORM STYLES ___________________________*/


/*____________________________________ FORM STYLES ___________________________*/
body.mceContentBody