/***************************************************************************************/ /* COMMON LAYOUT */ /***************************************************************************************/ * { padding: 0px; margin: 0px; } /* Start with a clean slate */ * { font-family: Verdana; } /* Default font for all items */ * { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */ html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */ .clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */ body { margin: 0px 0px 0px 0px; background: url('../images/layout/bg.jpg'); } hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: solid; height: 1px; overflow: hidden; } ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; } li { list-style-type: square; } .bordered { border: 1px solid #33CCFF; } h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; } h1 { color: #000000; font-size: 16px; margin: 0px 0px 15px 0px; } h2 { color: #000000; font-size: 14px; margin: 0px 0px 15px 0px; } h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; } p { color: #333333; font-size: 12px; margin: 0px 0px 15px 0px; line-height: 17px; } table, tr, td, div, p, input, select { font-size: 12px; color: #333333; } a { color: #000000; font: normal 12px Verdana; text-decoration: none } a:hover { text-decoration: underline; } /***************************************************************************************/ /* SPECIFIC TO THIS LAYOUT */ /***************************************************************************************/ #mainContainer { width: 850px; /* Main Content Width */ margin: 0px auto; /* Align to Center */ background: url('../images/layout/body_bg.jpg') repeat-y; } #main { background: url('../images/layout/main_bg.jpg') no-repeat; } #footer { background: url('../images/layout/footer_bg.jpg') no-repeat; height: 202px; } #nav { margin-left: 75px; } #nav a { margin-right: 28px; } #footerNav { margin-left: 75px; } #footerNav a { margin-right: 28px; } #home1 { display: block; float: left; width: 69px; height: 20px; background: url('../images/layout/nav/home1.jpg'); } #home1:hover { background: url('../images/layout/nav/home1_over.jpg'); } #home1 img { border: 0px; width: 69px; height: 20px; } #raceDetails1 { display: block; float: left; width: 138px; height: 20px; background: url('../images/layout/nav/racedetails1.jpg'); } #raceDetails1:hover { background: url('../images/layout/nav/racedetails1_over.jpg'); } #raceDetails1 img { border: 0px; width: 138px; height: 20px; } #contact1 { display: block; float: left; width: 128px; height: 19px; background: url('../images/layout/nav/contact1.jpg'); } #contact1:hover { background: url('../images/layout/nav/contact1_over.jpg'); } #contact1 img { border: 0px; width: 128px; height: 19px; } #links1 { display: block; float: left; width: 61px; height: 20px; background: url('../images/layout/nav/links1.jpg'); } #links1:hover { background: url('../images/layout/nav/links1_over.jpg'); } #links1 img { border: 0px; width: 61px; height: 20px; } #register1 { display: block; float: left; width: 96px; height: 25px; background: url('../images/layout/nav/register1.jpg'); } #register1:hover { background: url('../images/layout/nav/register1_over.jpg'); } #register1 img { border: 0px; width: 96px; height: 25px; } #home2 { display: block; float: left; width: 69px; height: 20px; background: url('../images/layout/nav/home2.jpg'); } #home2:hover { background: url('../images/layout/nav/home2_over.jpg'); } #home2 img { border: 0px; width: 59px; height: 20px; } #raceDetails2 { display: block; float: left; width: 138px; height: 20px; background: url('../images/layout/nav/racedetails2.jpg'); } #raceDetails2:hover { background: url('../images/layout/nav/racedetails2_over.jpg'); } #raceDetails2 img { border: 0px; width: 138px; height: 20px; } #contact2 { display: block; float: left; width: 128px; height: 19px; background: url('../images/layout/nav/contact2.jpg'); } #contact2:hover { background: url('../images/layout/nav/contact2_over.jpg'); } #contact2 img { border: 0px; width: 128px; height: 19px; } #links2 { display: block; float: left; width: 61px; height: 20px; background: url('../images/layout/nav/links2.jpg'); } #links2:hover { background: url('../images/layout/nav/links2_over.jpg'); } #links2 img { border: 0px; width: 61px; height: 20px; } #register2 { display: block; float: left; width: 95px; height: 25px; background: url('../images/layout/nav/register2.jpg'); } #register2:hover { background: url('../images/layout/nav/register2_over.jpg'); } #register2 img { border: 0px; width: 95px; height: 25px; } #preloadImages { display: none; } #preloadImages img { height: 0px;} #body { margin-left: 75px; margin-top: 20px; margin-right: 350px; } #sponsors { text-align: center; margin-top: 15px; } #sponsors a { margin: 0px 10px 0px 10px; } #sponsors a img { border: 0px; border: 3px solid #333333; } #sponsors a:hover img { border-color: #c6ff60; } /* #polaroid { margin-left: 56%; position: absolute; width: 350px; height: 344px; top: 330px; } */ #polaroid { position: absolute; text-align: center; left: 50%; margin-left: 70px; width: 350px; height: 344px; top: 330px; } .polaroidImg { position: absolute; text-align: center; left: 50%; margin-left: 110px; width: 263px; height: 211px; top: 370px; } /***************************************************************************************/ /* PAGE CONTENT */ /***************************************************************************************/ /* Contact Form */ .contactForm { } .contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 80px; } .contactForm td { padding-top: 5px; } .contactForm input { width: 150px; height: 16px; line-height: 16px; } .contactForm .checkbox input { width: 16px; margin-right: 10px; } .contactForm .checkbox div { margin-top: 2px; width: 165px; float: left; } .contactForm .radio input { width: 16px; margin-right: 10px; } .contactForm .radio div { margin-top: 2px; width: 150px; float: left; }