/************************************************************* 33rd Annual Bert M. Warden's Golden South Classic -------------------------------------------------------------- Designed by: Michael Barber Built by: Brandon Kidd Powered by: Cyrus -------------------------------------------------------------- Created on August 22, 2008 *************************************************************/ /* Global */ *{ font-family: Arial, Verdana, Helvetica, sans-serif; } html, body{ border: 0; font-size: 12px; } body{ background: #000 url(Images/bg.gif) repeat-x center top; color: #fff; } h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, legend{ font-family: Georgia, Times New Roman, Times, serif; font-weight: bold; text-align: left; } h1{ border-bottom: solid 1px #ccc; color: #fff; font-size: 24px; margin: 5px 0; padding: 4px 0; } h2{ color: #addfe8; font-size: 20px; margin: 4px 0; padding: 3px 0; } h3{ color: #b890c2; font-size: 18px; margin: 3px 0; } h4{ color: #9ac2b9; font-size: 16px; margin: 2px 0; } h5{ color: #e0aace; font-size: 14px; } h6{ color: #ccc; font-size: 12px; } p, #main_content .literalContent{ line-height: 20px; text-align: justify; margin: 0 0 20px 0; } p img[align="left"], #main_content .literalContent img[align="left"]{ margin: 0 10px 0 0; } p img[align="right"], #main_content .literalContent img[align="right"]{ margin: 0 0 0 10px; } a{ color: #ffd24f; outline: none; text-decoration: underline; } a:hover{ color: #b890c2; text-decoration: none; } p a[target="_blank"]{ padding: 0 10px 0 0; background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat 100% 3px; } ul{ margin: 0 0 0 5px; } ul li{ background: transparent url(Images/bullet1.gif) no-repeat 2px 6px; color: #fff; line-height: 20px; list-style: none; padding: 0 0 0 15px; } ul li ul, ul ul{ margin: 0 0 0 5px; } ul li ul li, ul ul li{ background: transparent url(Images/bullet2.gif) no-repeat 2px 5px; color: #999; font-size: 11px; line-height: 18px; list-style: none; padding: 0 0 0 15px; } ul li ul li a, ul ul li a{ color: #e0aace; font-size: 11px; line-height: 18px; } ul li ul li a:hover, ul li ul li a:focus, ul ul li a:hover, ul ul li a:focus{ color: #fbb161; } hr{ height: 0; border: 0; border-bottom: 1px solid #666; } hr.separator_dashed{ height: 0; border: 0; border-bottom: 1px dashed #666; } address{ font-style: normal; } fieldset{ border: 2px solid #ccc; padding: 5px 10px; } legend{ color: #addfe8; font-size: 16px; font-weight: bold; } .warning{ color: #c66; font-weight: bold; } .viewall, .viewall span{ font-size: 10px; font-weight: bold; text-decoration: none; } .viewall:hover span{ text-decoration: underline; } /* Header */ #header{ width: 960px; height: 273px; position: relative; margin: 0 auto; padding: 0; } #header .logo, #header .presentingsponsor{ position: absolute; display: block; } #header .logo{ width: 460px; height: 102px; left: 22px; top: 15px; } #header .logo span, #header .presentingsponsor span{ display: none; } #header .logo:hover, #header .logo:focus{ background: transparent url(Images/logo_over.jpg) no-repeat left top; } #header .presentingsponsor{ width: 135px; height: 92px; left: 790px; top: 113px; } #header #navigation{ width: 918px; height: 39px; position: absolute; left: 21px; top: 255px; z-index: 10; background: transparent url(Images/bg_navigation.gif) no-repeat left top; } #header #navigation ul{ list-style: none; margin: 0; } #header #navigation ul li{ background: none; display: inline; padding: 0; } #header #navigation ul li a{ height: 39px; display: inline; background-color: transparent; background-position: left top; background-repeat: no-repeat; float: left; margin: 0 0 0 1px; } #header #navigation ul li a:hover, #header #navigation ul li a:focus{ background-position: left -39px; } #header #navigation ul li.firstlink a{ margin: 0; } #header #navigation ul li a span{ display: none; } #header #navigation ul li #nav_home{ width: 79px; background-image: url(Images/nav_home.gif); } #header #navigation ul li #nav_event_overview{ width: 145px; background-image: url(Images/nav_eventoverview.gif); } #header #navigation ul li #nav_rules{ width: 74px; background-image: url(Images/nav_rules.gif); } #header #navigation ul li #nav_event_beneficiary{ width: 157px; background-image: url(Images/nav_eventbeneficiary.gif); } #header #navigation ul li #nav_location{ width: 95px; background-image: url(Images/nav_location.gif); } #header #navigation ul li #nav_sponsors{ width: 101px; background-image: url(Images/nav_sponsors.gif); } #header #navigation ul li #nav_contact_us{ width: 113px; background-image: url(Images/nav_contactus.gif); } #header #navigation ul li #nav_register_online{ width: 147px; background-image: url(Images/nav_registeronline.gif); } .root #header #navigation ul li #nav_home, .event #header #navigation ul li #nav_event_overview, .rules #header #navigation ul li #nav_rules, .beneficiary #header #navigation ul li #nav_event_beneficiary, .location #header #navigation ul li #nav_location, .sponsors #header #navigation ul li #nav_sponsors, .contactus #header #navigation ul li #nav_contact_us{ background-position: left bottom; } /* Main */ #main{ width: 910px; position: relative; margin: 30px auto 0; padding: 0 25px 10px; } #main #rightcolumn{ width: 220px; position: absolute; right: 0px; top: 0px; } #main #rightcolumn h2{ width: 220px; clear: both; margin: 0 0 10px; text-align: center; } #main #rightcolumn a{ background-color: transparent; background-position: left top; background-repeat: no-repeat; clear: both; display: inline; float: left; } #main #rightcolumn a span{ display: none; } #main #rightcolumn .sponsors{} #main #rightcolumn .sponsors .adidas{ width: 89px; height: 60px; background-image: url(Images/sponsor_adidas.gif); margin: 0 55px 10px; } #main #rightcolumn .partners{} #main #rightcolumn .partners h2{ width: 180px; border-top: solid 1px #addfe8; color: #e0aace; font-size: 16px; font-style: italic; font-weight: normal; line-height: 20px; margin: 10px 20px 0; padding: 5px 0 0; } #main #rightcolumn .partners .goldenwest{ width: 120px; height: 120px; background-image: url(Images/partner-goldenwest.gif); margin: 10px 44px; } #main #rightcolumn .partners .simplot{ width: 112px; height: 60px; background-image: url(Images/partner-simplot.gif); margin: 10px 44px; } #main #main_inner{ min-height: 400px; _height: 400px; } #main_inner #main_content{ width: 480px; display: inline; float: right; margin: 0 220px 0 0; } #main_inner #main_content .menu{} .root #main_inner #main_content .menu{ display: none; } #main_inner #main_content .menu a{ background: transparent none; border: 0; color: #9ac2b9; font-family: Arial, Verdana, Sans-Serif !important; text-decoration: none; } #main_inner #main_content .menu a:hover, #main_inner #main_content .menu a:focus{ color: #e0aace; text-decoration: underline; } #main_inner #main_content .menu .menu_print{ background: transparent url(Images/icon_printer.gif) no-repeat left center; } #main_inner #main_content .menu .menu_email{ background: transparent url(Images/icon_email.gif) no-repeat left center; } #main_inner #main_content .menu .menu_bookmark{ background: transparent url(Images/icon_book.gif) no-repeat left center; } #main_content .menu a span{ font-family: Arial, Verdana, Sans-Serif !important; } #main_inner #main_sidebar{ width: 175px; display: inline; float: left; } #main_inner #sidemenu{ } #main_inner #sidemenu h2{ display: block; } #main_inner #sidemenu ul{} #main_inner #sidemenu ul li{} #main_inner #sidemenu ul li.selected{ background: transparent url(Images/bullet3.gif) no-repeat 2px 6px; padding: 0 0 0 18px; } #main_inner #sidemenu ul li.selected a{ color: #fff; font-weight: bold; text-decoration: none; } #main_inner #sidemenu ul li.selected ul li{ background: transparent url(Images/bullet2.gif) no-repeat 2px 5px; color: #999; font-size: 11px; line-height: 18px; list-style: none; padding: 0 0 0 15px; } #main_inner #sidemenu ul li.selected ul li a{ color: #e0aace; font-size: 11px; font-weight: normal; line-height: 18px; } #main_inner #sidemenu ul li.selected ul li a:hover, #main_inner #sidemenu ul li.selected ul li a:focus{ color: #fbb161; } #main_inner #sidemenu ul li ul li.selected{ background: transparent url(Images/bullet4.gif) no-repeat 2px 3px; padding: 0 0 0 15px; } #main_inner #sidemenu ul li ul li.selected a{ color: #fff; font-weight: bold; text-decoration: none; } #main_inner #quicklinks{ font-size: 11px; margin: 20px 0 0; } #main_inner #quicklinks h2, #main_inner #quicklinks h2 span{ color: #e0aace; font-size: 16px; font-style: italic; font-weight: normal !important; } #main_inner #quicklinks ul{} #main_inner #quicklinks ul li{ background: transparent url(Images/bullet2.gif) no-repeat 2px 6px; } #main_inner #quicklinks ul li a{ color: #9ac2b9; text-decoration: none; } #main_inner #quicklinks ul li a:hover, #main_inner #quicklinks ul li a:focus{ color: #e0aace; text-decoration: underline; } /* Footer */ #footer{ width: 910px; position: relative; border-top: solid 1px #666; font-size: 11px; margin: 10px auto 0; padding: 10px 0; } #footer a{ color: #666; text-decoration: none; } #footer a:hover, #footer a:focus{ color: #ffd24f; text-decoration: underline; } #footer #footer_left, #footer #footer_right{ width: 420px; } #footer #footer_left{ float: left; } #footer #footer_left p{ color: #666; font-size: 11px; margin: 0; } #footer #footer_left ul{ list-style: none; margin: 0; } #footer #footer_left ul li{ background: transparent none; border-left: solid 1px #666; display: inline; padding: 0 0 0 6px; } #footer #footer_left ul li a{ margin-right: 4px; } #footer #footer_left ul li.firstcell{ border: 0; padding: 0; } #footer #footer_right{ float: right; } #footer #footer_right p{ color: #666; margin: 0; padding: 0 42px 0 0; text-align: right; } #footer #footer_right p a{ width: 38px; height: 13px; position: absolute; left: 873px; top: 13px; background: transparent url(Images/cyrus.gif) no-repeat left top; display: block; } #footer #footer_right p a span{ display: none; } /* Sponsors */ #sponsorList{} #sponsorList .sponsorItem{ float: left; display: inline; width: 240px; height: 180px; } #sponsorList .sponsorItem h2 a{ color: #addfe8; font-size: 18px; text-decoration: none; } #sponsorList .sponsorItem h2 a:hover, #sponsorList .sponsorItem h2 a:focus{ color: #ffd24f; text-decoration: underline; } #sponsorList .sponsorItem .logo a{ border: 4px solid #9ac2b9; } #sponsorList .sponsorItem .logo a:hover, #sponsorList .sponsorItem .logo a:focus{ border: 4px solid #e0aace; }