body {
background-color: #0033cc;
margin: 0;
font-family: arial, verdana,helvetica,sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
}


ul {
padding: .0;
margin: 0 0 1.3em 1.4em;
text-align: left;
}

li {
padding-top: 3px;
}


a {
color:  #71BBFF;
}

a:hover {
color: #A1D2FF;
}



.generic {
float: left;
padding: 9px;
text-align: left;
}

.bold {
font-size: 120%;
font-weight: bold;
line-height: 20px;
}


.news_date {
font-size: 11px;
color: #333333;
margin-bottom: 14px;
}


h1 {
font-size: 140%;
text-align: center;
color: #359EFF;
margin: 7px 0 9px 0;
}

h2 {
font-size: 120%;
color: #359EFF;
}

h3 {
font-size: 115%;
color: #359EFF;
margin-top: 30px;
margin-bottom: 7px;
}

h4 {
font-size: 106%;
color: #000000;
font-weight: bold;
margin: 0 0 5px 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-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: 163px;
 }

#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 #c0c0c0;
}


.preload {
display:none;
}

.quote {
float: left; 
margin: 5px 0 20px 30px; 
padding: 12px; 
background-color: #FFFFE6; 
border: 2px solid #c0c0c0;
}

#leftnav {
float: left; 
width: 158px;
height: 680px;
text-align: left;
margin: 0;
background-image: url(../images/left_nav_all.gif);
background-repeat: no-repeat;
}




/*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: 43px;
height: 815px;
background-image: url(../images/left.gif);
}


#header {
float: left;
margin: 0 0 15px 100px;
width: 739px;
height: 48px;
padding: 0;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
}



#headline {
float: left;
color:  #0033ff;
background-color: #ffffcc;
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;
}





#address {
margin: 2em 0 0 5em;
font-weight: bold;
}



.about {
float: left;
width: 157px;
height: 35px;
}

.about a {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_about.gif);
background-repeat: no-repeat;
}

.about a:hover {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_about_on2.gif);
background-repeat: no-repeat;
}


.registration {
float: left;
width: 157px;
height: 35px;
}

.registration a {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_registration.gif);
background-repeat: no-repeat;
}

.registration a:hover {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_registration_on2.gif);
background-repeat: no-repeat;
}



.reviews a {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_reviews.gif); 
background-repeat: no-repeat;
}

.reviews a:hover {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_reviews_on2.gif);
background-repeat: no-repeat;
}


.volunteers {
width: 157px;
height: 35px;
}

.volunteers a {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_volunteers.gif);
background-repeat: no-repeat;
}

.volunteers a:hover {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_volunteers_on2.gif);
background-repeat: no-repeat;
}


.sponsor {
width: 157px;
height: 35px;
}

.sponsor a {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_sponsor.gif);
background-repeat: no-repeat;
}

.sponsor a:hover {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_sponsor_on2.gif);
background-repeat: no-repeat;
}



.contact {
width: 157px;
height: 35px;
}


.contact a {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_contact.gif);
background-repeat: no-repeat;
}

.contact a:hover {
float: left;
width: 157px;
height: 35px;
background-image: url(../images/btn_contact_on2.gif);
background-repeat: no-repeat;
}


.home {
width: 157px;
height: 35px;
}


.home a {
float: left;
width: 157px;
height: 45px;
background-image: url(../images/btn_home.gif);
background-repeat: no-repeat;
}

.home a:hover {
float: left;
width: 157px;
height: 45px;
background-image: url(../images/btn_home_on2.gif);
background-repeat: no-repeat;
}


#races_main {
float: left;
width: 563px;
margin: 0;
}

#halloween {
float: left;
width: 275px;
height: 219px;
background-image: url(../images/halloween_bg.gif);
background-repeat: no-repeat;
margin: 0 4px 10px 3px;
}


#halloween_inner {
float: left;
text-align: left;
line-height: 15px;
margin: 105px 20px 5px 25px;
}



#holiday {
float: left;
width: 275px;
height: 219px;
background-image: url(../images/holiday_bg.gif);
background-repeat: no-repeat;
margin: 0 4px 10px 1px;
}


#holiday_inner {
float: left;
text-align: left;
line-height: 15px;
margin: 105px 20px 5px 25px;
}



#runfest {
float: left;
width: 275px;
height: 230px;
background-image: url(../images/clearwater_fest_bg.gif);
background-repeat: no-repeat;
margin: 0 4px 10px 1px;
}


#runfest_inner {
float: left;
text-align: left;
line-height: 15px;
margin: 105px 20px 5px 25px;
}


#beach_half {
float: left;
width: 275px;
height: 230px;
background-image: url(../images/florida_half_bg.gif);
background-repeat: no-repeat;
margin: 0 4px 10px 1px;
}


#beach_half_inner {
float: left;
text-align: left;
line-height: 15px;
margin: 105px 20px 5px 25px;
}


.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: 2px solid #c0c0c0;
}


#sponsor_area {
float: left;
width: 545px;
vertical-align: top;
text-align: center;
padding: 6px;
margin: 10px 0 20px 0;
}

.sponsor_gif {
float: left;
margin: 0 12px 0 12px;
}


#learn_more {
float: left;
width: 100%;
text-align: center;
padding: 15px 0 10px 0;
}


#right_border {
 float: right;
 width: 43px;
 height: 815px;
 background-image: url(../images/right.gif);
}


#bottom_border {
 float: left;
 width: 1000px;
 height: 35px; 
 background-image: url(../images/bottom.gif); 
 border: none;
 }




#midmain {
float: left;
width: 575px;
text-align: left;
}

#midcontent {
background-color:  #ffffcc;
padding: 14px 12px 20px 18px;
margin: 0 10px 0 10px;
border: 1px solid #c0c0c0;
}

#page_title {
margin-bottom: 15px;
text-align: center;
}





#footer {
clear: left;
width: 100%; 
clear: all;
color: #fff;
text-align: center; 
padding: .08em 0 2em 0;
background-color: #0033cc;
background-image: none;
padding-top: 18px;
}


.starbullet {
float: left;
width: 16px;
height: 16px;
background-image: url(../images/starfishbullet.gif);
background-repeat: no-repeat;
margin: .2em .5em 0 0;
}

.starbulletSM {
float: left;
width: 12px;
height: 11px;
background-image: url(../images/starfishbullet_S.gif);
margin: .2em 1em 0 1em;
}


#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;
}