body { background-color: #EBEBEB; background-image: url("../images/bdy_bkd.jpg"); background-repeat: repeat-x; background-position: left top } #header-contain { text-align: left; margin: 0; padding: 0; z-index: 30; height: 254px } #header { background-image: url("../images/header_bkd.jpg"); background-repeat: no-repeat; background-position: left center; margin: 0 auto; padding: 0; position: relative; z-index: 9999; width: 978px; height: 254px } #dare-counter { background-image: url("../images/counter_bkd.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; position: absolute; right: 25px; bottom: 81px; width: 320px; height: 26px } #count-align { position: relative; top: 4px; left: 4px; width: 121px; height: 26px } #count-align span { font-size: 14px; line-height: 1; background-color: #fff; margin: 0 0 0 1px; padding: 1px 5px 3px; float: left } .logo_btn { text-indent: -9999px; margin: 0; padding: 0; position: absolute; z-index: 9990; top: 9px; left: 21px; width: 231px; height: 161px; float: left } .logo_btn a:link, .logo_btn a:visited { background: url("../images/logo_dare.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 231px; height: 161px } .logo_btn a:hover, .logo_btn a:active { background: url("../images/logo_dare.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 231px; height: 161px } ul#topnav { list-style: none; margin: 0; padding: 0; position: absolute; top: 20px; right: 22px; width: 251px; height: 22px } ul#topnav li { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none } ul#topnav li a { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; display: block; padding: 0; z-index: 1; height: 22px } ul#topnav li a:hover { background-position: 0 -22px !important } ul#topnav li:hover a.select { background-position: 0 -22px !important; position: relative; z-index: 9999 } ul#topnav li a.current { background-position: 0 -22px !important } ul#topnav li.participant a { color: #ebf3ff; background-image: url("../images/tp_nav1.gif"); background-repeat: no-repeat; background-position: left top; width: 56px } ul#topnav li.participant_dine a { color: #ebf3ff; background-image: url("../images/tp_nav5.gif"); background-repeat: no-repeat; background-position: left top; width: 150px } ul#topnav li.media a { color: #ebf3ff; background-image: url("../images/tp_nav2.gif"); background-repeat: no-repeat; background-position: left top; width: 66px } ul#topnav li.faq a { color: #ebf3ff; background-image: url("../images/tp_nav3.gif"); background-repeat: no-repeat; background-position: left top; width: 63px } ul#topnav li.contact a { color: #ebf3ff; background-image: url("../images/tp_nav4.gif"); background-repeat: no-repeat; background-position: left top; width: 66px } /*ul#topnav { font-size: 1.2em; background: url("../images/topnav_stretch.gif") repeat-x; list-style: none; margin: 0; padding: 0; position: relative; top: 200px; left: 10px; width: 920px; height: 35px; float: left } ul#topnav li { margin: 0; padding: 0; height: auto; float: left; border-right: 1px solid #555 } ul#topnav li a { color: #f0f0f0; text-decoration: none; display: block; padding-right: 15px; padding-left: 15px; height: 35px } ul#topnav li a.current { background: #1376c9 url("../images/topnav_active.gif") repeat-x } ul#topnav li:hover { background: #1376c9 url("../images/topnav_active.gif") repeat-x } ul#topnav li span { color: #fff; background: #1376c9; display: none; padding: 15px 0; position: absolute; top: 35px; left: 0; width: 900px; float: left; -khtml-border-radius-bottomleft: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px } ul#topnav li span.current { color: #fff; background: #1376c9; padding: 15px 0; position: absolute; top: 35px; left: 0; width: 900px; float: left; -khtml-border-radius-bottomleft: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px } ul#topnav li:hover span { display: block } ul#topnav li span a { display: inline } ul#topnav li span a:hover { text-decoration: underline }*/ /* Root = Horizontal, Secondary = Vertical */ ul#navmenu { font-size: 1.1em; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 9999; top: 198px; left: 8px; width: 586px; float: left } ul#navmenu li { float: left; margin: 0; padding: 0; position: relative; } ul#navmenu li a { text-indent: -9999px; height: 56px; float: left } ul#navmenu li:hover a, ul#topnav li a:hover { background-position: left bottom; } ul#navmenu a.home {background: url("../images/mn_1.gif") no-repeat; width: 71px } ul#navmenu a.about {background: url("../images/mn_2.gif") no-repeat; width: 75px } ul#navmenu a.why-dare {background: url("../images/mn_3.gif") no-repeat; width: 111px } ul#navmenu a.dares {background: url("../images/mn_4.gif") no-repeat; width: 73px } ul#navmenu a.fundraising-tools {background: url("../images/mn_5.gif") no-repeat; width: 184px } ul#navmenu a.news {background: url("../images/mn_6.gif") no-repeat; width: 72px } ul#navmenu li .sub { background-image: url("../images/sub_bg.jpg"); background-repeat: no-repeat; background-position: left bottom; display: none; position: absolute; z-index: 999; top: 55px; width: 583px; height: 160px; float: left; -moz-box-shadow: 0px 4px 7px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 4px 7px rgba(0,0,0,0.5) } ul#navmenu li .sub.pos1 { position: absolute; left: -255px } ul#navmenu li .row { margin-bottom: 5px; width: 100%; float: left; clear: both } ul#navmenu li .sub ul { list-style: none; margin: 10px 0 0 30px; padding: 0; width: 200px; float: left } ul#navmenu .sub ul li { color: #5c4c0b; list-style-type: none; list-style-image: url("(EmptyReference!)"); width: 100% } ul#navmenu .sub h2 { color: #fff; font-size: 14px; font-weight: bold; line-height: 1; margin-bottom: 5px; text-shadow: 1px 1px 1px #000; filter: Shadow(Color=#000000, Direction=125, Strength=2);} h2.underline { font-weight: normal; text-transform: uppercase; margin: 30px 30px 0; padding-bottom: 10px; border-bottom: 1px solid #af4a4a } ul#navmenu .sub ul li a { color: #fff; font-size: 12px; text-decoration: none; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; text-transform: uppercase; text-indent: 0; display: block; padding: 3px 0 5px; height: auto; float: none } ul#navmenu .sub ul li a:hover { text-decoration: underline } #tool-kit { background-color: #f1f1f1; background-image: url("../images/toolkit_bkd3.gif"); background-repeat: no-repeat; background-position: left bottom; margin: 0 0 0 0; padding: 0 0 10px; border: solid 1px #e6e6e6 } #tool-kit h3 { font-size: 18px; font-weight: bold; line-height: 1; text-transform: uppercase; margin: 0 0 4px; padding-top: 10px; padding-left: 12px } #tool-kit h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0; padding-top: 5px; padding-left: 12px } div.tool-link { display: block; margin-top: 2px; margin-bottom: 3px } div.tool-link a { color: #333; font-size: 13px; line-height: 13px; text-decoration: none; display: block; margin-right: 0; margin-left: 0; padding: 4px 8px 4px 12px; border-bottom: 1px none } div.tool-link a:hover { color: #fff; background-color: #6d0029 } div.tool-link a span { color: #6d6d6d; font-size: 11px; font-style: italic; display: block } div.tool-link a:hover span { color: #fff; background-color: #6d0029 } #email-signup { background-image: url("../images/join_us_bkd.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; position: absolute; top: 198px; right: 10px; width: 376px; height: 56px } #contentArea { background-image: url("../images/content_area_bkd.gif"); background-repeat: repeat-y; background-position: 1px top; text-align: left; margin: 0 auto; position: relative; z-index: 9000; width: 978px } #controls { display: none; margin: 0; padding: 0; position: absolute; z-index: 9999; top: 4px; right: 0; width: 112px } #controls span { margin: 0 0 } #controls a#prev:link, #controls a#prev:visited, #controls a#prev:hover, #controls a#prev:active { background: url("../images/prev.png") no-repeat; text-indent: -9999px; display: block; width: 28px; height: 20px; float: left } #controls a#next:link, #controls a#next:visited, #controls a#next:hover, #controls a#next:active { background: url("../images/next.png") no-repeat; text-indent: -9999px; display: block; width: 28px; height: 20px; float: left } #controls a#pause:link, #controls a#pause:visited, #controls a#pause:hover, #controls a#pause:active { background: url("../images/pause.png") no-repeat; text-indent: -9999px; display: block; width: 28px; height: 20px; float: left } #controls a#play:link, #controls a#play:visited, #controls a#play:hover, #controls a#play:active { background: url("../images/play.png") no-repeat; text-indent: -9999px; display: block; width: 28px; height: 20px; float: left } #newsmod-contain { background-image: url("../images/newsmod_bkd.jpg"); background-repeat: no-repeat; background-position: left top; width: 585px; height: 300px; overflow: hidden } #newsmod-contain .newsmod-txtalign { padding-top: 30px; padding-right: 20px; padding-left: 20px; height: 270px } #newsmod-display div.button8 { display: block; margin: 10px 0; padding: 0 20px; position: relative; z-index: 9990; top: 0; left: 0; width: 106px; height: 31px } #newsmod-display p { margin: 0 0 6px; padding: 0 20px } #newsmod-display h3, #newsmod-display h1, #newsmod-display h2, #newsmod-display h4, #newsmod-display h5, #newsmod-display h5 { color: #333; font-size: 20px; font-weight: bold; line-height: 19px; margin-bottom: 5px; padding: 20px 20px 5px } #newsmod-nav { position: relative; width: 159px; height: 298px; float: left } .dare-slider-panel { background-color: transparent; background-image: none; width: 159px } div.news-item { color: #fff; font-size: 11px; font-weight: normal; line-height: 12px; margin: 0 0 0 0; padding: 0; height: auto } div.news-item span { color: #000; font-size: 12px; font-weight: bold; background-color: #fff; background-attachment: scroll; text-align: center; margin-top: 0; margin-right: 5px; padding: 4px 0 2px; position: relative; left: 0; width: 20px; height: 15px; float: left; -khtml-border-radius-bottomleft: 5px; -khtml-border-radius-bottomright: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px ; -webkit-border-topleft-radius: 5px; filter: alpha(opacity=65); opacity: .65 } div.news-item a { color: #fff; text-decoration: none; display: block; margin-left: 1px; padding: 5px 3px 3px 10px; height: 23px } div.news-item a:hover { background-color: #4c0019 } #news-item-nav { position: absolute; bottom: 10px; left: 10px; width: 50px; height: 18px } #news-item-nav a { margin: 0; padding: 0; float: left } #news-item-nav img { margin: 0; padding: 0 } #newsmod-display { position: relative; z-index: 1; width: 426px; height: 300px; float: left; overflow: hidden } .dare-ideas { background-image: url("../images/title_dare_ideas.jpg"); background-repeat: no-repeat; background-position: left top; position: relative; width: 426px; height: 300px } .dare-ideas-txt { padding-right: 0; padding-left: 0; position: relative; top: 90px } .dare-ideas-txt p { color: #666; font-size: 20px; line-height: 26px } .dare-ideas2 { background-image: url("../images/dare_idea2.jpg"); background-repeat: no-repeat; background-position: left top; position: relative; width: 377px; height: 215px } .dare-ideas2-txt { padding-right: 20px; padding-left: 24px; position: relative; top: 70px } .dare-ideas2-txt p { color: #666; font-size: 18px; font-weight: normal; line-height: 20px } ul#darenav { list-style: none; margin: 0; padding: 0; position: absolute; top: 254px; left: 0; width: 426px; height: 45px } ul#darenav li { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none } ul#darenav li a { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; display: block; padding: 0; z-index: 1; height: 45px } ul#darenav li a:hover { background-position: 0 -45px !important } ul#darenav li:hover a.select { background-position: 0 -45px !important; position: relative; z-index: 9999 } ul#darenav li a.current { background-position: 0 -45px !important } ul#darenav li.take-this-dare a { color: #ebf3ff; background-image: url("../images/dn_1.gif"); background-repeat: no-repeat; background-position: left top; width: 144px } ul#darenav li.dare-someone a { color: #ebf3ff; background-image: url("../images/dn_2.gif"); background-repeat: no-repeat; background-position: left top; width: 140px } ul#darenav li.next-dare-idea a { color: #ebf3ff; background-image: url("../images/dn_3.gif"); background-repeat: no-repeat; background-position: left top; width: 141px } ul#darenav2 { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 377px; height: 45px } ul#darenav2 li { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none } ul#darenav2 li a { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; display: block; padding: 0; z-index: 1; height: 45px } ul#darenav2 li a:hover { background-position: 0 -45px !important } ul#darenav2 li:hover a.select { background-position: 0 -45px !important; position: relative; z-index: 9999 } ul#darenav2 li a.current { background-position: 0 -45px !important } ul#darenav2 li.take-this-dare2 a { color: #ebf3ff; background-image: url("../images/dn2_1.gif"); background-repeat: no-repeat; background-position: left top; width: 123px } ul#darenav2 li.dare-someone2 a { color: #ebf3ff; background-image: url("../images/dn2_2.gif"); background-repeat: no-repeat; background-position: left top; width: 126px } ul#darenav2 li.next-dare-idea2 a { color: #ebf3ff; background-image: url("../images/dn2_3.gif"); background-repeat: no-repeat; background-position: left top; width: 128px } .bubbleInfo { margin: 0; padding: 0; position: relative; z-index: 9999 } .bubble-style { width: 300px; border: solid 1px #f33 } p.popup { color: #fff; background: url("../images/link_bubble.png") no-repeat left top; display: none; padding: 7px 30px 5px 10px; position: absolute; z-index: 9999; width: 260px; height: 40px } div.button1 { margin: 0; padding: 0; position: relative; z-index: 9990; top: 0; width: 378px; height: 99px } div.button1 a:link, .button1 a:visited { background: url("../images/rnav_1.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 378px; height: 99px } div.button1 a:hover, .button1 a:active { background: url("../images/rnav_1.jpg") no-repeat 0 -99px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 378px; height: 99px } div.button2 { margin: 0; padding: 0; position: relative; z-index: 9990; top: 0; width: 378px; height: 99px } div.button2 a:link, .button2 a:visited { background: url("../images/rnav_2.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 378px; height: 99px } div.button2 a:hover, .button2 a:active { background: url("../images/rnav_2.jpg") no-repeat 0 -99px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 378px; height: 99px } div.button3 { margin: 0; padding: 0; position: relative; z-index: 9990; top: 0; width: 378px; height: 102px } div.button3 a:link, .button3 a:visited { background: url("../images/rnav_3.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 378px; height: 102px } div.button3 a:hover, .button3 a:active { background: url("../images/rnav_3.jpg") no-repeat 0 -102px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 378px; height: 102px } div.button4 { margin: 0; padding: 0; position: relative; z-index: 9990; top: 0; width: 171px; height: 41px } div.button4 a:link, .button4 a:visited { background: url("../images/goto_btn.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 171px; height: 41px } div.button4 a:hover, .button4 a:active { background: url("../images/goto_btn.gif") no-repeat 0 -41px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 171px; height: 41px } div.button5 { margin: 0; padding: 0; position: relative; z-index: 9990; top: 0; left: 0; width: 110px; height: 41px; float: left } div.button5 a:link, .button5 a:visited { background: url("../images/btn_download.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 110px; height: 41px } div.button5 a:hover, .button5 a:active { background: url("../images/btn_download.gif") no-repeat 0 -41px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 110px; height: 41px } div.button6 { margin: 0; padding: 0; position: relative; z-index: 9990; top: 0; left: 0; width: 63px; height: 41px; float: left } div.button6 a:link, .button6 a:visited { background: url("../images/btn_preview.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 63px; height: 41px } div.button6 a:hover, .button6 a:active { background: url("../images/btn_preview.gif") no-repeat 0 -41px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 63px; height: 41px } div.button7 { margin: 0; padding: 0; position: relative; z-index: 9990; top: 4px; left: 0; width: 80px; height: 21px; float: left } div.button7 a:link, .button7 a:visited { background: url("../images/btn_read.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 80px; height: 21px } div.button7 a:hover, .button7 a:active { background: url("../images/btn_read.gif") no-repeat 0 -21px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 80px; height: 21px } div.button8 { display: block; margin: 0 0 10px; padding: 0; position: relative; z-index: 9990; top: 0; left: 0; width: 106px; height: 31px } div.button8 a:link, .button8 a:visited { background: url("../images/btn_read2.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 106px; height: 31px } div.button8 a:hover, .button8 a:active { background: url("../images/btn_read2.gif") no-repeat 0 -31px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 106px; height: 31px } div.button9 { display: block; margin: 0; padding: 0; position: relative; z-index: 9990; top: 10px; left: 0; width: 135px; height: 20px } div.button9 a:link, .button9 a:visited { background: url("../images/btn_fb.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 135px; height: 20px } div.button9 a:hover, .button9 a:active { background: url("../images/btn_fb.gif") no-repeat 0 -20px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 135px; height: 20px } div.button10 { display: block; margin: 0; padding: 0; position: relative; z-index: 9990; top: 0; left: 0; width: 378px; height: 73px } div.button10 a:link, .button10 a:visited { background: url("../images/rnav_4.jpg") no-repeat -3px 0; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 378px; height: 73px } div.button10 a:hover, .button10 a:active { background: url("../images/rnav_4.jpg") no-repeat -3px -73px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 378px; height: 73px } div.button11 { display: block; margin: 0; padding: 0; position: relative; z-index: 9990; top: 0; left: 0; width: 378px; height: 73px } div.button11 a:link, .button11 a:visited { background: url("../images/rnav_5.jpg") no-repeat -3px 0; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 378px; height: 73px } div.button11 a:hover, .button11 a:active { background: url("../images/rnav_5.jpg") no-repeat -3px -73px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 378px; height: 73px } div.button12 { display: block; margin: 0; padding: 0; position: absolute; z-index: 9990; bottom: 10px; left: 8px; width: 106px; height: 28px } div.button12 a:link, .button12 a:visited { background: url("../images/gatewat_btn.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 106px; height: 28px } div.button12 a:hover, .button12 a:active { background: url("../images/gatewat_btn.jpg") no-repeat 0 -28px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 106px; height: 28px } div.button13 { display: block; margin: 0; padding: 0; position: absolute; z-index: 9990; bottom: 11px; left: 13px; width: 78px; height: 18px } div.button13 a:link, .button13 a:visited { background: url("../images/btn_dareidea.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 78px; height: 18px } div.button13 a:hover, .button13 a:active { background: url("../images/btn_dareidea.jpg") no-repeat 0 -18px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 78px; height: 18px } #gateway { background-image: url("../images/gateway_bkd.jpg"); background-repeat: no-repeat; background-position: 0 top; position: relative; height: 235px } .feat-title { padding-bottom: 8px } #social-net { background-image: url("../images/social_bkd.gif"); background-repeat: no-repeat; background-position: left -2px; position: relative; left: 3px; width: 302px; height: 32px } ul#socmenu { list-style: none; margin: 0; padding: 0; position: relative; top: 0; left: 115px; width: 218px; height: 32px } ul#socmenu li { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none } ul#socmenu li a { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; display: block; padding: 0; z-index: 1; height: 32px } ul#socmenu li a:hover { background-position: 0 -32px !important } ul#socmenu li:hover a.select { background-position: 0 -32px !important; position: relative; z-index: 9999 } ul#socmenu li a.current { background-position: 0 -32px !important } ul#socmenu li.facebook a { color: #ebf3ff; background-image: url("../images/sn_1.gif"); background-repeat: no-repeat; background-position: left top; margin-right: 10px; width: 32px } ul#socmenu li.twitter a { color: #ebf3ff; background-image: url("../images/sn_2.gif"); background-repeat: no-repeat; background-position: left top; margin-right: 10px; width: 32px } ul#socmenu li.youtube a { color: #ebf3ff; background-image: url("../images/sn_3.gif"); background-repeat: no-repeat; background-position: left top; margin-right: 10px; width: 32px } ul#socmenu li.flickr a { color: #ebf3ff; background-image: url("../images/sn_4.gif"); background-repeat: no-repeat; background-position: left top; margin-right: 10px; width: 32px } ul#socmenu li.slf-blog a { color: #ebf3ff; background-image: url("../images/sn_5.gif"); background-repeat: no-repeat; background-position: left top; margin-right: 5px; width: 32px } ul#reg-nav { list-style: none; margin: 0 0 14px; padding: 0; position: relative; top: 0; left: 0; width: 523px; height: 34px } ul#reg-nav li { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none } ul#reg-nav li a { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; display: block; padding: 0; z-index: 1; height: 34px } ul#reg-nav li a:hover { background-position: 0 -34px !important } ul#reg-nav li:hover a.select { background-position: 0 -34px !important; position: relative; z-index: 9999 } ul#reg-nav li a.current { background-position: 0 -34px !important } ul#reg-nav li.reg-dare a { color: #ebf3ff; background-image: url("../images/reg_nav1.gif"); background-repeat: no-repeat; background-position: left top; width: 272px } ul#reg-nav li.reg-dine a { color: #ebf3ff; background-image: url("../images/reg_nav2.gif"); background-repeat: no-repeat; background-position: left top; width: 251px } .accordion-content { margin-bottom: 15px; position: relative; } .accordion-content h4 { font-size: 17px; font-weight: normal; background-image: url("../images/faq_q.gif"); background-repeat: no-repeat; background-position: left bottom; cursor: pointer; display: block; margin: 0; padding-top: 35px; padding-bottom: 0; padding-left: 85px } .accordion-content h4:hover { color: #803 } .accordion-content .slide { background-image: url("../images/slide-bkd.gif"); background-repeat: no-repeat; background-position: left bottom; width: 508px; position: relative; } .accordion-content .slide-top { background-image: url("../images/slide_top.gif"); background-repeat: no-repeat; background-position: left top; position: relative; width: 508px; height: 29px } .accordion-content .slide-content { padding: 15px 30px; } .accordion-content .slide-content h3 { font-size: 20px; margin-bottom: 10px } .close-it { height: 18px; width: 18px; position: absolute; top: 33px; right: 13px; } #dares-contain { margin-top: 20px; position: relative } .dares-rep { width: 164px; height: 186px; float: left } .bkd-1 { background-image: url("../images/dr_1.jpg"); background-repeat: no-repeat; background-position: left top; margin-right: 15px } .bkd-2 { background-image: url("../images/dr_2.jpg"); background-repeat: no-repeat; background-position: left top; margin-right: 15px } .bkd-3 { background-image: url("../images/dr_3.jpg"); background-repeat: no-repeat; background-position: left top } .bkd-4 { background-image: url("../images/dr_4.jpg"); background-repeat: no-repeat; background-position: left top; margin-top: 15px; margin-right: 15px } .bkd-5 { background-image: url("../images/dr_5.jpg"); background-repeat: no-repeat; background-position: left top; margin-top: 15px; margin-right: 15px } .bkd-6 { margin-top: 15px } div.dares-button { margin: 0; padding: 0; position: relative; z-index: 9990; top: 0; width: 164px; height: 186px } div.dares-button a:link, .dares-button a:visited { background: url("../images/dare_r.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 164px; height: 186px } div.dares-button a:hover, .dares-button a:active { background: url("../images/dare_r.gif") no-repeat 0 -186px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 164px; height: 186px } #right-col-cm { background-image: url("../images/right_col_cmbkd.jpg"); background-repeat: no-repeat; background-position: left top; margin-top: 0; padding: 7px 20px 5px 25px; height: 146px } #right-col-d2d { background-image: url("../images/d2d_rightcol.gif"); background-repeat: no-repeat; background-position: left top; margin: 15px 0 20px; position: relative; left: 23px; width: 354px; height: 98px } div.rightcollink { margin: 0; position: relative; top: 20px; right: 0; width: 145px; float: right } div.rightcol-link { text-align: right; display: block; margin-top: 2px; margin-bottom: 3px } div.rightcol-link a { color: #4c4c4c; font-size: 11px; line-height: 13px; text-decoration: none; background-image: url("../images/d2d_rightcol_arrow.gif"); background-repeat: no-repeat; background-position: 130px center; display: block; margin: 0; padding: 3px 25px 3px 0; border-bottom: 1px none } div.rightcol-link a:hover { color: #fff; background-color: #6d0029; background-image: none } #rightcol-feature { background-image: url("../images/right-col-feature.gif"); background-repeat: no-repeat; background-position: 25px top; display: block; margin-top: 20px; margin-bottom: 20px; padding-top: 40px; padding-right: 20px; padding-left: 25px; position: relative } #rightcol-feature img { margin-right: 10px; margin-bottom: 10px; float: left } #rightcol-feature a { display: block } #rightcol-feature2 { background-image: url("../images/right-col-feature2.gif"); background-repeat: no-repeat; background-position: 0 bottom; margin-top: 20px; margin-bottom: 20px; padding: 0 0 20px } #rightcol-cntwrap { padding-right: 20px; padding-left: 18px } #rightcol-feature2 { background-image: url("../images/right-col-feature2.gif"); background-repeat: no-repeat; background-position: 0 top; margin-top: 20px; margin-bottom: 20px; padding-top: 60px; padding-right: 20px; padding-left: 20px; height: 119px } #rightcol-feature2 img { margin-right: 10px; margin-bottom: 15px; float: left } #rightcol-feature2 a { display: block } #footer_contain { height: 159px } #footer { background-image: url("../images/footer_bkd.jpg"); background-repeat: no-repeat; background-position: 1px top; margin: 0 auto; position: relative; z-index: 9990; width: 978px; height: 159px } #footer p { color: #999; font-size: 11px; font-family: "Helvetica Neue", Arial, Geneva, SunSans-Regular, sans-serif; line-height: 14px } #footer a { color: #4c4130; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none } #footer a:hover { text-decoration: underline } #footer #snap { color: #fff; position: absolute; top: 36px; right: 15px; width: 175px } #footer #snap img { position: absolute } #footer #copyright { position: absolute; top: 85px; left: 15px; width: 300px } .logo_btn2 { text-indent: -9999px; margin: 0; padding: 0; position: absolute; z-index: 9990; top: 9px; left: 362px; width: 272px; height: 73px; float: left } .logo_btn2 a:link, .logo_btn2 a:visited { background: url("../images/slf_logo.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 272px; height: 73px } .logo_btn2 a:hover, .logo_btn2 a:active { background: url("../images/slf_logo.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 272px; height: 73px } a.retweet { font: 12px Helvetica,Arial; color: #000; text-decoration: none; border: 0px; } a.retweet span { color: #FFF; background: #94CC3D; margin-left: 2px; border: 1px solid #43A52A; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; } a.vert { display: block; text-align: center; font-size: 16px; float: left; margin: 4px; } a.retweet strong.vert { display: block; margin-bottom: 4px; background: #F5F5F5; border: 1px solid #EEE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; } a.retweet span.vert { display: block; font-size: 12px; margin-left: 0px; }