/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */
/* ALL PNG BACKGROUND GRAPHICS WILL HAVE ADDITIONAL SELECTORS IN IE6.CSS */

/* BEGIN STRUCTURE */
:focus {-moz-outline-style: none;} /* removes dotted border around FF links */

html, body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#fff;
}

div#container_wrapper {
	position:relative; 
	width:1000px;
	margin:0 auto 0 auto; 
	padding-top:75px;
}

div#container {
	text-align:left;
	background-color:#f0dab7;
	border:4px solid #070708;
}

div#branding_nav {
	height:150px;
	position:absolute;
	top:0px;
	left:0px;
}

#branding_nav img#logo {
	position:absolute;
	top:17px;
	left:358px;
}

ul#nav {
	position:absolute;
	top:27px;
	left:0px;
	width:1000px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

#nav a{
	display:block;
	border:0px solid black;
}

ul#nav, #nav a {height:47px;}

#home, #event, #ride, #directions, #registration, #sponsors, #media, #contact, #volunteers, #ppp, #registerNow {
	float:left;
	height:47px;
	line-height:auto;
}


#registerNow {width:146px;height:78px;position:absolute;top:58px;left:124px;}
#registerNow a, #registerNow a:visited {width:146px;height:78px;background:url("../img/btn-register-now.gif") top left no-repeat;}

#home {width:35px;height:24px;position:absolute;top:61px;left:14px;}
#home a, #home a:visited {background:url("../img/icon-home.gif") top left no-repeat;}

#facebook {border:0px solid blue;width:86px;height:47px;position:absolute;top:53px;right:5px;}
#facebook a, #facebook a:visited {height:47px;background:url("../img/facebook.gif") top left no-repeat;}

#event {width:112px;}
#event a, #event a:visited {background:url("../img/btn-event.gif") top left no-repeat;}
#event a:hover {background:url("../img/btn-event.gif") top right no-repeat;}

#ride  {width:126px;margin-left:13px;}
#ride a, #ride a:visited {background:url("../img/btn-ride.gif") top left no-repeat;}
#ride a:hover {background:url("../img/btn-ride.gif") top right no-repeat;}

#directions  {width:74px;margin-left:20px;}
#directions a, #directions a:visited {background:url("../img/btn-directions.gif") top left no-repeat;}
#directions a:hover {background:url("../img/btn-directions.gif") top right no-repeat;}

#registration {width:88px;margin-left:257px;}
#registration a, #sponsors a:visited {background:url("../img/btn-registration.gif") top left no-repeat;}
#registration a:hover {background:url("../img/btn-registration.gif") top right no-repeat;}

#sponsors {width:66px;margin-left:7px;margin-top:17px;}
#sponsors a, #sponsors a:visited {background:url("../img/btn-sponsors.gif") top left no-repeat;}
#sponsors a:hover {background:url("../img/btn-sponsors.gif") top right no-repeat;}

#media  {width:49px;margin-left:17px;margin-top:17px;}
#media a, #media a:visited {background:url("../img/btn-media.gif") top left no-repeat;}
#media a:hover {background:url("../img/btn-media.gif") top right no-repeat;}

#contact {width:56px;margin-left:17px;margin-top:17px;}
#contact a, #contact a:visited {background:url("../img/btn-contact.gif") top left no-repeat;}
#contact a:hover {background:url("../img/btn-contact.gif") top right no-repeat;}

#volunteers {width:76px;margin-left:17px;margin-top:17px;}
#volunteers a, #volunteers a:visited {background:url("../img/btn-volunteers.gif") top left no-repeat;}
#volunteers a:hover {background:url("../img/btn-volunteers.gif") top right no-repeat;}

img#dot1 {position:absolute;top:55px;left:112px;}
img#dot2 {position:absolute;top:55px;left:768px;}
img#dot3 {position:absolute;top:55px;left:835px;}
img#dot4 {position:absolute;top:55px;left:908px;}
img#dot5 {position:absolute;top:55px;left:258px;}
img#dot6 {position:absolute;top:55px;left:687px;}

div#content {
	padding-top:125px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:20px;
	background-color: transparent;
}

div#content_left {
	float:left;
	width:156px;
	text-align:right;
	padding-right:10px;
	background-color: transparent;
}

div#content_center {
	float:left;
	width:600px;
	background-color: transparent;
}

div#content_main {
	background-color: transparent;
}

div#content_right {
	float:left;
	width:175px;
	padding-left:10px;
	background-color: transparent;
}

div#site_info {
	margin:0 auto 0 auto;
	height:80px;
	padding-top:10px;
	color:#000;
	text-align:center;
	border:0px solid #000;
}

#site_info ul {
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	font-size:12px;
}
#site_info li {display:inline;}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#000;
}

h1, h2, h3, h4, h5 {
	margin:0px;
	margin-bottom:4px;
}

p, ul, ol {font-size:14px;}

h1 {font-size:22px;color:#ed1b35;} 

h2 {font-size:18px;color:#062c65;}


h3 {font-size:16px;}

h4 {font-size:12px;}

h5 {font-size:16px;color:#ed1b35;}

p {
	margin:0px;
	margin-bottom:10px;
}

ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:40px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("../img/dot.png");
}

ol {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:40px;
	text-indent:0px;
	text-decoration:none;
}

li {line-height:20px;}
/* END GENERAL TYPOGRAPHY */
.red {color:#ed1b35;}
/* BEGIN VARIOUS TAGS AND CLASSES */
img {border:0;}
.30px_bottom_margin {margin-top:30px;}
.center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:1.1em;}
.no_spacing {margin:0px; padding:0;}
.light, .tableLight {background-color:#f4e2bd;}
.dark, .tableDark {background-color:#ececec;}
.adminBar {background-color:#2d4122;}
.tableHighlight {background-color:#5f4f4b;}
.white {color:#FFFFFF;}
.hidden {display:none;}
.icon {vertical-align:middle;}
a.no_link, a.no_link:visited, a.no_link:hover {color:#062c65;text-decoration:none;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #000;
}

.photo {
	float:left;
	margin:0 11 11 0px;
	padding:3px;
	background:#fff;
	border:1px solid #acc0a5;
}
/* END VARIOUS TAGS AND CLASSES */

/* BEGIN CUSTOM, SITE SPECIFIC STYLES */
ul.contact_list {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none
}
ul.contact_list li {line-height:auto;float:left;padding-right:30px;padding-bottom:10px;}

#pricingTable {border:2px solid #000;background:#fff;text-align:center;width:400px;font-size:12px;margin-bottom:5px;}
#pricingTable .left {text-align:left;}
#pricingTable td {border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb;}

#overview {text-align:center;margin-left:-40px;}

#sponsorsTable {text-align:center;margin-left:-5px;}
#sponsorsTable td {vertical-align:middle;padding:0px 0px 30px 0px;}
/* END CUSTOM, SITE SPECIFIC STYLES */