/* CSS - New Project */
/* reset */
html, body, div, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* general */
strong {font-weight: bold;}
em {font-style: italic;}
.left {float: left;margin-right: 1em;}
.right {float: right;margin-left: 1em;}
.center {text-align: center;}
.clear {clear: both;}
.hide {display: none;}
.show {display: block;}
body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #525252; padding-bottom:30px;}
.green {background: #006a24 url(images/greenbg.jpg) repeat-x center top;}
.purple {background: #78003c url(images/purplebg.jpg) repeat-x center top;}
.orange {background: #b98800 url(images/orangebg.jpg) repeat-x center top;}
.blue {background: #20516f url(images/bluebg.jpg) repeat-x center top;}
.yellow {background: #d04b02 url(images/yellowbg.jpg) repeat-x center top;}
.lightblue {background: #004f92 url(images/lightbluebg.jpg) repeat-x center top;}
a {color: #2861A4;}
a:hover {text-decoration: none;}
/* basic */
#mainContainer, #headerContainer, #bodyContainer, #footerContainer {clear: both; width: 970px; margin: 0 auto;}
/* header */
#headerContainer {}
#headerLogo h1 {text-indent: -9999px;margin: 0;}
.green #headerLogo h1 {background: #006a24 url(images/greenbg.jpg) repeat-x 0 144px;}
.purple #headerLogo h1 {background: #78003c url(images/purplebg.jpg) repeat-x 0 144px;}
.orange #headerLogo h1 {background: #b98800 url(images/orangebg.jpg) repeat-x 0 144px;}
.blue #headerLogo h1 {background: #005aa9 url(images/bluebg.jpg) repeat-x 0 144px;}
.yellow #headerLogo h1 {background: #d04b02 url(images/yellowbg.jpg) repeat-x 0 144px;}
.lightblue #headerLogo h1 {background: #d04b02 url(images/lightbluebg.jpg) repeat-x 0 144px;}
#headerLogo a {display: block; background: url(images/logo.png) no-repeat; width: 233px; height: 182px; position: relative; left: 0px;}
#headerNav {background: url(images/navbackground.jpg) no-repeat; min-height: 498px; width: 230px; margin-left: 3px;}
#headerNav .RadMenu {text-align: center;margin-left: 3px;min-height: 356px;}
#headerNav .RadMenu li {list-style: none; background: url(images/listborder.jpg) no-repeat center bottom;}
#headerNav .RadMenu li a {color: #525252; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; text-decoration: none;display: block; padding: 7px 0; width:230px; cursor:pointer}
#headerNav .RadMenu li a:hover {background: url(images/navhover.jpg) no-repeat; color: #ffffff;}
#headerNav .RadMenu ul ul {background-color: #66390c; background-image: none; border: 1px solid #7b7b7b;}
#headerNav .RadMenu ul ul li {list-style: none; background: none;}
#headerNav .RadMenu ul ul li a {color: #fff; font-size: 11px; font-family: Arial, Verdana, Sans-Serif; font-style: normal; font-weight: bold; text-decoration: none;display: block; padding: 7px 0; cursor:pointer}
#headerNav .RadMenu ul ul li a:hover {background: url(images/navhover.jpg) repeat-x; color: #ffffff;}
#sponsors {text-align: center; padding-left: 2px;}
#sponsors ul {width: 200px; margin: 0 auto;}
#sponsors li {list-style: none; display: inline; padding: 5px 10px; float: left; min-height: 60px;}
/* This is for the sponsor logos inserted by the user */
.sponsors td {vertical-align: middle; text-align: center; padding: 4px 8px;}
/* body */
#bodyContainer { background: url(images/bodybg.jpg) repeat-y 3px 0; min-height: 500px;}
#topMessage {background: url(images/header.jpg) no-repeat; with: 735px; height: 40px; clear: both; margin-left: 0px;}
#inside #topMessage {background: url(images/header_inside.jpg) no-repeat; margin-left: -2px;}
#marathonNav {width: 735px; clear: both; height: 46px; margin-left: 0px;}
#inside #marathonNav {margin-left: -2px;}
#marathonNav li {display: inline; list-style: none; margin: 0; padding: 0; float: left; height: 46px; position: relative; z-index: 50;}
#marathonNav li span {display: none;}
#marathonNav .active span {display: block; height: 9px; position: absolute; width: 100%; z-index: 3000; top: 46px; left: 0;}
#marathonNav .one span {background: #144023;}
#marathonNav .two span {background: #AE8628;}
#marathonNav .three span {background: #741147;}
#marathonNav .four span {background: #235897;}
#marathonNav .five span {background: #BD4A20; width:147px;}
#hero {position: relative; left: -2px;}
#leftCol {float: left; width: 233px;}
#rightCol {float: right; width: 735px; position: relative;}
#inside #bodyContent {background: url(images/bodytop.jpg) no-repeat 0px 0; min-height: 150px; position: relative; left: -2px; padding-top: 15px;}
#inside #bodyContent .leftBody {width: 434px; float: left; padding-left: 15px;}
#inside #bodyContent .rightBody {width: 200px; float: right; padding-right: 15px;}
#inside .divider {border-bottom: 1px dotted #d3d0cd; height: 1px; clear: both; display: block; width: 96%; margin: 10px auto;}
#inside #insideBottom {padding-top: 10px;}
#CountDown {position: absolute; top: 85px; right: 0px;}
#bodyContent ul {padding-left: 30px;}
#bodyContent h1 {color: #116031; font-size: 20px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
#bodyContent h2 {color: #116031; font-size: 18px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
#bodyContent h3 {color: #116031; font-size: 16px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
#bodyContent h4 {color: #116031; font-size: 14px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
#bodyContent .singleBody {width: 634px; float: left; padding-left: 15px;}
#bodyContent .Content {width: 634px; float: left; padding-left: 15px; clear: both;}
#bodyContent #leftBody {width: 434px; float: left; padding-left: 15px;}
#bodyContent #rightBody {width: 200px; float: right; padding-right: 15px;}
#bodyContent #rightBody #quickLinks {background: url(images/quickbottom.jpg) no-repeat bottom; padding-bottom: 5px;}
#bodyContent #rightBody #quickLinks h2 {color: #4d4d4d; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; background: url(images/quicktop.jpg) no-repeat; padding: 5px; margin: 0;}
#bodyContent #rightBody #quickLinks ul {padding: 5px; margin: 0;}
#bodyContent #rightBody #quickLinks li {list-style: none; margin-bottom: 3px; border-bottom: 1px dotted #ccc;}
#bodyContent #rightBody #quickLinks li a {color: #4d4d4d; text-decoration: none; font-size: 11px;}
/* footer */
#footerContainer {background: url(images/footerbg.jpg) no-repeat; min-height: 15px; margin-left: 3px;}
#footerContent {padding: 18px 10px 0 0; color: #f3f3f3; font-size: 11px; text-align: right;}
#footerContent a {color: #f3f3f3; text-decoration: none;}
#footerContent a:hover {text-decoration: underline;}
A {text-decoration:none; color: #003366;}
A:visited {text-decoration: none; color: #003366;}
A:hover {text-decoration: underline; color: #ff0000;}
A:active {text-decoration: none; color: #003366;}
#bodyContent a:link {text-decoration:none; color: #003366;}
#bodyContent a:visited {text-decoration: none; color: #003366;}
#bodyContent a:hover {text-decoration: underline; color: #ff0000;}
#bodyContent a:active {text-decoration: none; color: #003366;}
/* Testimonials Form */
.Story_label {font-family: Georgia, Times New Roman, Serif; font-size: 11px; color: #000000; font-weight: bold; text-align: left;}
.Story_field {border: 1px solid #ccc; width: 175px; margin: 3px 8px 3px 0px;}
.Story_fieldbox {border: 1px solid #ccc; width: 300px; font-family: Times New Roman, Serif; color: #000000; height: 125px;}
.Banner1 {font-family: Georgia, Times New Roman, Serif; font-size: 20px; font-style: italic;}
#bodyContent .Testimonials td {vertical-align: top; padding: 0px;}
#bodyContent .Testimonials {border-bottom: 1px solid #ccc;}
#bodyContent .Testimonials a.CommandButton {background: url('images/btn_submit.jpg') no-repeat top left; display: block; width: 87px; height: 36px; white-space: nowrap;}
#bodyContent .Testimonials a.CommandButton {color: #ffffff; font-family: Georgia, Times New Roman, Sans-Serif; text-decoration: none; padding-top: 10px; font-weight: bold;}
#bodyContent .Testimonials a.CommandButton:hover {color: #000000; text-decoration: underline;}
#bodyContent .Testimonials td span.normal {font-size: 11px;}
.Waterstops a:link {font-size: 14px; background: #116031; color: #fff!important; text-decoration: none; line-height: 36px; padding: 6px 12px;}
.Waterstops a:hover {text-decoration: underline;}
.Waterstops a:visited {font-size: 18px; color: #006ef7; text-decoration: none;}
/* Shirt and medal forms */
.ShirtForm .FormLabel {font-weight: bold; margin-bottom: 6px; font-size: 18px; padding-right: 10px;}
.ShirtForm .NormalTextBox { margin-bottom: 6px; width: 150px; font-size: 18px; color: #616161;}
.ShirtForm a.CommandButton {color: #0154a0!important; font-size: 18px; padding: 8px 0px;}
.ShirtForm a.CommandButton:hover {color: #000!important;}
#Waterstops, #Relay {padding: 10px 0;}
#Waterstops td, #Relay td {padding: 2px 2px 10px; text-align: center; vertical-align: top;}
#Waterstops a img, #Relay a img {border: 1px solid #777; width: 100px;}
#Waterstops h5, #Relay h5 {text-align: center; padding: 3px 0; margin: 2px 0px;}
#Waterstops span, #Relay span { font-size: 12px;}
.Waterstops td{padding: 10px 4px;}
.Waterstops .SubHead {color: #116031;}
.RadMenu {z-index: 80;}
.RelayStops a:link {font-size: 14px; background: #851659; color: #fff!important; text-decoration: none; line-height: 36px; padding: 6px 12px;}
.RelayStops a:hover {text-decoration: underline;}
.RelayStops a:visited {font-size: 18px; color: #006ef7; text-decoration: none;}
.RelayStops a:link {font-size: 14px; background: #851659; color: #fff!important; text-decoration: none; line-height: 36px; padding: 6px 12px;}
.RelayStops a:hover {text-decoration: underline;}
.RelayStops a:visited {font-size: 18px; color: #851659; text-decoration: none;}
.RelayStops td{padding: 10px 4px;}
.RelayStops .SubHead {color: #851659;}
/*.RelayStops {padding: 10px 0;}
.RelayStops td {padding: 2px 2px 10px; text-align: center; vertical-align: top;}
.RelayStops a img {border: 1px solid #777; width: 100px;}
.RelayStops h5 {text-align: center; padding: 3px 0; margin: 2px 0px;}
.RelayStops span { font-size: 12px;}*/