/* COLORS Lt Blue #7ba4a6 Green #a9b32d */ html { overflow-y: scroll; } * { margin: 0; padding: 0 } body { background-image: url(images/body-bg.jpg); } .clear { clear: both; } a { text-decoration: none; color: #5b97b1; outline: none; } a:hover { color: #5b97b1; text-decoration: underline; } .bold { font-weight: bold; } .bold-blue { font-weight: bold; color: #7ba4a6; } .bold-red { font-weight: bold; color: #FF0000; } .bold-green { font-weight: bold; color: #a9b32d; } .italic { font-style: italic; } .white { color: #FFFFFF; } .edit { color: #ec008c; } #page-wrap { width: 800px; min-height: 300px; height: auto !important; height: 300px; background:url(images/wrap-bg2.jpg) #fff no-repeat; margin: 0 auto; position: relative; } #registration-button { width: 126px; height: 30px; position: absolute; top: 292px; left: 282px; border: none; outline: none;} #header { width: 800px; height: 216px; } #menu-bar { width: 800px; height: 32px; background: url(images/menu-bar-bg.jpg) no-repeat; } ul#main-menu { list-style: none; margin-left: 18px; } ul#main-menu li { display: inline; } ul#main-menu li a { text-indent: -9999px; display: block; height: 32px; float: left; outline: none; } ul#main-menu li a.home { background: url(images/main-menu-home.jpg) no-repeat bottom center; width: 54px; } ul#main-menu li a.home:hover, ul#main-menu li a.home:active { background-position: top center; } ul#main-menu li a.event { background: url(images/main-menu-event.jpg) no-repeat bottom center; width: 124px; } ul#main-menu li a.event:hover, ul#main-menu li a.event:active { background-position: top center; } ul#main-menu li a.registration { background: url(images/main-menu-reg.jpg) no-repeat bottom center; width: 162px; } ul#main-menu li a.registration:hover, ul#main-menu li a.registration:active { background-position: top center; } ul#main-menu li a.expo { background: url(images/main-menu-expo.jpg) no-repeat bottom center; width: 52px; } ul#main-menu li a.expo:hover, ul#main-menu li a.expo:active { background-position: top center; } ul#main-menu li a.training { background: url(images/main-menu-training.jpg) no-repeat bottom center; width: 66px; } ul#main-menu li a.training:hover, ul#main-menu li a.training:active { background-position: top center; } ul#main-menu li a.kids { background: url(images/main-menu-kids.jpg) no-repeat bottom center; width: 78px; } ul#main-menu li a.kids:hover, ul#main-menu li a.kids:active { background-position: top center; } ul#main-menu li a.volunteer2 { background: url(images/main-menu-sponsors.jpg) no-repeat bottom center; width: 79px; } ul#main-menu li a.volunteer2:hover, ul#main-menu li a.volunteer2:active { background-position: top center; } ul#main-menu li a.charities { background: url(images/main-menu-charities.jpg) no-repeat bottom center; width: 73px; } ul#main-menu li a.charities:hover, ul#main-menu li a.charities:active { background-position: top center; } ul#main-menu li a.volunteer { background: url(images/main-menu-volunteer.jpg) no-repeat bottom center; width: 78px; } ul#main-menu li a.volunteer:hover, ul#main-menu li a.volunteer:active { background-position: top center; } body#home ul#main-menu li a.home, body#event ul#main-menu li a.event, body#registration ul#main-menu li a.registration, body#expo ul#main-menu li a.expo, body#training ul#main-menu li a.training, body#kids ul#main-menu li a.kids, body#volunteer2 ul#main-menu li a.volunteer2, body#charities ul#main-menu li a.charities, body#volunteer ul#main-menu li a.volunteer { background-position: top center; } /*HOME MAIN COLUMN*/ #main-column { width: 340px; height: 350px; margin: 5px 20px 0 0; overflow: hidden; float: right; } .main-column-title-1 { font: bold 16px Arial, Helvetica, sans-serif; color: #7ba4a6; margin-top: 5px } .main-column-title-2 { font: 24px Arial, Helvetica, sans-serif; color: #ef3e42; } #main-column p { font: 12px Arial, Helvetica, sans-serif; line-height: 16px; margin-top: 10px; } #main-column p.no-lineheight { margin-top: 2px; } #main-column h2 { font: normal 14px Arial, Helvetica, sans-serif; color: #ce6f19; margin-top: 20px; } ul.body { list-style: disc; } ul.body li { font: 12px Arial, Helvetica, sans-serif; color: #7ba4a6; line-height: 18px; margin: 3px 0 0 15px; } ol.body { } ol.body li { font: 12px Arial, Helvetica, sans-serif; color: #7ba4a6; line-height: 18px; margin: 3px 0 0 20px; } #facebook-home { width: 100px; height: 31px; position: absolute; top: 565px; left: 20px; z-index: 50; background: url(images/facebook.jpg) no-repeat; } /*SCROLLING MAIN COLUMN*/ #main-column-scrl { width: 350px; height: 365px; padding: 5px 10px 0 0; float: right; overflow: scroll; } .main-column-scrl-title-1 { font: bold 16px Arial, Helvetica, sans-serif; color: #7ba4a6; margin-top: 5px} .main-column-scrl-title-2 { font: 24px Arial, Helvetica, sans-serif; color: #ef3e42; } #main-column-scrl p { font: 12px Arial, Helvetica, sans-serif; line-height: 16px; margin-top: 10px; } #main-column-scrl p.no-lineheight { margin-top: 2px; } #main-column-scrl h2 { font: normal 14px Arial, Helvetica, sans-serif; color: #ce6f19; margin-top: 20px; } .image { margin-top: 5px; } #body-sponsors { width: 340px; } #body-sponsors a { outline: none; } #body-sponsors img { border: none; display: inline; outline: none; } #facebook-sub { width: 100px; height: 31px; position: absolute; top: 570px; left: 300px; z-index: 50; background: url(images/facebook.jpg) no-repeat; } /*SUB COLUMN*/ #sub-column { width: 421px; height: auto; float: left; } #body-image {width: 421px; height: 290px; } /*COUNTDOWN*/ #countdown-temp { width: 250px; height: 63px; margin: 17px 0 0 175px;} #countdown { width: 250px; height: 63px; margin: 17px 0 0 175px;} countdown img { margin: 0 2px 0 1px; } .countdown0, .countdown1, .countdown2, .countdown3, .countdown4, .countdown5, .countdown6, .countdown7, .countdown8, .countdown9 { width: 10px; height:25px; background:url(images/numberstrip.gif); } div#countdown img, div#countdown div { display:block; float:left; } .countdown0 { background-position: 0px 0px; } .countdown1 { background-position: -10px 0px; } .countdown2 { background-position: -20px 0px; } .countdown3 { background-position: -30px 0px; } .countdown4 { background-position: -40px 0px; } .countdown5 { background-position: -50px 0px; } .countdown6 { background-position: -60px 0px; } .countdown7 { background-position: -71px 0px; } .countdown8 { background-position: -80px 0px; } .countdown9 { background-position: -90px 0px; } /*CALCULATOR*/ #calculator { width: 350px; height: auto; margin: 10px 0 0 0;} /*FOOTER*/ #footer { width: 800px; height: 271px; background: url(images/footer-sponsor-logos-test.jpg) no-repeat; } #osu_link { width: 50px; height: 50px; position: absolute; left: 20px; top: 680px; cursor:pointer; z-index:2; } #aep_link { width: 50px; height: 50px; position: absolute; left: 105px; top: 685px; cursor:pointer; z-index:2; } #realty_link { width: 50px; height: 50px; position: absolute; left: 20px; top: 770px; cursor:pointer; z-index:2; } #aetna_link { width: 50px; height: 50px; position: absolute; left: 105px; top: 770px; cursor:pointer; z-index:2; } #tiffany_link { width: 30px; height: 30px; position: absolute; left: 225px; top: 685px; cursor:pointer; z-index:2; } #benz_link { width: 30px; height: 30px; position: absolute; left: 315px; top: 685px; cursor:pointer; z-index:2; } #walk_link { width: 30px; height: 30px; position: absolute; left: 400px; top: 685px; cursor:pointer; z-index:2; } #statefarm_link { width: 30px; height: 30px; position: absolute; left: 490px; top: 685px; cursor:pointer; z-index:2; } #kroger_link { width: 30px; height: 30px; position: absolute; left: 570px; top: 685px; cursor:pointer; z-index:2; } #owens_link { width: 30px; height: 30px; position: absolute; left: 640px; top: 685px; cursor:pointer; z-index:2; } #landons_link { width: 30px; height: 30px; position: absolute; left: 220px; top: 735px; cursor:pointer; z-index:2; } #fleet_link { width: 30px; height: 30px; position: absolute; left: 310px; top: 735px; cursor:pointer; z-index:2; } #city_link { width: 30px; height: 30px; position: absolute; left: 390px; top: 735px; cursor:pointer; z-index:2; } #village_link { width: 30px; height: 30px; position: absolute; left: 470px; top: 735px; cursor:pointer; z-index:2; } #foundation_link { width: 30px; height: 30px; position: absolute; left: 550px; top: 735px; cursor:pointer; z-index:2; } #easton_link { width: 30px; height: 30px; position: absolute; left: 625px; top: 735px; cursor:pointer; z-index:2; } #prism_link { width: 30px; height: 30px; position: absolute; left: 220px; top: 790px; cursor:pointer; z-index:2; } #panera_link { width: 30px; height: 30px; position: absolute; left: 290px; top: 790px; cursor:pointer; z-index:2; } #culinary_link { width: 30px; height: 30px; position: absolute; left: 375px; top: 790px; cursor:pointer; z-index:2; } #chamber_link { width: 30px; height: 30px; position: absolute; left: 440px; top: 790px; cursor:pointer; z-index:2; } #commit_link { width: 30px; height: 30px; position: absolute; left: 510px; top: 790px; cursor:pointer; z-index:2; } #rusty_link { width: 30px; height: 30px; position: absolute; left: 575px; top: 790px; cursor:pointer; z-index:2; } #nacc_link { width: 30px; height: 30px; position: absolute; left: 640px; top: 790px; cursor:pointer; z-index:2; } #eas_link { width: 30px; height: 30px; position: absolute; left: 250px; top: 840px; cursor:pointer; z-index:2; } #vitamin_link { width: 30px; height: 30px; position: absolute; left: 330px; top: 840px; cursor:pointer; z-index:2; } #bliss_link { width: 30px; height: 30px; position: absolute; left: 410px; top: 840px; cursor:pointer; z-index:2; } #children_link { width: 30px; height: 30px; position: absolute; left: 470px; top: 840px; cursor:pointer; z-index:2; } #mi_link { width: 30px; height: 30px; position: absolute; left: 540px; top: 840px; cursor:pointer; z-index:2; } #chipotle_link { width: 30px; height: 30px; position: absolute; left: 600px; top: 840px; cursor:pointer; z-index:2; } #club_link { width: 30px; height: 30px; position: absolute; left: 730px; top: 720px; cursor:pointer; z-index:2; } /**#footer { width: 800px; height: 100px; background: url(images/footer-bg.jpg) no-repeat; } #footer-sponsors { width: 800px; height: 56px; padding: 16px 0 0 10px; } #footer-sponsors a { outline: none; } #footer-sponsors img { border: none; display: inline; outline: none; }**/ #footer-sitemap { width: 800px; height: auto; text-align: center;} #footer-sitemap-copy { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #7ba4a6; line-height: 18pt; } #footer-sitemap-copy a { text-decoration: none; color: #a9b32d; outline: none; } #footer-sitemap-copy a:hover, #footer-sitemap-copy a:active { color: #7ba4a6; } /*EVENT PAGE*/ #event-image { width: 419px; height: 290px; background: url(images/nawc-image-event.jpg) no-repeat; } /*REGISTRATION PAGE*/ #reg-image { width: 419px; height: 290px; background: url(images/nawc-image-reg.jpg) no-repeat; } /*EXPO PAGE*/ #expo-image { width: 419px; height: 290px; background: url(images/nawc-image-expo.jpg) no-repeat; } /*TRAINING PAGE*/ #training-image { width: 419px; height: 290px; background: url(images/nawc-image-training.jpg) no-repeat; } /*KIDS WALK*/ #kids-image { width: 419px; height: 290px; background: url(images/nawc-image-kids.jpg) no-repeat; } /*SPONSORS*/ #sponsors-image { width: 419px; height: 290px; background: url(images/nawc-image-sponsors.jpg) no-repeat; } /*CHARITIES*/ #charities-image { width: 419px; height: 290px; background: url(images/nawc-image-charities.jpg) no-repeat; } ul#secondary-nav { width: 170px; list-style: none; font: 12px Arial, Helvetica, sans-serif; color: #7ba4a6; line-height: 18px; margin: 0 0 0 230px; padding: 50px 0 0 0;} ul#secondary-nav li { } ul#secondary-nav li a { outline: none; } .title-2 { font: bold 14px Arial, Helvetica, sans-serif; color: #a9b32d; } #form-right { } #form-right p { font: normal 10px Arial, Helvetica, sans-serif; line-height: 16px; margin-top: 10px; color: #7ba4a6; } input.box { width:200px;