/* Resets --------------------------------------------------*/ h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, fieldset, legend, blockquote { margin: 0; padding: 0; } li { list-style: none; margin: 0px; padding: 0px; } img { border: none; } a, a:link, a:visited, a:active, a:hover { text-decoration: none; font-weight: normal; color:#F00; outline: none; } a:hover { color: #FFF; } hr, span, .plain-only{ display:none; height: 0px; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font: 72.5% Georgia, "Times New Roman", Times, serif; background: #000; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */ p { line-height: 160%; padding-bottom: 20px; font-size: 1em; color:#FFF;} p.terms { line-height: 150%; padding-bottom: 0px; font-size: 1em; } /* General Containers --------------------------------------------------*/ #mainwrap { background: #B20107 url(../img/bgfade1.jpg) repeat-x; } #maincontainer, #contentcontainer { height: 334px; width: 960px; margin-right: auto; margin-left: auto; position: relative; padding-top: 41px; background: url(../img/bigtop.jpg) no-repeat 0px 0px; } #contentcontainer { height: 134px; background: url(../img/bigtop-content.jpg) no-repeat 0px 0px;} #maincontainer-content { height: 20px; width: 960px; margin-right: auto; margin-left: auto; position: relative; padding-top: 41px; } #mid-container { width: 960px; margin-right: auto; margin-left: auto; background: #000 no-repeat left top; padding-top: 10px; } #footerwrap { background: #000 url(../img/footerwrap.jpg) repeat-x center top; padding-bottom: 10px; clear: both; } #footercontainer { width: 960px; margin-right: auto; margin-left: auto; background: #616D69 url(../img/footer-bg.jpg) no-repeat left top; padding-bottom: 10px; height: 324px; } /* calender --------------------------------------------------*/ .calendarBG { color: #000; margin-left: 0px; float: right; font: 10px Verdana, Geneva, sans-serif; } .calendarBG .calendarCell { border: 1px solid #CCC; width: 36px; background: #999; color: #FFF; height: 17px; } .calendarBG .calendarRow .calendarCell a { background: #F00; color: #FFF; display: block; font-weight: normal; vertical-align: baseline; height: 16px; padding-top: 1px; } .calendarBG .calendarRow .calendarCell a:hover { background: #B97373; color: #FFF; display: block; font-weight: normal; } .calendarBG .calendarHeader th { background: #4C4C4C; font-weight: bold; padding-top: 3px; padding-bottom: 3px; } .calendarBG .calendarRow .calendarToday { background: #FC0; color: #000; font-weight: bold; } .calendarBG tr .calendarDayHeading { background: #000; text-align: center; font-weight: normal; color: #FFF; padding-top: 6px; padding-bottom: 6px; } .calendarBG .calendarHeader th a { color: #FFF; font-weight: bold; } /* General Form Styles --------------------------------------------------*/ form { margin: 5px 0 15px; font-size: 100%; width:460px; } #right form { margin: 5px 0 15px; font-size: 100%; width:290px; position: relative; } fieldset { border: 1px solid #999999; padding: 5px; } legend { padding: 5px; font-weight: bold; color: #1F1F1F;} label { display: block; margin: 10px 0 4px 0; color: #fff; } label.check { display: inline; } textarea, input { width: 98%; border: 1px solid #7F9DB9; padding: 5px; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #888; margin: 0; background: #FFF url(/templates/img/formshadow.jpg); } select { width: 100%; padding: 3px;} input.check { background: none; border: none; width: auto; margin: 6px 4px 0 4px; } input.sized {width: auto;} input.hid { display:none; height:1px;} input.submit{ color:#000000; font: bold 1.2em Arial, Helvetica, sans-serif; width: 150px; margin-top: 15px; background: #CCC; padding: 0px; height: 30px; border-style: none; cursor:pointer; cursor:hand; } textarea{ height: 100px; } .LV_validation_message{ font-weight:bold; margin:0 0 0 5px; } .LV_valid { color:#00CC00; } .LV_invalid { color:#CC0000; } .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; } /* general --------------------------------------------------*/ .logo .logolink { background: url(../img/logo.jpg) no-repeat; height: 92px; width: 242px; position: absolute; padding: 0px; left: 0px; top: 1px; display: block; z-index: 3; } .pic-l { float:left; margin-bottom:20px; border: 0px solid #666; background: #666; margin-right: 20px; } .pic-c {margin-bottom:10px; margin-right:auto; margin-left:auto;} .pic-log {margin-bottom:10px;} #left { width: 630px; float: left; } #right { margin-left: 630px; color: #FFF; padding-left: 10px; } #calendar { width:300px; border-bottom: 1px dotted #CCC; margin-bottom: 20px; } .content { background: url(../img/content-bg.jpg) repeat-x left top; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; width: 940px; } p.phone b { font-size: 2.5em; font-weight: normal; } #mainnav { position: absolute; width: 940px; top: 98px; left: 10px; } #mainnav ul li a, #mainnav ul li a:link, #mainnav ul li a:visited, #mainnav ul li a:active { font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; width: 104px; text-align: center; padding-top: 4px; padding-bottom: 5px; color: #CCC; float: left; height: 21px; } #mainnav ul li a:hover, #mainnav ul li #current { color:#FC0; } #mainnav li { display: inline; } #mainnav ul li a.wider { width: 140px; } .onecol { float: left; width: 220px; padding: 20px 10px; display: block; } .clear { clear: both; } #footercontainer .onecol h4 { font-size: 1.5em; font-weight: normal; color: #FFF; padding-bottom: 10px; } #footercontainer .onecol p { color: #FFF; } #footercontainer li { background: url(../img/footer-bullets.jpg) no-repeat; padding-left: 20px; color: #FFF; padding-bottom: 10px; } #homeclickr-01, #homeclickr-02, #homeclickr-03 { display: block; width: 220px; position: absolute; top: 275px; left: 250px; } #homeclickr-02 { position: absolute; top: 275px; left: 490px; } #homeclickr-03 { position: absolute; top: 275px; left: 730px; } #homeclickr-01 img, #homeclickr-02 img, #homeclickr-03 img { border-right: 1px solid #95BFB6; border-bottom: 1px solid #95BFB6; border-left: 1px solid #95BFB6; border-top-color: #95BFB6; } #homeclickr-01 h2 a, #homeclickr-01 h2 a:link, #homeclickr-01 h2 a:visited, #homeclickr-01 h2 a:active, #homeclickr-02 h2 a, #homeclickr-02 h2 a:link, #homeclickr-02 h2 a:visited, #homeclickr-02 h2 a:active, #homeclickr-03 h2 a, #homeclickr-03 h2 a:link, #homeclickr-03 h2 a:visited, #homeclickr-03 h2 a:active { background: url(../img/3box-cta.gif) no-repeat left top; height: 25px; display: block; font: normal 10pt Verdana, Geneva, sans-serif; padding-left: 12px; padding-top: 6px; color: #CCC; } #homeclickr-01 h2 a:hover, #homeclickr-02 h2 a:hover, #homeclickr-03 h2 a:hover{ background: url(../img/3box-cta-hover.gif) no-repeat left top; color: #FFF; } #homeclickr-01 h2 a:active, #homeclickr-02 h2 a:active, #homeclickr-03 h2 a:active { background: url(../img/3box-cta-active.gif) no-repeat left top; color: #FFF; } #footnotes p.terms { color: #CCC; font: .85em Verdana, Geneva, sans-serif; text-align: right; padding-right: 10px; } #footnotes { width: 960px; margin-right: auto; margin-left: auto; padding-bottom: 20px; } #right .images { width: 218px; float: right; margin-left: 20px; margin-bottom: 10px; margin-right:45px; margin-top:60px; } #right .images2 { width: 218px; float: right; margin-left: 20px; margin-bottom: 10px; margin-right:45px; margin-top:00px; } #right .images img, #right .images2 img { margin-bottom: 20px; padding: 5px; background: #333; border-top: 1px solid #666; border-right: 1px solid #333; border-bottom: 1px none #666; border-left: 1px solid #666; } #left.contentmenu { padding-top: 170px; } #subnav { padding: 10px 20px; width: 180px; display: block; background: url(../img/menu-bg.jpg) no-repeat left top; } .subnav-btm { background: url(../img/menubotm-bg.jpg); height: 10px; width: 220px; } #left #subnav li a, #left #subnav li a:link, #left #subnav li a:visited, #left #subnav li a:active { text-align: right; border-bottom: 1px dotted #B4BAB8; display: block; padding: 6px 10px; } #left #subnav li a:hover { background: #3C0010; color:#FFF;} p.image-title {color:#FC0; font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:0px;} span.smaller { display:inline; font-style:italic; padding-bottom:0px;} p.date { padding-bottom:0px; font-size:75%; text-align:right; } #right ul li { background: url(../img/bullet.gif) no-repeat 0px 2px; padding-left: 20px; padding-bottom: 5px; } #right ul { padding-bottom: 20px; } p.error { padding:20px; border:1px dotted #6C7876; margin-bottom:20px;} .works h3 {padding-bottom:6px; font-size:1.6em; font-weight:normal; color: #FC0} .works ul li a{ background: url(../img/butt-bg.jpg); display: block; height: 20px; width: 91px; padding-top: 5px; padding-right: 5px; padding-left: 10px; font: 10px Verdana, Geneva, sans-serif; color: #ccc; } .works ul li a:hover {color:#FFF;} #right .clearfix.works ul li { background: url(none); margin: 10px 10px 0px 0px; padding: 0px; float: left; } #news .item { border-bottom: none; padding-top: 10px; border-top: 1px dotted #CCC; padding-bottom: 10px; width: 300px; } #news .item h3 { padding-bottom: 0px; } .cta .box { background: #33F; width: 130px; float: left; margin-right: 10px; padding-right: 10px; padding-left: 10px; } .cta .box.one { background: #000 url(../img/cta1.jpg) no-repeat left top; } .cta .box.two { background: #000 url(../img/cta2.jpg) no-repeat left top; } .cta .box.three { background: #000 url(../img/cta3.jpg) no-repeat left top; } .cta .box.four { background: #000 url(../img/cta4.jpg) no-repeat left top; margin-right: 0px; } .cta .box h2 a, .cta .box h2 a:link, .cta .box h2 a:active { padding-top: 100px; display: block; padding-bottom: 0px; font: normal 24px Georgia, "Times New Roman", Times, serif; color: #FFF; } .cta .box h2 a:hover { color:#FC0; } .cta .box p { line-height: 120%; } #left .cta { border-bottom: 1px dotted #ccc; padding-bottom: 0px; margin-bottom: 5px; } #left h2 { font: normal 2em Georgia, "Times New Roman", Times, serif; color: #FFF; padding-bottom: 15px; } #left ol, #left ul {padding-bottom:20px;} #left ol li { color: #CCC; list-style: decimal outside; padding-left: 8px; margin-left: 30px; padding-bottom: 3px; } p.small { display:block; font-size:85%; padding-top: 0px; padding-bottom: 2px; } #mid-container .clearfix.content #right #calendar .calendarBG .calendarMonthLinks td .calendarPrevMonth, #mid-container .clearfix.content #right #calendar .calendarBG .calendarMonthLinks td .calendarNextMonth{ padding-top: 5px; padding-bottom: 5px; } #calendar .calendarBG .calendarHeader th a { padding-top: 5px; padding-bottom: 5px; display: block; } #map { background-color:#000; width:620px; height:500px; text-align:center; padding-top:50px;} h3 { color:#FFF; font-size: 1.5em; padding-bottom: 15px; font-weight:normal;} .thumbs p.tight, p.tight {padding:0px; margin:0px;} p.details {clear:both;} p.classes { clear:both; border:dotted #999 1px; padding:10px; margin-top:15px; margin-bottom:15px; background: #333; } .event {width:590px; border-top:dotted #999 1px; margin-bottom:0px; padding-top:10px;}.calendarBG .calendarMonthLinks td a img { vertical-align: text-bottom; } .calendarBG .calendarMonthLinks td a { font-size: 1.3em; font-weight: bold; } #left .image-box-150 { width: 170px; float: left; } #left .newsitem { border-bottom: 1px dotted #CCC; margin-bottom: 20px; padding-bottom: 10px; width: 610px; } #right .minigallery { padding-left: 40px; } .minigallery .highslide img { margin-right: 10px; margin-bottom: 10px; } .results thead tr th { color: #FFF; padding:6px; } #left .results { color: #FFF; } .results { padding: 0px; margin-top: 0px; border-top: none; border-right: none; border-bottom: none; border-left: none; } .results tr td { border: 1px solid #666; margin: 0px; padding: 5px; } .results tr .resultColumnOne { text-align: left; padding: 5px; background: #666; border-style: none; color: #FECB00; } #thumbs.grid {width:200px; display:block; float:left; margin-right:22px;} #gallery .thumbs .grid { float: left; width: 200px; margin-right: 22px; } .vimeo-class .highslide-header { display: block;} .vimeo-class .highslide-play, .vimeo-class .highslide-previous, .vimeo-class .highslide-next, .vimeo-class .highslide-full-expand, .vimeo-class .highslide-controls{ display: none;} .vimeo-class .highslide-html { background-color: #000;} a.vimeoclose { color: #09C; float:right; margin-left:15px; margin-top:20px;} a.vimeoclose:hover { color: #F36; } #gallery h3.photos { background: url(/templates/img/photos-h3.jpg) no-repeat 0px 0px; padding-left: 30px; } #gallery h3.vids { background: url(/templates/img/vids-h3.jpg) no-repeat 0px 0px; padding-left: 30px; } h3.tumbs {display:inline; padding:0px;} .thumbs { background: #000; padding-top: 20px; padding-right: 0px; padding-left: 30px; } .thumbs a img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; } #gallery { background: #000; padding-left: 15px; padding-bottom: 40px; } .thumbs p { color: #CCC; font-family: Arial, Helvetica, sans-serif; padding-top: 10px; } span.LV_validation_message.LV_valid, span.LV_validation_message.LV_invalid {display:inline;} .results tr .resultColumnOne { text-align: left; padding: 5px; background: #666; border-style: none; color: #FECB00; } #freeform p.race-number { padding-top: 10px; margin: 0px; display: block; } #freeform p.number { font-size: 46px; margin: 0px auto; padding: 23px 0px 0px; display: block; height: 130px; width: 180px; background: url(../img/number.jpg) no-repeat; text-align: center; } #left.fullwidth { width:100%} #left .thumbs .grid { width: 550px; display: block; padding: 10px 20px 10px 10px; } #right p.logged { padding-top: 10px; } #right p.logged b { color: #FC0; } #right .flashy-css-class { padding: 5px; display: block; background: #CCC; color: #000; margin-bottom: 20px; } .content #left ul li { color: #FFF; background: url(/templates/img/0019_swd_bullet_32.png) no-repeat 0px 2px; padding-left: 20px; padding-bottom: 5px; } .content #left ul { padding-left: 20px; } #right .flashy-css-class { padding: 5px; display: block; background: #CCC; color: #000; margin-bottom: 20px; } .content #left ul li { color: #FFF; background: url(../img/0019_swd_bullet_32.png) no-repeat; padding-left: 20px; padding-bottom: 5px; } .content #left ul { padding-left: 20px; } .content #left .thumbs .grid ul li { background: url(none); padding: 0px; } #right p.logged { padding-top: 10px; } #right p.logged b { color: #FC0; } .content #left .thumbs .grid { padding-bottom:50px; } #left .thumbs .grid:hover { background:#000 ; } #sponsors { padding-left: 240px; position: absolute; left: 13px; top: 10px; width: 700px; } #sponsors a img { padding-left: 4px; } #left .homepage-featured, #left .homepage-featured-news { width: 490px; padding: 0px 110px 70px 20px; margin-bottom: 20px; background: url(../img/homefader-bg.jpg) no-repeat right bottom; } #left .homepage-featured-news { width: 490px; padding: 0px 110px 20px 20px; margin-bottom: 20px; background: no-repeat right bottom; border-bottom: 1px dotted #CCC; } #member_form fieldset { border: 1px dotted #CCC; display: block; background: #333; padding: 10px 10px 20px; margin-bottom: 20px; } .hidethis {display:none;} #member_form fieldgroup { border: 1px dotted #CCC; display: block; background: #333; padding: 10px; } #left .event .showdeets { margin-left: 0px; display: block; width: 220px; background: #333; padding: 2px 5px; border: 1px solid #666; } #left .newsitem .showdeets, #left .homepage-featured .showdeets, #left .homepage-featured-news .showdeets { margin-left: 170px; padding: 2px 5px; display: block; width: 160px; background: #333; border: 1px solid #666; } #left .homepage-featured .showdeets, #left .homepage-featured-news .showdeets { margin-top:15px;} #left .homepage-featured .showdeets { } .comments-content-odd { background: #333; color: #CCC; } .comments-content-even { background: #666; color: #CCC; } h4.comments { color: #FC0; font-size: 16px; font-weight: normal; margin-top: 20px; clear: left; } .comments-content-odd dl .name { font-weight: bold; font-size: 120%; } dl dd p { display: block; margin-top: 20px; padding-right: 20px; padding-left: 60px; } dl { padding: 10px; } dl .name { font-size: 120%; font-weight: bold; color: #FFF; } #left .images { padding-bottom: 15px; } .results table {margin-bottom:20px} p.info { background: url(../img/info_sml.jpg) no-repeat; padding-left: 35px; } input.lefted {float:left;} .uc{ text-transform: uppercase; } #left h3 a { color: #F90; } .item .newsminidetail {margin-left:120px;} #footercontainer .linklogo { margin-left: 10px; display: block; float: left; } .event .details { margin-left: 140px; } #rideout {padding-left:30px;} #right .images .noborder, #right .images2 .noborder{ border-style: none; padding: 0px; }