body {
background-color: #2b60de;
margin: 0;
font-family: arial, verdana,helvetica,sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
line-height: 17px;
}


ul {
padding: .0;
margin: 0 0 1.3em 1.4em;
text-align: left;
}

li {
padding-top: 3px;
}



a {
color:  #007BEE;
}

a:hover {
color: #57AEFF;
}



.head {
float: left;
padding: 9px;
text-align: left;
}

.bold {
font-size: 120%;
font-weight: bold;
line-height: 20px;
}

#challenge_table {
font-size: 11px;
line-height: 11px;
background-color: #fff;
border: 1px solid #c0c0c0;
}

.challenge_label {
padding-top: 20px;
padding-bottom: 0;
font-size: 110%;
font-weight: bold;
}

.quote {
float: left; 
margin: 5px 20px 20px 5px; 
padding: 12px; 
background-color: #FFFFE6; 
border: 1px solid #c0c0c0;
}

.news_date {
font-size: 11px;
color: #333333;
margin-bottom: 14px;
}


h1 {
font-size: 150%;
text-align: center;
color: #359EFF;
margin: 7px 0 9px 0;
}

h2 {
font-size: 120%;
color: #359EFF;
margin: 7px 0 5px 0;
}

h3 {
font-size: 115%;
color: #359EFF;
margin-top: 30px;
margin-bottom: 7px;
}

h4 {
font-size: 106%;
color: #000000;
font-weight: bold;
margin: 10px 0 10px 0;
}


hr {
width: 300px;
text-align: center;
margin-top: 25px;
margin-bottom: 18px;
margin-left: auto;
margin-right: auto;
color: #89C6FF;
}


#wrapper {
margin: auto;
vertical-align: top;
width: 1000px;
background-color: #ffffcc;
background-image: url(../images/bg.gif);
border: none;
}

#top_border {
float: left;
width: 1000px;
height: 50px;
background-image: url(../images/top.gif);
}


#home_topwrap {
float: left;
height: 271px;
margin-bottom: 3px;
}


#runners_photo {
float: left; 
padding: 0;
border: 1px solid #c0c0c0;
}

 #leftmain {
 float: left;
 width: 157px;

}

#home_photo {
float: left;
width: 142px;
height: 214px;
border: 2px solid #c0c0c0;
margin: 0 15px 0 5px;
}

#page_photo {
float: left;
padding: 0;
margin: 0 0 15px 0;
width: 142px;
height: 255px;
border:  2px solid #00D1F6;
}


.preload {
display:none;
}



#page_title {
margin: 15px 0 15px 0;
text-align: center;
}




/*Do not add to the width of the div below!*/
#top_text {
float: left;
width: 540px;
padding: 4px 20px 0 37px;
margin: 0;
text-align: left;
}

#map {
float: left;
margin: 0 0 0 2em;
}

#left_border {
float: left;
width: 76px;
height: 879px;
background-image: url(../images/left.gif);
}


#header {
float: left;
margin: 0 0 0 10px;
width: 739px;
height: 110px;
padding: 0;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
}



#headline {
float: right;
color:  #0033ff;
background-color: #FFFFE6;
text-align: center;
width: 150px;
border: 1px solid #c0c0c0;
margin: 0 0 20px 0;
padding: 8px 8px 3px 8px;
line-height: 17px;
}


#headline a {
color: #0033DD;
font-size: 11px;
}


#headline a:hover {
color: #7B9AFF;
}


.headline_li {
padding-top: 10px;
}


.headline_bullet {
padding-top: 10px;
}



#address {
margin: 2em 0 0 2em;
font-weight: bold;
}

#facebook  {
float: left;
margin: 12px 10px 22px 0px;

}


#leftnav {
float: left; 
width: 158px;
text-align: left;
margin: 0;
background-image: url(../images/left_nav_all.gif);
background-repeat: no-repeat;
}


/* left nav images begin below */

#counter {
text-align: center;
font-family: arial, verdana,helvetica,sans-serif;
font-size: 15px;
color: #000;
background-color: #fff;
border: 1px solid #007BEE;
padding: 5px 0 5px 0;
margin-bottom: 12px;
}

.main_events {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_main_events.gif);
background-repeat: no-repeat;
}



.marathon {
 width: 157px;
 height: 26px; 
 background-image: url(../images/btn_marathon.gif);
 background-repeat: no-repeat;
  }


.marathon a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_marathon.gif);
background-repeat: no-repeat;
}

.marathon a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_marathon_on2.gif);
background-repeat: no-repeat;
}



.halfathon {
 width: 157px;
 height: 26px; 
 background-image: url(../images/btn_halfathon.gif);
 background-repeat: no-repeat;
  }


.halfathon a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_halfathon.gif);
background-repeat: no-repeat;
}

.halfathon a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_halfathon_on2.gif);
background-repeat: no-repeat;
}




.miler {
 width: 157px;
 height: 26px; 
 background-image: url(../images/btn_5miler.gif);
 background-repeat: no-repeat;
  }


.miler a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_5miler.gif);
background-repeat: no-repeat;
}

.miler a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_5miler_on2.gif);
background-repeat: no-repeat;
}




.fitnesswalk {
 width: 157px;
 height: 26px; 
 background-image: url(../images/btn_5kfitness.gif);
 background-repeat: no-repeat;
  }


.fitnesswalk a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_5kfitness.gif);
background-repeat: no-repeat;
}

.fitnesswalk a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_5kfitness_on2.gif);
background-repeat: no-repeat;
}


.walkers {
 width: 157px;
 height: 26px; 
 background-image: url(../images/btn_walkers.gif);
  }


.walkers a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_walkers.gif);
background-repeat: no-repeat;
}

.walkers a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_walkers_on2.gif);
background-repeat: no-repeat;
}


.main_prerace {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_main_prerace.gif);
background-repeat: no-repeat;
}


.registration {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_registration.gif);
}

.registration a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_registration.gif);
background-repeat: no-repeat;
}


.registration a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_registration_on2.gif);
background-repeat: no-repeat;
}




.training {
 width: 157px;
 height: 26px; 
 background-image: url(../images/btn_training.gif);
  }


.training a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_training.gif);
background-repeat: no-repeat;
}

.training a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_training_on2.gif);
background-repeat: no-repeat;
}


.inspirations {
 width: 157px;
 height: 26px; 
 background-image: url(../images/btn_inspirations.gif);
  }


.inspirations a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_inspirations.gif);
background-repeat: no-repeat;
}

.inspirations a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_inspirations_on2.gif);
background-repeat: no-repeat;
}



.main_weekend {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_main_weekend.gif);
background-repeat: no-repeat;
}



.information {
 width: 157px;
 height: 26px; 
 background-image: url(../images/btn_information.gif);
  }


.information a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_information.gif);
background-repeat: no-repeat;
}

.information a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_information_on2.gif);
background-repeat: no-repeat;
}



.course {
 width: 157px;
 height: 26px; 
 background-image: url(../images/btn_maps.gif);
  }


.course a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_maps.gif);
background-repeat: no-repeat;
}

.course a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_maps_on2.gif);
background-repeat: no-repeat;
}


.volunteers {
width: 157px;
height: 26px;
background-image: url(../images/btn_volunteers.gif);
}

.volunteers a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_volunteers.gif);
background-repeat: no-repeat;
}

.volunteers a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_volunteers_on2.gif);
background-repeat: no-repeat;
}



.livestrong {
width: 157px;
height: 26px;
background-image: url(../images/btn_livestrong.gif);
}

.livestrong a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_livestrong.gif);
background-repeat: no-repeat;
}

.livestrong a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_livestrong_on2.gif);
background-repeat: no-repeat;
}




.main_postrace {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_main_postrace.gif);
background-repeat: no-repeat;
}


.results {
width: 157px; 
height: 26px;
background-image: url(../images/btn_results.gif);
}


.results a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_results.gif);
background-repeat: no-repeat;
}

.results a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_results_on2.gif);
background-repeat: no-repeat;
}



.records {
width: 157px; 
height: 26px;
background-image: url(../images/btn_records.gif);
}


.records a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_records.gif);
background-repeat: no-repeat;
}

.records a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_records_on2.gif);
background-repeat: no-repeat;
}


.feedback {
width: 157px; 
height: 26px;
background-image: url(../images/btn_feedback.gif);
}


.feedback a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_feedback.gif);
background-repeat: no-repeat;
}

.feedback a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_feedback_on2.gif);
background-repeat: no-repeat;
}




.main_more {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_main_more.gif);
background-repeat: no-repeat;
}


.supporters {
width: 157px;
height: 26px;
background-image: url(../images/btn_supporters.gif);
}


.supporters a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_supporters.gif);
background-repeat: no-repeat;
}

.supporters a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_supporters_on2.gif);
background-repeat: no-repeat;
}


.links {
width: 157px;
height: 26px;
background-image: url(../images/btn_links.gif);
}


.links a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_links.gif);
background-repeat: no-repeat;
}

.links a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_links_on2.gif);
background-repeat: no-repeat;
}



.contact {
width: 157px;
height: 26px;
background-image: url(../images/btn_contact.gif);
}


.contact a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_contact.gif);
background-repeat: no-repeat;
}

.contact a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_contact_on2.gif);
background-repeat: no-repeat;
}




.home {
width: 157px;
height: 26px;
background-image: url(../images/btn_home.gif);
}


.home a {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_home.gif);
background-repeat: no-repeat;
}

.home a:hover {
float: left;
width: 157px;
height: 26px;
background-image: url(../images/btn_home_on2.gif);
background-repeat: no-repeat;
}


#races_main {
float: left;
width: 563px;
margin: 0;
}


.more_info {
width: 220px;
text-align: center;
margin-top: 10px;
}


#challenge {
float: right;
text-align: left;
background-color: #fff;
width: 150px;
padding: 8px;
margin: 0 0 15px 0;
border: 1px solid #F2E2C0;
}


.register {
text-align: center;
padding: .2em 0 1.0em 0;
}



#sponsor_area {
float: left;
width: 507px;
vertical-align: top;
text-align: center;
padding: 6px;
margin: auto;
}


#our_sponsors {
text-align: center;
margin: auto;
}


.sponsor_gif {
float: left;
margin: 0 12px 0 4px;
}


.subhead {
float: left;
width: 100%;
color: #00B2EC;
font-size: 120%;
font-weight: bold;
padding: 0 0 1em 0;
margin: 0;
line-height: 1.2em;
text-align: center;
}


#learn_more {
float: left;
width: 100%;
text-align: center;
padding: 15px 0 10px 0;
}


#right_border {
 float: right;
 width: 67px;
 height: 879px;
 background-image: url(../images/right.gif);
}


#bottom_border {
 float: left;
 width: 1000px;
 height: 82px; 
 background-image: url(../images/bottom.gif); 
 border: none;
 }


#midmain {
float: left;
vertical-align: top;
width: 515px;
text-align: left;
margin: 0 8px 0 0;
}

#midcontent {
padding: 1px 12px 20px 18px;
margin-top: 0;
}

#page_title {
margin-top: 0;
margin-bottom: 15px;
text-align: center;
}





#footer {
clear: left;
width: 100%; 
color: #fff;
text-align: center; 
padding: .08em 0 2em 0;
background-color: #2b60de;
background-image: none;
padding-top: 18px;
}


.starbullet {
text-indent: 22px;
background-image: url(../images/starfishbullet.gif);
background-repeat: no-repeat;
margin: 18px 6px 0 0;
}

.starbulletSM {
text-indent: 16px;
background-image: url(../images/starfishbullet_S.gif);
background-repeat: no-repeat;
margin: .2em 1em 0 2em;
}


.bulletitem {
float: left;
width: 463px;
margin-top: 10px;
}

#subscribe {
float: left;
width: 125px;
text-align: center;
padding: 1em 0 0 .5em; 
color: #3A3A3A;
font-size: 95%;
margin: 0;
padding: 0 0 .6em 0;
}

.submit {
clear: both;
padding: .2em;
margin: 1em 0 2em 0;
height: 25px;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background: #3399ff;
border: 1px outset #c0c0c0;
}


.preload {
display:none;
}


.label {
float: left;
width: 45%;
width: 135px;
margin: 0 7px 0 1px;
}

.textbox {
float: left;
width: 55%;
margin: 0 0 10px 2px;
}


.textbox2 {
float: left;
width: 55%;
margin: 0 0 30px 2px;
}


.generic {
font-weight: bold;
padding-left: 10px;
border-bottom: 1px solid #E8E8E8;
background-color: #FFFFE5;
}


.generic2 {
padding-left: 14px;
}


.recordMain {
line-height: 18px;
width: 665px;
font-size: 11px;
margin-bottom: 10px;
}

.recordCat {
font-size: 12px;
text-align: center;
height: 15px;
color: #000000;
padding-left: 6px;
font-weight: bold;
border-bottom: 1px solid #66CC33;
border-top: 1px solid #66CC33;
background-color: #FFFFE9;
}

.recordCat2 {
font-size: 12px;
text-align: center;
height: 15px;
color: #000000;
padding-right: 45px;
font-weight: bold;
border-bottom: 1px solid #66CC33;
border-top: 1px solid #66CC33;
background-color: #FFFFE9;
}


.number {
float: left;
height: 12px;
vertical-align: top;
padding-left: 5px;
}

.name {
padding-left: 6px;
text-align: left;
vertical-align: top;
}

.time {
text-align: center;
vertical-align: top;
}

.year {
text-align: center;
vertical-align: top;
padding-right: 10px;
}


.age {
text-align: center;
}


.numberHead {
height: 13px;
font-size: 11px;
font-weight: bold;
background-color: #FFFFE5;
border-bottom: 1px solid #66CC33;
padding-left: 8px;
}

.timeHead {
text-align: center;
height: 13px;
font-size: 11px;
font-weight: bold;
background-color: #FFFFE5;
border-bottom: 1px solid #66CC33;

}

.runnerHead {
width: 250px;
text-align: left;
height: 13px;
font-size: 11px;
font-weight: bold;
background-color: #FFFFE5;
border-bottom: 1px solid #66CC33;
padding-left: 8px;
}


.ageHead {
width: 40px;
height: 13px;
font-size: 11px;
text-align: center;
font-weight: bold;
background-color: #FFFFE5;
border-bottom: 1px solid #66CC33;
}

.yearHead {
width: 58px;
height: 13px;
font-size: 11px;
text-align: center;
font-weight: bold;
background-color: #FFFFE5;
border-bottom: 1px solid #66CC33;
padding-right: 10px;
}

.photo {
width: 115px;
vertical-align: top;
}
