@charset "utf-8";
/* CSS Document */

body { background-color: #222349; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #002d56;  }
* { margin: 0; padding: 0; text-decoration: none;}
img {border: none; }
.clear { clear: both; }
.floatright { float: right; }
.floatleft { float: left; }
p a { font-weight: bold;  color: #24257e;}
p a:hover { text-decoration: underline; }

#yellowstrip { background-color: #f2c206; height: 5px; }
#blackstrip { background-color: #000; width: 940px; height: 10px; margin: 0 auto; }
#header { width: 940px; margin: 0 auto; background: url(images/headerbg.jpg) repeat-x;}


#nav { width: 945px; margin: 0 auto; height: 38px; background: url(images/navbarbg.gif) no-repeat top;  }
#nav ul li { list-style: none; float: left; height: 38px; }
#nav ul li p { display: none; }
#nav a { display: block; position: relative; }
#nav a:hover { background-image: url(images/nav_over.gif) no-repeat top; }

#nav ul li span { display: none; }

#nav ul li#home a { background: url(images/home_nav.gif) no-repeat 0 0; width: 162px; height: 52px; }
#nav ul li#marathon a { background: url(images/marathon_nav.gif) no-repeat 0 0; width: 228px; height: 52px; }
#nav ul li#fireworks a { background: url(images/fireworks_nav.gif) no-repeat 0 0; width: 308px; height: 52px; }
#nav ul li#membership a { background: url(images/membership_nav.gif) no-repeat 0 0; width: 247px; height: 52px; }

#nav ul li#home a:hover { background: url(images/home_nav.gif) no-repeat 0 -52px;}
#nav ul li#marathon a:hover { background: url(images/marathon_nav.gif) no-repeat 0 -52px;  }
#nav ul li#fireworks a:hover { background: url(images/fireworks_nav.gif) no-repeat 0 -52px;  }
#nav ul li#membership a:hover { background: url(images/membership_nav.gif) no-repeat 0 -52px; }

#nav ul li#homeactive { background: url(images/home_nav.gif) no-repeat 0 -104px; width: 162px; height: 52px; }
#nav ul li#marathonactive { background: url(images/marathon_nav.gif) no-repeat 0 -104px; width: 228px; height: 52px; }
#nav ul li#fireworksactive { background: url(images/fireworks_nav.gif) no-repeat 0 -104px; width: 308px; height: 52px; }
#nav ul li#membershipactive { background: url(images/membership_nav.gif) no-repeat 0 -104px; width: 247px; height: 52px; }

#container { width: 965px; background: url(images/mainwhite_bg.gif) repeat-y; margin: 0 auto; clear: both; }
#leftcol { width: 246px; min-height: 100%; float: left;  padding-bottom: 20px; }
#rightcol { float: right; width: 225px; min-height: 100%; padding-bottom: 20px;}
#centercol { float: left; width: 489px; min-height: 100%; color: #333; padding-bottom: 20px; }

#containerend { height: 20px; }

h1 { color: #000; font-size: 22px; font-weight: normal; margin: 20px 0 10px 20px; }
#leftcol h3 { font-weight: normal; color: #000; padding: 15px 0 10px 12px; vertical-align: middle; font-size: 14px; }
#leftcol h3 img { padding-right: 5px; }
#rightcol h3 img { padding-right: 12px; }
#rightcol h3 { font-weight: normal; color: #000; padding: 15px 0 10px 20px; vertical-align: middle; font-size: 14px; }

#centercol ul { padding: 10px 5px 10px 20px; list-style: none; }
#centercol ul li { margin-top: 5px; padding-left: 15px; background: url(images/bluedot.gif) no-repeat left center; line-height: 16px; }

#spotlight { background: url(images/featured.png) no-repeat; width: 246px; height: 314px; margin-bottom: 20px;}
#spotlight h2 { color: #f2c206; font-weight: normal; text-align: center; padding: 10px 0 10px; font-size: 16px; }
#spotlightimg { margin: 0 0 0 15px; }
#spotlight p { color: #fff; width: 210px; line-height: 18px; padding: 5px 0 0 25px; }

#light-grey-left {  background: url(images/greyleftbox.png) no-repeat; width: 246px; height: 257px;}
#light-grey-left h2 { color: #333; font-weight: normal; text-align: center; padding: 15px 0 10px; font-size: 18px; }
#light-grey-leftimg { margin: 0 0 5px 25px; }
#light-grey-left p { color: #333333; line-height: 18px; padding: 5px 0 0 25px;}

.lefttxt { color: #333333; font-size: 11px; padding: 0 10px 0 30px; }

#centercol p { padding: 10px 5px 10px 20px; line-height: 18px;}
#centercol h2 { font-size: 18px; font-weight: normal; margin: 10px 0 0 20px; text-decoration: none;}
#centercol h2 a { font-size: 18px; text-decoration: none; color: #333;}
#centercol h2 a:hover { text-decoration: underline; }
#mainimg { margin: 0 0 0 40px; }
.divider { margin: 20px 0 10px 30px; }

#polioimg { float: left; padding-right: 10px; }
.thumbnail { float: left; padding: 0 20px 0 0; clear: both; }
.thumbs { height: 54px; padding-top: 10px; vertical-align: middle; }

#yellowbox1 { background: transparent url(images/yellowbox1.png) no-repeat; width: 225px; height: 200px; margin-bottom: 20px; }
#yellowbox1img { margin: 15px 0 5px 50px; }
#yellowbox1 p { color: #333; line-height: 18px; padding: 0 0 0 10px;}
#yellowbox1 h2 { color: #333; font-size: 16px; padding: 20px 0 10px 50px; }

#yellowbox2 { background: transparent url(images/yellowbox2.png) no-repeat; width: 225px; height: 146px; margin-bottom: 20px; text-align: center;}
#yellowbox2img { margin: 13px 0 5px 0; }
#yellowbox2 p { color: #333333; line-height: 18px; padding: 0 0 0 10px; text-align: left;}
#rightcol a { font-weight: bold; color: #333; }

.rightcoltxt { color: #333333; font-size: 11px; padding: 0 20px 0 15px; }
#rightcolimg { margin: 10px 0 10px 30px;  }
#rightcoldivi { margin: 10px 0 10px 20px; }
a#charitylink { font-weight: normal; text-decoration: underline; } 

#leftcol .coldivider { margin: 20px 0 0 45px; }

.membership_pics { float: left; padding-right: 10px; }
.terms { font-size: 11px; }
#pay { margin-left: 50px; margin-top: 20px; }
#pay tr td { padding: 3px; }

#footer { background-color: #222349; text-align: center; }
#footer p { color: #b4b4b4; padding: 20px 0; line-height: 16px;}
#footer a { color: #b4b4b4; text-decoration: none; font-weight: normal; }
#footer a:hover { text-decoration: underline; }

/*----------------------------- IE 5 only styles -------------------*/

html>body #container { *margin: 13px auto !important;  }