/* element selectors */
html {overflow-y: scroll; overflow: -moz-scrollbars-vertical; overflow-x: auto} 
body {width: 100%; padding: 0px; margin: 0px; margin-top: 5px; background-color: #CCCCCC; font-family: Verdana, Arial; font-size: 8pt; color: #666666}
p, table {margin: 0; padding: 0; margin-bottom: 15px}
h1, h2, h3, h4 {margin: 0; padding: 0; margin-bottom: 15px; font-family: Trebuchet MS, Verdana, Arial; font-size: 10pt; font-weight: bold}
h1 {color: #333333; letter-spacing: 1px; text-transform: uppercase}
h2 {color: #006699; letter-spacing: 0px; text-transform: uppercase}
h3 {color: #0066CC; letter-spacing: 1px}
h4 {color: #999900; letter-spacing: 0px}
a {color: #0066CC}
a:hover {color: #003366}
td {padding: 0; margin: 0}
select, input, textarea {font-family: Arial; font-size: 8pt; margin: 0; padding: 0}
table {font-size: 10pt}

/* id selectors */
#divContainer {width: 770px; background: #CCCCCC url(../images/content_background.gif) no-repeat scroll top center; margin-left: auto; margin-right: auto; text-align: left}
#divHeader {position: relative; top: 10px; left: 10px; width: 750px; height: 225px; z-index: 10}
#divHeader #divLogo {position: absolute; top: 3px; left: 23px; width: 168px; height: 180px}
#divHeader #divBanner {position: absolute; top: 4px; left: 192px; width: 554px; height: 170px}
#divHeader #divNavigationPrimary {position: absolute; top: 184px; left: 4px; width: 742px; height: 30px; background: #FFFFFF url(../images/navigation_background.gif) no-repeat scroll center center; z-index: 10}
div#divNavigationPrimary ul {position: absolute; list-style-type: none; padding: 0; margin: 0; border: 0; top: 0px; left: 14px; height: 29px}
div#divNavigationPrimary ul li {float: left; position: relative; cursor: hand; cursor: pointer; line-height: 29px; font-size: 8pt; padding-left: 16px; padding-right: 16px}
div#divNavigationPrimary ul li a {color: #FFFFFF; text-decoration: none}
div#divNavigationPrimary ul li a:hover {text-decoration: underline; color: #D0D6F0}
div#divNavigationPrimary ul li ul {top: 27px; z-index: 10; position: absolute; width: 170px; height: auto; padding-bottom: 0px; left: 19px; display: none}
html>body div#divNavigationPrimary ul li ul {top: 27px}
*:first-child+html div#divNavigationPrimary ul li ul {top: 27px}
div#divNavigationPrimary ul li:hover ul {display: block}
div#divNavigationPrimary ul li ul li {line-height: 20px; height: 20px; width: 170px; padding: 0px; background: transparent url(../images/nav_primary_middle.png) repeat-y scroll top center; font-weight: normal; overflow: hidden; letter-spacing: -1px}
* html div#divNavigationPrimary ul li ul li {background-image: url(../images/nav_primary_middle.gif)}
div#divNavigationPrimary ul li ul li.clsTop {line-height: 7px; height: 7px; width: 170px; background: transparent url(../images/nav_primary_top.png) no-repeat scroll top center}
* html div#divNavigationPrimary ul li ul li.clsTop {background-image: url(../images/nav_primary_top.gif)}
div#divNavigationPrimary ul li ul li.clsBottom {line-height: 10px; height: 10px; width: 170px; background: transparent url(../images/nav_primary_bottom.png) no-repeat scroll top center}
* html div#divNavigationPrimary ul li ul li.clsBottom {background-image: url(../images/nav_primary_bottom.gif)}
div#divNavigationPrimary ul li ul li a {position: relative; padding-left: 7px}
#divContent {position: relative; left: 10px; top: 0px; width: 750px; z-index: 1}
#divFooterContainer {position: relative; left: 0px; top: 10px; width: 770px; height: 60px; background: transparent url(../images/footer_background.gif) no-repeat scroll bottom center}
#divFooterText {position: absolute; left: 10px; top: 10px; width: 750px; height: 30px; text-align: center; font-size: 7pt}
#divFooterSpacer {height: 5px}
#ctrlLogin p {margin: 0; padding: 0; margin-bottom: 8px}
#divTopFundraisers {margin: 8px; margin-top: 15px; font-size: 8pt}
#divTopFundraisers table {font-size: 7pt}
#divTopFundraisers table tr td {height: 25px}
#divTopFundraisers table tr td.clsRow1Column1 {width: 95px; background-color: #dddddd; padding-left: 1px}
#divTopFundraisers table tr td.clsRow1Column2 {width: 75px; background-color: #dddddd; padding-right: 1px; text-align: right}
#divTopFundraisers table tr td.clsRow2Column1 {width: 95px; background-color: #d1d1d1; padding-left: 1px}
#divTopFundraisers table tr td.clsRow2Column2 {width: 75px; background-color: #d1d1d1; padding-right: 1px; text-align: right}

/* class selectors */
.clsContentTable {position: relative; top: 9px; width: 750px}
.clsEditorContainer table {margin: 0}
.clsNote {color: #b30000}
.clsFormTable {font-size: 8pt}
.clsListingTable {font-size: 8pt; background-color: #959595}
.clsListingTable tr.clsHeader td a,
.clsListingTable tr.clsHeader th a {color: #FFF; line-height: 16px}
.clsListingTable tr td {font-size: 8pt; height: 18px}
.clsTransferListingTable {font-size: 8pt}
.clsTransferListingTable tr.clsHeader td a,
.clsTransferListingTable tr.clsHeader th a {color: #FFF; line-height: 16px}
.clsTransferListingTable tr td {font-size: 8pt; height: 18px}
.clsTransferListingTable input {margin: 2px}
.clsHighlight {color: #ff0000; font-weight: bold}
.clsDropDownContainer {position: relative}
.clsDropDownContainer a.clsDropDown {line-height: 16px; background: transparent url(../images/dropdown.gif) scroll no-repeat right center; padding-right: 8px}
.clsDropDownContainer div.clsDropDown {display: none; position: absolute; top: 2px; left: 60px; height: auto; width: 150px; z-index: 1000; background-color: #CCC; border: 1px solid #959595; padding: 5px; text-align: left}
.clsDropDownContainer div.clsDropDown ul {list-style-type: none; margin: 0; padding: 0}
.clsDropDownContainer div.clsDropDown ul li {width: 100%; padding: 0; margin: 0; line-height: 16px; margin-left: 3px}
.clsCurrentDate {color: #ff0000}
.clsCallout {padding: 10px;}

/* miscellaneous selectors */
.clsRow1 {background-color: #CCCCCC; color: #000000}
.clsRow2 {background-color: #B7B7B7; color: #000000}
.clsHeader {background-color: #959595; color: #FFFFFF; font-weight: bold; height: 29px}
.clsWeekday1 {color: #CC0000; margin-left: 7px; text-indent: -7px}
.clsWeekday2 {color: #009966; margin-left: 7px; text-indent: -7px}
.clsWeekend1 {color: #000000; margin-left: 7px; text-indent: -7px}
.clsWeekend2 {color: #FFFFFF; margin-left: 7px; text-indent: -7px}
.clsButton {background-color: #007CC2; border: 1px solid #1863A2; color: #FFFFFF; height: 22px; cursor: hand; cursor: pointer; padding: 0 10px 0 10px}
#divWaiverText {height: 400px; overflow: auto}
.clsDonations {font-size: 8pt}
.clsLoginButton {width: 102px; height: 18px; background-image: url(../images/button_login_now2.gif)}
.clsEmailAddress {color: #00AA00; font-weight: bold}
.clsPledges {font-size: 8pt; background-color: #959595}
.clsPledges tr td {font-size: 8pt; line-height: 18px}
.clsPledges tr.clsTotals td {font-weight: bold; color: #FFFFFF; line-height: 20px}

/* team and runner web page classes */
.clsGoalContainer {position: relative; width: 120px; float: right; padding-left: 10px; padding-bottom: 10px; text-align: center; height: 360px}
.clsGoalContainer .clsGoalInformation {font-size: 8pt}
.clsGoalContainer .clsGoalImageContainer {position: relative; height: 200px; width: 72px}
.clsGoalContainer .clsGoalImageContainer .clsGoalBackground {position: absolute; top: 0px; left: 0px; width: 72px; height: 200px}
.clsGoalContainer .clsGoalImageContainer .clsGoalOverlay {position: absolute; background: transparent url(../images/thermometer_overlay.gif) no-repeat scroll bottom center; bottom: 52px; left: 19px; width: 33px; height: 0px}
.clsGoalContainer .clsDonateNow a {font-size: 8pt; text-transform: uppercase; text-decoration: none; font-weight: bold}
.clsTeamHeaderInformation {text-align: center; width: 400px}
.clsTeamInformation {font-size: 8pt}
.clsTeamInformation table {font-size: 8pt}

/* registration classes */
.clsRegisterSteps {position: relative; top: 0px; left: 0px; width: 720px; height: 125px; color: #FFFFFF}
.clsRegisterSteps .clsStep1,
.clsRegisterSteps .clsStep1 a,
.clsRegisterSteps .clsStep1 h2 {color: #FFFFFF}
.clsRegisterSteps .clsStep2,
.clsRegisterSteps .clsStep2 a,
.clsRegisterSteps .clsStep2 h2 {color: #000000}
.clsRegisterSteps .clsStep1,
.clsRegisterSteps .clsStep2 {position: absolute; top: 0px; left: 0px; width: 355px; height: 125px; background: transparent none scroll no-repeat top center}
.clsRegisterSteps .clsStep1 {left: 0px; background-image: url(../images/register_step_1.gif)}
.clsRegisterSteps .clsStep2 {left: 365px; background-image: url(../images/register_step_2.gif)}
.clsRegisterSteps .clsStep1 div,
.clsRegisterSteps .clsStep2 div {margin: 15px}
.clsRegisterSteps .clsStep1 div {margin-left: 80px}

/* team area navigation classes */
.clsTeamAreaNavigation {margin: 0; padding: 0; position: relative; width: 710px; height: 330px; margin-bottom: 20px}
.clsTeamAreaNavigation div {position: relative; width: 710px; height: 75px; background-color: #FFFFFF; top: 0px; margin-bottom: 10px}
.clsTeamAreaNavigation div div {position: absolute; width: 355px; background: #FFFFFF url(../images/team_runner_background.gif) scroll no-repeat top left}
.clsTeamAreaNavigation div div.clsColumn1 {left: 0px}
.clsTeamAreaNavigation div div.clsColumn2 {left: 365px}
.clsTeamAreaNavigation div.clsRow1 div.clsColumn1 {background-position: 0px 0px}
.clsTeamAreaNavigation div.clsRow1 div.clsColumn2 {background-position: -355px -75px}
.clsTeamAreaNavigation div.clsRow2 div.clsColumn1 {background-position: 0px -75px}
.clsTeamAreaNavigation div.clsRow2 div.clsColumn2 {background-position: -355px 0px}
.clsTeamAreaNavigation div div img.clsIcon {position: absolute; width: 45px; height: 45px; top: 15px}
.clsTeamAreaNavigation div div.clsColumn1 img.clsIcon {left: 15px}
.clsTeamAreaNavigation div div.clsColumn2 img.clsIcon {left: 295px}
.clsTeamAreaNavigation div div div.clsText {position: absolute; color: #FFFFFF; line-height: 16px; width: 275px; background: transparent none; font-size: 8pt}
.clsTeamAreaNavigation div.clsRow1 div.clsColumn1 div.clsText {color: #FFFFFF}
.clsTeamAreaNavigation div.clsRow1 div.clsColumn1 div.clsText a {color: #FFFFFF}
.clsTeamAreaNavigation div.clsRow1 div.clsColumn2 div.clsText {color: #000000}
.clsTeamAreaNavigation div.clsRow1 div.clsColumn2 div.clsText a {color: #000000}
.clsTeamAreaNavigation div.clsRow2 div.clsColumn1 div.clsText {color: #000000}
.clsTeamAreaNavigation div.clsRow2 div.clsColumn1 div.clsText a {color: #000000}
.clsTeamAreaNavigation div.clsRow2 div.clsColumn2 div.clsText {color: #FFFFFF}
.clsTeamAreaNavigation div.clsRow2 div.clsColumn2 div.clsText a {color: #FFFFFF}
.clsTeamAreaNavigation div div.clsColumn1 div.clsText {left: 70px}
.clsTeamAreaNavigation div div.clsColumn2 div.clsText {left: 10px}
.clsTeamAreaNavigation div div div.clsText.cls1Line {top: 28px}
.clsTeamAreaNavigation div div div.clsText.cls2Lines {top: 20px}
.clsTeamAreaNavigation div div div.clsText.cls3Lines {top: 12px}
.clsTeamAreaNavigation div.clsRowFull1 div.clsColumn1 {width: 720px; background-position: 0px -225px}
.clsTeamAreaNavigation div.clsRowFull1 div div.clsText {width: 620px; color: #000000}
.clsTeamAreaNavigation div.clsRowFull1 div div.clsText a {color: #000000}
.clsTeamAreaNavigation div.clsRowFull1 div div.clsText.cls1Line {top: 28px}
.clsTeamAreaNavigation div.clsRowFull2 div.clsColumn1 {width: 720px; background-position: 0px -150px}
.clsTeamAreaNavigation div.clsRowFull2 div div.clsText {width: 620px; color: #FFFFFF}
.clsTeamAreaNavigation div.clsRowFull2 div div.clsText a {color: #FFFFFF}
.clsTeamAreaNavigation div.clsRowFull2 div div.clsText.cls1Line {top: 28px}