

.html, body {
height: 100%;
margin: 0px;
padding: 0px;
height: 100%;
}

.wrapper {
min-height: 1115px;
height: auto !important;
height: 100%;
width: 800px;
margin-left: auto;
margin-right: auto;
position: relative;
background: #ffffff;
}

.header-inset {
height: 150px;
width: 780px;
background: #ffffff;
float: left;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.body-inset {
height: min-height;
width: 780px;
margin-left: 10px;
clear: left;
background: url(images/body-bg650.gif);
background-color: #ffffff;
background-repeat: repeat-x;
}

.top-navigation {
height: 32px;
width: 780px;
background: url(images/top-navigation.gif);
}

#home-top {
float: left;
width: 60px;
height: 15px;
margin-left: 12px;
margin-top: 8px;
}

#registration-top {
float: left;
width: 120px;
height: 15px;
margin-left: 12px;
margin-top: 8px;
}

#twentyten-top {
float: left;
width: 130px;
height: 15px;
margin-left: 12px;
margin-top: 8px;
}

#get-involved-top {
float: left;
width: 120px;
height: 15px;
margin-left: 12px;
margin-top: 8px;
}

#press-top {
float: left;
width: 60px;
height: 15px;
margin-left: 12px;
margin-top: 8px;
}

#contact-top {
float: left;
width: 85px;
height: 15px;
margin-left: 12px;
margin-top: 8px;
}

#fundraising-top {
float: left;
width: 110px;
height: 15px;
margin-left: 12px;
margin-top: 8px;
}

.content {
height: min-height;
width: 570px;
margin-left: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
background: #ffffff;
font-family: arial;
font-size: 14px;
color: #444444;
line-height: 19px;
float: left;
}

.column-left {
min-height: 185px;
height: auto !important;
height: 100%;
width: 285px;
float: left;
font-family: arial, sans-serif;
line-height: 20px;
}

.column-right {
min-height: 185px;
height: auto !important;
height: 100%;
width: 285px;
float: left;
font-family: arial, sans-serif;
line-height: 20px;
}

.header-div {
min-height: 20px;
height: auto !important;
height: 100%;
width: 570px;
clear: left;
margin-top: 20px;
font-family: arial, sans-serif;
}

.content-header-index {
height: 40px;
width: 570px;
background: url(images/indexcontentheader.gif);
}

.content-header-registration {
height: 40px;
width: 570px;
background: url(images/registrationcontentheader.gif);
}

.content-header-twenty-ten {
height: 40px;
width: 570px;
background: url(images/twenty-ten-raceinfocontentheader.gif);
}

.content-header-training {
height: 40px;
width: 570px;
background: url(images/trainingcontentheader.gif);
}

.content-header-race-update {
height: 40px;
width: 570px;
background: url(images/raceupdatecontentheader.gif);
}

.content-header-race-hotels {
height: 40px;
width: 570px;
background: url(images/racehotelscontentheader.gif);
}

.content-header-race-map {
height: 40px;
width: 570px;
background: url(images/racemapcontentheader.gif);
}

.content-header-sponsors {
height: 40px;
width: 570px;
background: url(images/sponsorscontentheader.gif);
}

.content-header-volunteers {
height: 40px;
width: 570px;
background: url(images/volunteerscontentheader.gif);
}

.content-header-press {
height: 40px;
width: 570px;
background: url(images/presscontentheader.gif);
}

.content-header-contact {
height: 40px;
width: 570px;
background: url(images/contactcontentheader.gif);
}

.content-header-about-meso {
height: 40px;
width: 570px;
background: url(images/aboutmesocontentheader.gif);
}

.content-header-support {
height: 40px;
width: 570px;
background: url(images/supportcontentheader.gif);
}

.content-header-fundraiser {
height: 40px;
width: 570px;
background: url(images/fundraisercontentheader.gif);
}

.content-header-donations {
height: 40px;
width: 570px;
background: url(images/donationscontentheader.gif);
}

.content-header-fundraising {
height: 40px;
width: 570px;
background: url(images/fundraisingcontentheader.gif);
}

.content-header-archives {
height: 40px;
width: 570px;
background: url(images/archivecontentheader.gif);
}

.content-header-two-thousand-nine {
height: 40px;
width: 570px;
background: url(images/2009contentheader.gif);
}

.content-header-two-thousand-eight {
height: 40px;
width: 570px;
background: url(images/2008contentheader.gif);
}

.content-header-about-larry-davis {
height: 40px;
width: 570px;
background: url(images/larrydaviscontentheader.gif);
}

.centereditem {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

.sidebar {
height: 803px;
width: 160px;
margin-left: 610px;
}

.clock-box {
height: 95px;
width: 160px;
float: left;
background: #ffffff;
}

.clock-header {
height: 40px;
width: 160px;
background: url(images/countdown-header.gif);
}

.sponsors-box {
height: 165px;
width: 160px;
margin-top: 10px;
float: left;
background: #ffffff;
}

.sponsors-header {
height: 40px;
width: 160px;

background: url(images/sponsor-header.gif);
}

.menu-box {
height: 271px;
width: 160px;
margin-top: 10px;
float: left;
background: #ffffff;
}

.menu-header {
height: 40px;
width: 160px;
background: url(images/menu-header.gif);
}

.menu-nav {
height: 231px;
width: 160px;
float: left;
background: url(images/menu-navigation.gif);
}

#home-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 0px;
}

#registration-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 5px;
}

#twenty-ten-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 6px;
}

#training-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 6px;
}

#race-update-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 8px;
}

#race-hotels-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 8px;
}

#race-map-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 8px;
}

#sponsors-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 8px;
}

#volunteers-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 9px;
}

#contact-us-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 10px;
}

#press-menu {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 8px;
}

.fundraising-box {
height: 132px;
width: 160px;
margin-top: 10px;
float: left;
background: #ffffff;
}

.fundraising-header {
height: 40px;
width: 160px;
float: left;
background: url(images/fundraising-header.gif);
}

#fundraising {
float: left;
width: 140px;
height: 20px;
margin-left: 10px;
margin-top: 10px;
}

.fundraising-nav {
height: 92px;
width: 160px;
float: left;
background: url(images/fundraising-navigation.gif);
background-repeat: no-repeat;
}

#about-fund {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 0px;
}

#founder-fund {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 7px;
}

#support-fund {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 7px;
}

#fundraising-fund {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 7px;
}

#donation-fund {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 8px;
}

.archive-box {
height: 90px;
width: 160px;
margin-top: 10px;
float: left;
background: #ffffff;
}

.archive-header {
height: 40px;
width: 160px;
float: left;
background: url(images/archive-header.gif);
}

#archive {
float: left;
width: 100px;
height: 20px;
margin-left: 10px;
margin-top: 10px;
}

.archive-nav {
height: 50px;
width: 160px;
float: left;
background: url(images/archive-navigation.gif);
}

#two-thousand-nine-archive {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 0px;
}

#two-thousand-eight-archive {
float: left;
width: 140px;
height: 13px;
margin-left: 10px;
margin-top: 7px;
}

.footer-content {
width: 780px;
height: 112px;
margin-left: 10px;
background: #ffffff;
clear: left;
}

.footer-grey-bar {
height: 3px;
width: 780px;
background: #cccccc;
float: left;
display: inline;
}

.footer-logo-box {
width: 580px;
height: 97px;
float: left;
margin-top: 0px;
background: #ffffff;
}

.logo-meso {
width: 88px;
height: 100px;
float: left;
background: url(images/logo-meso.gif);
}

#meso {
float: left;
width: 71px;
height: 87px;
margin-left: 10px;
margin-top: 8px;
}

.logo-rrca {
width: 88px;
height: 103px;
float: left;
margin-left: 25px;
background: url(images/logo-rrca.gif);
}

#rrca {
float: left;
width: 62px;
height: 95px;
margin-left: 12px;
margin-top: 4px;
}

.logo-brrr {
width: 88px;
height: 103px;
float: left;
margin-left: 25px;
background: url(images/logo-brrr.gif);
}

#brrr {
float: left;
width: 75px;
height: 80px;
margin-left: 6px;
margin-top: 11px;
}

.logo-facebook {
width: 88px;
height: 103px;
float: left;
margin-left: 25px;
background: url(images/logo-facebook.gif);
}

#facebook {
float: left;
width: 75px;
height: 65px;
margin-left: 8px;
margin-top: 15px;
}

.logo-accuchip {
width: 88px;
height: 103px;
float: left;
margin-left: 25px;
background: url(images/logo-accuchip.gif);
}

#accuchip {
float: left;
width: 80px;
height: 35px;
margin-left: 3px;
margin-top: 33px;
}

.footer-contact {
width: 200px;
height: 97px;
float: left;
background: url(images/footer-contact.gif);
}

.footer-wctc {
height: 17px;
width: 800px;
float: left;
background: url(images/wctcfooter.gif);
}

.background {
border-style: none;
width: 31px;
height: 31px;
}

.numbers {
border-style: none;
background-color: #cccccc;
padding: 0px;
width: 31px;
height: 21px;
text-align: center;
font-family: Arial;
font-size: 17px;
font-weight: bold;           /* options are normal, bold, bolder, lighter */
color: #667788;                 /* change color using the hexadecimal color codes for HTML */
}

.title {                        /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */
border: none;   
width: 31px;
text-align: center;
font-family: Arial;
font-size: 9px;
font-weight: normal;           /* options are normal, bold, bolder, lighter */
color: #667788;                /* change color using the hexadecimal color codes for HTML */
background-color: #ffffff; 
}

#form {                                /* the styles below will affect the outer border of the countdown timer */
height: 45px;
width: 150px;
background: url(images/form-bg.gif);
background-repeat: no-repeat;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
float: left;
display: inline;
font-family: arial;
display: inline;
}
    
.days-div {
height: 41px;
width: 31px;
float: left;
}

.hours-div {
height: 41px;
width: 31px;
float: left;
display: inline;
margin-left: 9px;
}

.minutes-div {
height: 41px;
width: 31px;
float: left;
display: inline;
margin-left: 9px;
}

.second-div {
height: 41px;
width: 31px;
float: left;
display: inline;
margin-left: 8px;
}

.line {
width: 31px;
height: 1px;
z-index: 15;
}

