@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body{
	background-color: #fff;
	background-image: url(../images/bg.jpg);
	font-family: "Calibri", Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

@font-face {
    font-family: "SF";
	src: url(../fonts/sf.ttf) format("truetype");
}

/* Standard Layout Elements */

#header{
	background-image: url(../images/bg_header.png);
	background-repeat: no-repeat;
	width: 900px;
	margin: 0 auto;
}

#logo{
	float: left;
	margin: 0 0 5px 25px;
}

#container{
	width: 100%;
}

#content{
	margin: 0 auto;
	width: 1060px;
	position: relative;
}

#info{
	background-image: url(../images/bg_map.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 908px;
	min-height: 588px;
	margin: 0 auto;
	position: relative;
}

#compass{
	position: absolute;
	top: 0;
	right: -100px;
}

/* Standard Elements */

.clear{
	clear: both;
	height: 1px;
}

.column{
	float: left;
}

h1{
	font-size: 18px;
	font-family: "SF";
	font-weight: normal;
	color: #0055a5;
	padding: 0 0 10px 0;
}

h2{
	font-size: 15px;
}

h3{
	font-size: 14px;
}

h2, h3{
	margin: 5px 0 5px 10px;
}

ul, ol, dl{
	margin: 0 0 15px 0;
}

ul li, ol li, dl dd{
	margin: 5px 0 5px 30px;
}

.red{
	color:#ef3e35;
}

.blue{
	color: #0055a5;
}

input[type=text], .input_field, .input_textarea, .input_select, .wysiwyg, select, textarea {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	color: #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 2px 2px 2px #eeeeee;
	-webkit-box-shadow: inset 2px 2px 2px #eeeeee;
}

option{
	padding-right: 20px;
}

a{
	color: #0055a5;
}

p{
	padding: 5px;
}


/* Nav Element Styles */

#nav{
	position: absolute;
	z-index: 1000;
	right: 130px;
	margin: 20px 0 0 10px;
}

#nav a{
	display: block;
	float: left;
	margin: 0 0 0 20px;
	background-position: top;
	background-repeat: no-repeat;
	height: 60px;
	width: 116px;
}

#nav a:hover{
	background-position: bottom;
}

#nav #linkfaq{
	background-image: url(../images/nav_faq.png);
	width: 109px;
	margin: 0;
}

#nav #meetus{
	background-image: url(../images/nav_meet.png);
	width: 107px;
	margin: 0;
}

#nav #clues{
	background-image: url(../images/nav_sample.png);
	width: 128px;
}

#nav #gear{
	background-image: url(../images/nav_gear.png);
	width: 110px;
}

#nav #linkevents{
	float: left;
	background-image: url(../images/nav_events.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 120px;
	height: 60px;
}

#nav #linkevents:hover{
	background-position: bottom center;
}

#nav #linkevents li{
	margin: 30px 0;
	padding: 0;
	width: 45px;
	list-style-type: none;
	float: left;
}

#nav #linkevents a{
	display: block;
	width: 45px;
	height: 20px;
	background-position: top;
	background-repeat: no-repeat;
}

#nav #linkevents a:hover{
	background-position: bottom;
}

#nav #linkevents #events2011{
	background-image: url(../images/nav_events_2011.png);
}

#nav #linkevents #events2012{
	background-image: url(../images/nav_events_2012.png);
}


/* Home Styles */

#map{
	position: absolute;
	top: -5px;
	left: -33px;
}

body#index #content, body#allevents #content{
	height: 601px;
}

#newsletter{
	background-image: url(../images/bg_subpage_newsletter_form.png);
	background-repeat:no-repeat;
	width: 489px;
	height: 104px;
	position: absolute;
	z-index: 3;
	bottom: -75px;
	left: 84px;
}

body#index #newsletter, body#allevents #newsletter{
	left: 106px;
	bottom: -85px;
}

body#index #newsletter{
	background-image: none;
}

#newsletter #newsletterForm{
	margin: 40px 0 0 30px;	
	display:block;
}

#newsletter input{
	margin: 0;
	float: left;
	width: 230px;
}

#newsletter .join{
	background-image: url(../images/btn_submit.jpg);
	background-repeat:no-repeat;
	background-position: top;
	height: 27px;
	width: 80px;
	cursor: pointer;
	margin: 0 0 0 10px;
}

#newsletter .join:hover{
	background-position: bottom;
}

#newsletter #newsletterForm div.cmf-skinned-select {
    background: url('../images/select.png') top right no-repeat ;
	float: left;
	cursor: pointer;
	margin: 0 5px 0 0;
	height: 25px;
	display: block;
}

#newsletter #newsletterForm div.cmf-skinned-text {
    margin: 5px 3px 3px 3px;
	display: block;
	line-height: 10px;
	
}

#newsletter #newsletterForm #selectbox{
	height: 29px;
	width: 100px;
	display: block;
}

#newsletter #newsletterForm #selectbox option{
	display: block;
}

.newsletteremail{
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	margin: 0 20px 0 30px;
	z-index: 3;
	width: 440px;
}

.emailsuccess{
	color: #090;
	padding: 6px;
	background-color: #fff;
}

.emailerror{
	color: #F00;
	padding: 6px;
	background-color: #fff;
}

#otherevents{
	background-image: url(../images/bg_other_events.png);
	background-repeat:no-repeat;
	height: 175px;
	width: 328px;
	position: absolute;
	z-index: 3;
	right: 60px;
	bottom: -120px;
}

#otherevents a{
	display: block;
	float: left;
}

#wd{
	background-image: url(../images/icon_wd.png);
	background-repeat:no-repeat;
	width: 96px;
	height: 75px;
	margin: 47px 0 0 10px;
}

#bp{
	background-image: url(../images/icon_bp.png);
	background-repeat:no-repeat;
	width: 84px;
	height: 80px;
	margin: 50px 0 0 70px;
}

#bh{
	background-image: url(../images/icon_rfbh.png);
	background-repeat:no-repeat;
	width: 77px;
	height: 62px;
	margin: 45px 0 0 15px;
}
#videoSwf{
	position: absolute;
	bottom: -20px;
	left: 50px;
}


/* Event Listing Styles */

body#allevents #info{
	background-image: url(../images/bg_map.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 908px;
	min-height: 558px;
	margin: 0 auto;
	position: relative;
}

#eventList{
	width: 750px;
	margin: 0 auto;
	padding: 70px 0 0 20px;
}

#eventList a{
	display: block;
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
}

#eventList a:hover{
	color: #ee7d20;
}

#eventList .column{
	margin: 0 0 0 30px;
}

#eventList .column2011{
	float:left;
	margin: 0 0 0 30px;
}

#eventList .column2012{
	float: left;
	margin: 0 0 0 90px;
}

#eventList .finished a{
	color: #ee7d20;
}/*added by Josh R. 3/4/2011*/ 

/* Event Styles */

body#events #info{
	background-image: url(../images/bg_map_extended.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 908px;
	min-height: 558px;
	margin: 0 auto;
	position: relative;
}

#sidebar3{
	position: absolute;
	left: -110px;
	top: -7px;
	z-index: 0;
}

#sidebar2{
	position: absolute;
	right: -95px;
	top: 80px;
}

#eventDetail{
	margin: 0 auto;
	width: 800px;
	padding: 30px 0 0 0;
}

#eventDetail .header{
	width: 470px;
}

.title{
	font-family: "SF";
	font-size: 20px;
}

.header{
	padding: 0;
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 35px;
	margin: 0 0 0 0;
}

.title span{
	padding: 8px 0 0 5px;
	display: block;
	float: left;
}

#signup, #signupsoon{
	margin: -2px 0 0 -5px;
	display: block;
	background-image: url(../images/btn_signup.png);
	background-repeat:no-repeat;
	background-position: top left;
	height: 65px;
	width: 180px;
}

#signupsoon{
	background-image: url(../images/btn_signup_soon.png);
}

#signup:hover{
	background-position: bottom left;
}

#eventSidebar{
	float: right;
	margin: 0 0 20px 0;
}

#eventContent{
	padding: 0 0 20px 0;
	width: 480px;
	float: left;
}

#eventContent_results{
	padding: 0 0 20px 0;
	width: 100%;
	float: left;
}

#eventContent h1{
	padding: 5px;
	display: block;
}

#eventContent_results h1{
	padding: 5px;
	display: block;
}

#eventImage{
	margin: 0 0 0 -5px;
}

#eventContent .line{
	border-bottom: 2px solid #e32e2f;
	width: 97%;
	margin: 0 0 0 5px;
}

#eventContent_results .line{
	border-bottom: 2px solid #e32e2f;
	width: 97%;
	margin: 0 0 0 5px;
}

#eventContent #business{
	float: right;
	margin: 5px 10px 5px 0;
}

#eventContent_results #business{
	float: right;
	margin: 5px 10px 5px 0;
}

#pricing table{
	margin: 5px;
}

.sidebox_results{
	width:310px;
}

.sideboxContent, .sideboxFooter{
	background-image: url(../images/bg_event_sponsors.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 310px;
	
}

.sideboxFooter{
	background-image: url(../images/bg_event_sponsors_footer.png);
	width: 310px;
	height: 10px;
	padding: 0;	
}

.sideboxContent p, .sideboxContent img{
	padding: 10px;
}

#heroBanner{
	background-image: url(../images/banner_hero.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 310px;
	height: 213px;
	display: block;
}

#eventSidebar .title{
	padding: 10px 0 0 20px;
}

#partnerslink{
	padding: 5px 0 25px 0;	
	display: block;
}

/* Sample Clues Styles */

body#clues #info{
	background-image: url(../images/bg_map_extended.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 908px;
	min-height: 558px;
	margin: 0 auto;
	position: relative;
}

#sampleclues{
	margin: 20px 0 0 110px;
	z-index: 8;
}

/* FAQ Styles */

body#faq #info{
	background-image: url(../images/bg_map_extended.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 908px;
	min-height: 558px;
	margin: 0 auto;
	position: relative;
}

body#faq #info h2{
	margin: 0;
}

#faqContent{
	margin: 0 auto;
	padding: 80px 0 0 0;
	width: 680px;
}

#faqContent p, #faqContent h2, #faqContent ul, #faqContent dl, #faqContent .header{
	padding: 5px 40px 5px 0px;
	margin: 0;
}

#faqContent h2 a{
	color: #0055a5;
	text-decoration: none;
}

#mapFooter{
	background-image: url(../images/bg_map_footer.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 908px;
	height: 15px;
	margin: 0 auto;
	position: relative;
}

.paperHeader{
	background-image: url(../images/bg_faq_content_header.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 800px;
	height: 59px;
}

.paperContent{
	background-image: url(../images/bg_faq_content.png);
	background-repeat:repeat-y;
	background-position: top;
	width: 800px;
	min-height: 500px;
	margin: 0;
	padding: 0;
}

.paperFooter{
	background-image: url(../images/bg_faq_content_footer.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 800px;
	height: 51px;
}

#faqNav {
	margin: 0 0 0 60px;
	width: 780px;
	z-index: 2;
	position: absolute;
}

#faqNav a{
	display: block;
	background-position: top left;
	height: 75px;
	background-repeat: no-repeat;
	float: left;
}

#faqNav .unactive:hover, #faqNav .active{
	background-position: bottom left;
}

#faqNav a#btnGeneral {
	width: 108px;
	background-image:url(../images/btn_faq_general.png);
}

#faqNav a#btnCourse {
	width: 108px;
	background-image:url(../images/btn_faq_course.png);
}

#faqNav a#btnRules {
	width: 108px;
	background-image:url(../images/btn_faq_rules.png);
}

#faqNav a#btnRegistration {
	width: 136px;
	background-image:url(../images/btn_faq_registration.png);
}

#faqNav a#btnRace {
	width: 108px;
	background-image:url(../images/btn_faq_race.png);
}

#faqNav a#btnHeros {
	width: 168px;
	background-image:url(../images/btn_faq_heros.png);
}

#generalInfo, #courseInfo, #rulesInfo, #registrationInfo, #raceInfo{
	margin: 0 0 20px 0;
}

#generalInfo div, #courseInfo div, #rulesInfo div, #registrationInfo div, #raceInfo div{
	padding: 5px;
}

/* St. Jude Styles */
body#stjude #info{
	background-image: url(../images/bg_map_extended.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 908px;
	min-height: 558px;
	margin: 0 auto;
	position: relative;
}

#stJude{
	width: 660px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

#stJude .photo{
	float: left;
	margin: 7px 5px 5px 0;
	font-size: 10px;
	background-color: #084092;
	text-align: center;
	color: #fff;
}

/*Privacy Styles */
body#privacy #info{
	background-image: url(../images/bg_map_extended.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 908px;
	min-height: 558px;
	margin: 0 auto;
	position: relative;
}

#privacyInfo{
	width: 670px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

/* Contact Styles */

body#contact #info{
	background-image: url(../images/bg_map_extended.png);
	background-repeat:no-repeat;
	background-position: top;
	width: 908px;
	min-height: 558px;
	margin: 0 auto;
	position: relative;
}

#contactUs{
	width: 690px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

#contactUs label{
	display: block;
	float: left;
	width: 100px;
	padding: 5px 0 5px 0;
}

#contactUs input{
	margin: 0 0 4px 0;
}

#contactUs .divsubmit input, #contactUs #message{
	padding: 4px;
	margin: 0 0 0 5px;
}

.contactForm{
	margin: 0;
}

#instmsg{
	font-size: 11px;
	font-weight: bold;
}


/* Footer Styles */

#footer{
	width: 900px;
	margin: 0 auto;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	padding: 130px 0 0 0;
}

#footerNav{
	padding: 20px 0 0 0;
	float: left;
}

#footer a{
	text-decoration: none;
	color: #fff;
}

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

#footer #sublinks{
	position: absolute;
	left: 0;
	z-index: 4;
	color: #d5d5d5;
	margin: 0 0 0 50px;
}

#copy{
	float: right;
	position: relative;
	margin: 0 0 5px 0;
	padding: 0 25px 0 0;
	text-align:right;
}

#copy img{
	position: absolute;
	right: 0;
	top: -5px;
}

#designBy{
	padding: 0 0 0 0;
	position: relative;
	margin: 10px 0 0 0;
}

#designBy img{
	position: absolute;
	padding: 0 0 0 5px;
	top: 2px;
	right: -20px;
}