/* @override http://naacp.bluestatedigital.com/?css=styles/index.v.1276718794 */ /* ---------------------------------------------------------- NAACP CSS Managed by: Blue State Digital TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { font: 62.5% Georgia, "Times New Roman", serif; color: #636466;} .base { font-size: 15px; line-height: 20px;} .base h1 { font: 22px/26px "Verlag", Helvetica, sans-serif; text-transform: uppercase; color: #00264c; margin-bottom: 20px;} .base h2 { font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 5px;} .base h3 { font-size: 15px; line-height: 20px; font-weight: bold;} .base h4 { font-weight: bold; } .base p { margin-bottom: 15px; } .base p.readmore {font-size:12px;} .base a { color: #00264c; font-weight: bold; text-decoration: none;} .base a:hover { text-decoration: underline; } blockquote { border-left: 3px solid #00264c; padding-left: 10px; margin: 15px;} .base ul, ol { margin: 15px 0; padding-left: 25px;} .base ul li { list-style-type: disc; } .base ol li { list-style-type: decimal; } .base li ol, .base li ul { margin: 0; } .base li ul { list-style-type: disc; } .base li ol { list-style-type: decimal; } .hide {display:none;} /* 03 =LAYOUT ---------------------------------------------------------- */ #container { width: 1002px; margin: 0 auto; } #header { height: 165px; background: url(/page/-/images/wrapper/bg-header.png) no-repeat; position: relative; z-index:500; } #header a.masthead { display: block; position: absolute; top: 25px; width: 335px; height: 100px; text-indent: -9999px; overflow: hidden;} #header ul#utility { position: absolute; right: 5px; text-align: right; padding: 8px 0; width: 375px; top: 0;} #header ul#utility li { font-size: 12px; padding: 5px; display: block; float: right; text-align: right; border-left: 1px solid #cccecf;} #header ul#utility li.first { border: none; } #header ul#utility li a { color: #636466; text-decoration: none; } #header ul#utility li a:hover { text-decoration: underline; } #header #quick-signup { width: 290px; text-align: left; font-size: 12px; margin-top: 15px; position: absolute; right: 5px; top: 40px;} #header #quick-signup h3 { color: #00264c; margin-bottom: 5px;} #header #quick-signup input { vertical-align: middle; } #header #quick-signup input.text { padding: 3px 5px 3px; color: #808285; margin-right: 1px;} #header #quick-signup input#quickEmail { width: 110px; } #header #quick-signup input#quickZip { width: 65px; } #header-share { position:absolute; top:80px; left:660px; } ul#navigation { position: absolute; top: 128px; left: 135px; z-index:300; } ul#navigation li { float: left; text-transform: uppercase; font-weight: normal; font-size: 12px; padding: 10px 16px; border-left: 1px solid #f6cb5b; position:relative; z-index:500; } ul#navigation li ul li { padding:10px; font-family:helvetica, arial, sans-serif; font-weight:bold; font-size:11px; } ul#navigation li a { color: #00264c; text-decoration: none; } ul#navigation li a:hover { color: #ffffff; text-decoration: none; } body #body { background: url(/page/-/images/wrapper/bg-main.png) repeat-y; -moz-box-shadow: 0px 0px 30px #dddddd; -webkit-box-shadow: 0px 0px 30px #dddddd; box-shadow: 0px 0px 30px #dddddd; } body.full-width #body { background: url(/page/-/images/wrapper/bg-main-fullwidth.png) repeat-y; } /* jl changed this from bg-main-fullwidth because that file does not exist */ #content { width: 751px; float: left; overflow:hidden; } body.interior #content { width: 690px; padding: 30px; overflow:hidden; } /* changed from 691 to compensate for ie6 */ body.full-width #content { width: 941px; float: none; padding:30px; } #sidebar { width: 247px; float: right; padding: 5px 2px 0; } #sidebar .box { background: #002142 url(/page/-/images/wrapper/bg-sidebar-boxes.png) no-repeat; border: 3px solid #a8b7c6; padding: 10px; margin-bottom: 5px; } #sidebar .box-noIMG { background: #002142; border: 3px solid #a8b7c6; padding: 10px; margin-bottom: 5px; } #sidebar h3.verlag { font-size: 19.5px; color: #fff; text-transform: uppercase; text-align: center; margin-bottom: 10px;} #sidebar img { margin-bottom: 3px; border: 3px solid #a8b7c6;} #sidebar a:hover img { border: 3px solid #00264c; } #sidebar #action-center li { height: 33px; width: 222px; margin-bottom: 5px; text-indent: -9999px;} #sidebar #action-center li a { display: block; height: 33px; width: 100%; } #sidebar #action-center li a:hover { background-position: 0 -33px; } #sidebar #action-center li.member a { background-image: url(/page/-/images/wrapper/interior-sidebar-becomeamember.png); } #sidebar #action-center li.local-unit a { background-image: url(/page/-/images/wrapper/interior-sidebar-findyourlocalunit.png); } #sidebar #action-center li.donate-now a { background-image: url(/page/-/images/wrapper/interior-sidebar-donatenow.png); height:32px; } /* #sidebar #action-center li.donate-now a { background-image: url(/page/-/iemages/wrapper/interior-sidebar-donatenow-red.png); height:32px; } */ #sidebar-text { padding:0 5px; } #sidebar-text h1 { font: 22px/26px "Verlag", Helvetica, sans-serif; text-transform: uppercase; color: #00264c; margin-bottom: 20px;} #sidebar-text h2 { font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 5px;} #sidebar-text h3 { font-size: 15px; line-height: 20px; font-weight: bold;} #sidebar-text h4 { font-weight: bold; } #sidebar #connect li { float: left; text-indent: -9999px;} #sidebar #connect li a { display: block; height: 31px; width: 108px; margin: 0 5px 5px 0; outline:none; } #sidebar #connect li a:hover { background-position: 0 -31px;} #sidebar #action-center li.donate-now a:hover { background-position: 0 -34px;} #sidebar #connect li.facebook a { background-image: url(/page/-/images/wrapper/sidebar-connected-facebook.png); } #sidebar #connect li.flickr a { background-image: url(/page/-/images/wrapper/sidebar-connected-flickr.png); } #sidebar #connect li.youtube a { background-image: url(/page/-/images/wrapper/sidebar-connected-youtube.png); margin-right: 0;} #sidebar #connect li.twitter a { background-image: url(/page/-/images/wrapper/sidebar-connected-twitter.png); margin-right: 0;} #footer { text-align: center; font-size: 9px; color: #00264c; padding: 15px 0 20px;} img.float-right { float:right; margin: 0 0 1em 1em; } img.float-left { float:left; margin: 0 1em 1em 0; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #homepage-head { width: 962px; height: 321px; background: url(/page/-/images/wrapper/bg-homepage-hero.png) no-repeat; padding: 20px; overflow: hidden;} #homepage-head #feature { position: relative; width: 605px; height: 321px; overflow: hidden; float: left;} #homepage-head #rotator img { position: absolute; top: 0; left: 0; z-index: 50;} #homepage-head #rotator div.text { position: absolute; top: 259px; left: 0; z-index: 100; background: url(/page/-/images/wrapper/bg-hero-text.png) repeat; width: 585px; padding: 10px; } #homepage-head #rotator .text a { text-decoration:none; color:#FFFFFF; } #homepage-head #rotator div.text h2 { font-size: 16.5px; font-weight: bold; font-style: italic; line-height: 26px; color: #f5b234;} #homepage-head #rotator div.text h2 a { color: #f5b234; text-decoration: none; } #homepage-head #rotator div.text h3 { font: 13px/18px Helvetica, Arial, sans-serif; color: #fff; width: 78%;} #homepage-head #feature #pager { position: absolute; top: 271px; z-index: 200; text-align: right; width:150px; left:447px; } #homepage-head #feature #pager a { font-size: 16.5px; font-weight: bold; font-style: italic; color: #fff; text-decoration: none; display: inline-block; margin-left: 5px; line-height: 44px; background: url(/page/-/images/wrapper/bg-hero-pager-inactive.png); width: 25px; text-align: center;} #homepage-head #feature #pager a.activeSlide { color: #f5b234; background: url(/page/-/images/wrapper/bg-hero-pager-active.png);} #homepage-head #action-center { width: 333px; float: right; margin-bottom: 40px;} #homepage-head #connect { width: 335px; float: right; } #homepage-head h3.verlag { font-size: 20px; line-height: 20px; text-transform: uppercase; color: #fff; margin-bottom: 15px;} #homepage-head img { margin-bottom: 3px; } #homepage-head #action-center li { margin-bottom: 5px;} #homepage-head #action-center li a { display: block; height: 52px; width: 100%; text-indent: -9999px;} #homepage-head #action-center li a:hover { background-position: 0 -52px; } #homepage-head #action-center li.member a { background-image: url(/page/-/images/wrapper/btn-home-becomeamember.png); } #homepage-head #action-center li.local-unit a { background-image: url(/page/-/images/wrapper/btn-home-findaunit.png); } /* #homepage-head #action-center li.donate-now a { background-image: url(/page/-/Hollywood/btn-home-donate-red.png); } */ #homepage-head #action-center li.donate-now a { background-image: url(/page/-/images/wrapper/btn-home-donate.png); } #homepage-head #connect li { height: 31px; float: left; text-indent: -9999px;} #homepage-head #connect li a { text-decoration: none; height: 31px; display: block; margin: 0 5px 0px 0; } #homepage-head #connect li a:hover { background-position: 0 -31px; } #homepage-head #connect li.facebook a { background-image: url(/page/-/images/wrapper/btn-home-connected-facebook.png); width: 88px;} #homepage-head #connect li.flickr a { background-image: url(/page/-/images/wrapper/btn-home-connected-flickr.png); width: 74px; } #homepage-head #connect li.twitter a { background-image: url(/page/-/images/wrapper/btn-home-connected-twitter.png); width: 79px;} #homepage-head #connect li.youtube a { background-image: url(/page/-/images/wrapper/btn-home-connected-youtube.png); width: 79px; margin-right: 0; } body#home #welcome { padding: 20px 30px; background: #fff;} body#home #welcome img { margin-right: 20px; padding: 0;} body#home #welcome h2 { font-size: 20px; line-height: 25px; text-transform: uppercase; color: #00264c; margin-bottom: 10px;} body#home #welcome p { font-size: 15px; line-height: 20px; color: #636466; } body#home #sidebar {font-size:55%;} body#home #sidebar { } body#home #news { padding: 20px 30px 13px; background: url(/page/-/images/wrapper/bg-home-news.jpg) no-repeat;} body#home #news h2 { font-size: 20px; line-height: 25px; color: #00264c; text-transform: uppercase; margin-bottom: 10px;} body#home #news div.entry img, body#programs div.blog-posts div.entry img { width: 115px; } body#home #news div.entry, body#programs div.blog-posts div.entry { font-size: 12px; line-height: 15px; float: left; width: 335px; margin-bottom: 20px; color: #636466; overflow: visible !important;} body#home #news div.entry.odd, body#programs div.blog-posts div.entry.odd { padding-right: 20px; } body#home #news div.entry a, body#programs div.blog-posts div.entry a { text-decoration: none; color: #00264c;} body#home #news div.entry a:hover, body#programs div.blog-posts div.entry a:hover { text-decoration: underline; } body#home #news h3, body#programs div.blog-posts h3 { font-size: 12px; line-height: 15px; font-weight: bold; color: #00264c; margin-bottom: 5px;} .dev .blog-posts { background-image:url(/page/-/images/programs_dividers.jpg); background-repeat:no-repeat; padding:25px 0 0 0; } .dev#programs .blog-posts .entry img { width: 115px; float:left; margin:0 10px 0 0; } .dev#programs .blog-posts .entry { font-size: 15px; line-height: 15px; float: left; width: 100%; margin-bottom: 20px; color: #636466; } .dev#programs .blog-posts .entry .dateline { color:#939598; text-transform:uppercase; font-size:12px; } .dev#programs .blog-posts .entry.odd { padding-right: 20px; } .dev#programs .blog-posts .entry a { text-decoration: none; color: #00264c;} .dev#programs .blog-posts .entry p {margin:0px;} .dev#programs .blog-posts .entry a:hover { text-decoration: underline; } .dev#programs .blog-posts h3 { font-size: 12px; line-height: 15px; font-weight: bold; color: #00264c; margin-bottom: 5px;} /* 05 =SUBPAGES ---------------------------------------------------------- */ #press span.dateline { color: #939598; display: block; margin: 15px 0; } #press h4 { margin-bottom: 10px; } #press h4.return { font-weight: bold; font-size: 12px;} body#blog span.dateline { font-weight:bold; font-size:13px; } #blog div.entry { border-bottom: 1px solid #bbbbbb; padding-bottom: 15px; margin-bottom: 15px; overflow:hidden; } #blog div.entry span.dateline { font-size: 13px; font-weight: bold; display: block; margin-bottom: 10px;} #blog div.entry a.more { display: inline; } #blog-content img { float:left; margin:0 20px 0 0; } .dev#blog .entry.has-thumb .blog-thumb { float:left; width:114px; margin:0 10px 0 0; } .dev#blog .entry.has-thumb .blog-info { float:left; width:564px; } .dev#blog .header_image { margin:0 0 15px; } .dev#blog .header_image p { background:#e8e8e8; padding:5px; font-size: 11px; } .dev#blog .blog_image {width:285px;} .dev#blog .blog_image.floatl { margin:0 10px 0px 0; } .dev#blog .blog_image.floatr { margin:0 0 0px 10px; } .dev#blog .blog_image p { background:#e8e8e8; padding:5px; font-size: 11px; } .dev#blog .entry span.dateline { font-size: 12px; margin-bottom: 10px; font-weight:normal; text-transform:uppercase; color:#939598; } #programs #content ul#action-alerts {padding-left:0;} #programs.list #programs-feature { margin:0 0 20px 0; } #programs.list div.entry { margin:0 0 10px 0; } #programs.list div.entry.prog-left { width:350px; float:left; } #programs.list div.entry.prog-right { width:300px; float:left; } #programs.list div.entry h2 { margin-bottom: 15px; } #programs.list div.entry img { } #programs.list div.entry .entry-sub {clear:both;} #programs.list div.entry .entry-sub img { width:42px; float:left; margin:0 10px 0 0; } #programs.list div.entry .entry-sub h3 { float:left; width:220px; padding:9px 0 0 0; } #programs #blog-seeall { margin:0 0 30px; } #programs.list div.entry div.text { width: 475px; float: left; } /* relic */ #programs div.details { color: #fff; background: #002142 url(/page/-/images/wrapper/bg-sidebar-boxes.png) repeat-x; border: 5px solid #bbb; font-size: 13px; width:652px; } #programs #program-details { padding:20px; overflow:hidden; } #programs div.details h2 { margin-bottom: 10px; } #programs div.details p { display: inline; } #programs div.details img.floatl { padding-bottom: 0; } #programs div.details img.floatr { padding-bottom: 0; padding-left: 20px; width: 200px;} #membership { width: 942px; height: 441px; background: #051C3A url(/page/-/images/member-bg.jpg) no-repeat; } #membership #membr-header { float: left; width: 930px; height: 75px; margin: 5px 0 5px 20px; display: inline; } #membership #membr-header h1 { font: 22px "Verlag", Helvetica, sans-serif; text-transform: uppercase; color: #E4AD4F; margin: 4px 0; } #membership #membr-header p { color: #adaeb0; } #membership #membr-header a.join-renew {color: #E4AD4F; font-weight: bold; } #membership #membr-left-col { float: left; width: 465px; height: 335px; margin: 2px 0 0 28px; display: inline; } #membership #membr-left-col p { color: #adaeb0; margin-top: 4px; } #membership #membr-right-col { float:left; width: 375px; height: 335px; margin: 0 0 0 38px; } #membership #membr-right-col .mem-types { float: left; width: 375px; height: 170px; margin: 0 0 3px 0; } #membership #membr-right-col .mem-options { float: left; width: 375px; height: 112px; margin: 5px 0 0 0;padding: 0; line-height: 0; } #membership #membr-right-col .opt-header { height: 28px; margin: 0;} #membership #membr-right-col .opt-header h3 { font: bold 16px "Verlag", Helvetica, sans-serif; text-transform: uppercase; color: #E4AD4F; } #membr-copy-left-col { float: left; width: 300px; margin-top: 25px; } #membr-copy-right-col { float: right; width: 600px; margin-top: 25px; } ul.victories { margin: 15px; padding-left: 0; } ul.victories li { list-style-type: none; margin: 10px 0; } ul.victories li strong { color: #0D356F; } blockquote.membership { padding: 20px; margin: 5px; font-size: 16px; color: #00264C; background-color: #ebeef1; line-height: 30px; border:none; } .take-action-entry { float: left; width: 670px; border-bottom: 1px solid #EFEFF0; padding: 15px 0; } .take-action-entry .take-action-thumb { float: left; border: 1px solid #EFEFF0; padding: 2px; } .take-action-entry .take-action-summary { float: right; width: 550px; } .take-action-entry .take-action-summary p {margin-bottom: 0;} /*** FACEBOOK STYLES ***/ #fb-naacp-wrapper { background: url("http://action.naacp.org/page/-/images/fb-naacp-background.jpg") no-repeat left top; width: 530px; height: 600px;} #fb-naacp-form { float: left; width: 410px; margin: 160px 0 0 25px; } #fb-naacp-form .fb-field { text-transform: uppercase; padding-bottom: 6px; color: #07396F; } /*** LOCAL UNIT SEARCH ***/ #pixel_image { position: absolute; top: -1000px; } #left_panel { float: left; width: 350px; padding: 10px 0; } #right_panel { float: right; width: 550px; padding: 10px 0; } #search_box { padding: 10px; background: #002142 url(/page/-/images/wrapper/bg-sidebar-boxes.png) repeat-x; border: 3px solid #a8b7c6; font-weight: bold; color: #fff;} #search_box h5.verlag { color: #fff; text-transform: uppercase; text-align: center; line-height: 20px; margin: 10px 0;} #search_form > #search_input { margin: 10px 5px 10px 0; padding-left: 3px; width: 230px; } #search_form_state select { margin: 10px 5px 5px 0; } select#select_radius { text-align: right; width: 110px; margin-left: 5px;} #results_container { overflow: auto; font-size: 14px; } .result { border-bottom: 1px solid #666666; padding: 5px; margin: 5px 0 5px 0; cursor: pointer; } #map_container { border: 5px solid #f8b312; overflow: hidden; margin:0 0 20px 0; height: 500px;} #map { width: 100%; height: 100%; } .infowindow { font-size: 14px; height: 125px; padding: 5px; overflow: auto; } .infowindow > .title { color: #111; font-weight: bold; font-size: 18px; padding-bottom: 10px; } .infowindow > .description { color: #333; } .infowindow .address { padding-bottom: 10px; } .inner-entry { margin:0 0 20px 0; clear:both; overflow:hidden; border-bottom:1px solid #BBBBBB; padding:0 0 20px; } .inner-entry img { float:left; margin:0 10px 0 0;} #field-member { margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #bbbbbb; position:relative; z-index:2;} /* press release */ ul#press-category { border-bottom:1px solid #c8c8c8; text-align:center; padding:0 0 15px; } ul#press-category li { display:inline; border-left:1px solid #c8c8c8; padding:0 10px; } ul#press-category li:first-child {border-left:none;} .press-date { float:left; width:150px; } .press-link a { float:left; width:540px; font-weight:normal; } .press-entry { overflow:hidden; margin:0 0 20px; } /* events page & sidebar */ form#quickEvents { position:relative; height:50px; } form#quickEvents input {position:absolute;} form#quickEvents input#quickEventZip { padding:1px 0 2px 5px; } form#quickEvents input#submit {left:180px;} #sidebar .box.sideEvents { color:#fff; font-size:12px; line-height:16px; background-image:none; } #sidebar .box.sideEvents a { color:#fff; font-weight:bold; } #sidebar .box.sideEvents p { margin:5px 0 } /* action alerts */ body#action-alerts #img { margin:0 0 20px; } body#action-alerts #content .entry { padding:15px 10px; } body#action-alerts #content .entry h3 { margin:0 0 10px; } body#action-alerts #content .entry p { padding:5px 0 0 0; margin:0; } #content .grey {background:#eee;} /* madlib form */ #ml-holder { clear:both; overflow:hidden; } #ml-left { float:left; width:500px; } #ml-right { float:right; width:370px; background:rgba(211,211,211,.2); padding:15px; border:1px solid; } form#ml-signup p { line-height:25px; color:#00264C; } form#ml-signup input#splash-fname, form#ml-signup input#splash-lname, form#ml-signup input#splash-zip, form#ml-signup input#splash-email { color:#636466; border:none; border:1px solid #ddd; margin:0 5px; padding:3px; text-align:center; background:none; background:#fff; } form#ml-signup input#splash-fname:focus,form#ml-signup input#splash-lname:focus, form#ml-signup input#splash-zip:focus, form#ml-signup input#splash-email:focus {color:#00264c;} form#ml-signup input#splash-fname,form#ml-signup input#splash-lname {width:90px;} form#ml-signup input#splash-zip {width:50px;} form#ml-signup input#splash-email {width:125px;} form#ml-signup input#submit { float:left; font-weight:normal; } /*all-alerts*/ #all-alerts-top { clear:both; color:#fff; margin:0 0 25px 0; overflow:hidden; } #all-alerts-left { float:left; width:650px; float:left; background:url(/page/-/images/all-alerts-bg-long.jpg); border:5px solid #BBBBBB; } #alerts-img { float:left; width:216px; height:256px; } #alerts-text { float:left; width:378px; padding:30px 25px 0px; } #alerts-text p { margin:0 0 15px 0; } #all-alerts-right { float:right; width:237px; height:196px; padding:60px 15px 0px 15px; background:url(/page/-/images/all-alert-bg.png); border:5px solid #BBBBBB; } #all-alerts-right p { margin:0 0 24px 0; } #pages-alert #content { padding:0; width:1002px; } #pages-alert #content #alerts-bg { padding:30px 30px 01px 30px; background:#e7edf3; } #pages-alert #content #frame-holder { padding:0 30px; margin:20px 0 0 0; } #all-alert-frame iframe { border:5px solid #bbbbbb; } /*101st convention page */ body.full-width#new-convention #content { padding:30px 0; width:1002px; } body#new-convention #content-sub { clear:both; overflow:hidden; margin:15px 0 0 0; } body#new-convention #conv-left { float:left; width:720px; margin-right:10px; } body#new-convention #conv-blog { margin:0 0 10px; padding-left:15px; } body#new-convention #conv-blog .entry { padding:15px 10px; } body#new-convention span.dateline { font-size: 13px; font-weight: bold; display: block; margin-bottom: 10px;} body#new-convention #conv-blog .entry h3 { margin:0 0 10px; } body#new-convention #conv-blog .entry p { padding:5px 0 0 0; margin:0; } body#new-convention #conv-blog .grey {background:#eee;} body#new-convention #conv-photos {padding-left:15px;} body#new-convention #conv-right { float:left; width:247px; margin:0 15px 0 5px; } body#new-convention #conv-right h2 {margin:0;} body#new-convention #conv-right ul { margin:0; padding:0; } body#new-convention #conv-right li { list-style-type:none; font-size:12px; border-bottom:1px solid #c8c8c8; padding:10px 0 0 0; } body#new-convention #conv-right #conv-twitter { padding:0 0 0 10px; } /* i'm an american pledge form */ #pl-holder { clear:both; overflow:hidden; margin:15px 0; } #pl-holder li { margin-top:10px; font-size:17px; } #pl-left { float:left; width:500px; padding:0 0 0 15px; } #pl-right { float:right; width:370px; padding:0; } #pl-right form#pl-signup { background:rgba(211,211,211,.2); padding:25px 20px; border:1px solid #000; } #pl-right form#pl-signup label {font-weight:bold;} #pl-right form#pl-signup input#splash-email { width:300px; margin:0 0 5px 0; } #pl-right form#pl-signup span#field-splash-fname { float:left; margin:0 5px 0 0; } #pl-right form#pl-signup input#splash-fname { display:block; width:130px; margin:0 0 5px; } #pl-right form#pl-signup input#splash-lname { display:block; width:130px; margin:0 0 5px; } #pl-right form#pl-signup input#splash-zip { display:block; margin:0 0 10px; width:100px; } #pl-right form#pl-signup input#submit {float:left;} #pl-right form#pl-signup input#submit5 { border:1px solid #000; background:#00264C; padding:3px; color:#fff; font-family:Georgia,"Times New Roman",serif; font-weight:bold; } #pl-right form#pl-signup input#submit6 { border:1px solid #000; background:#00264C; padding:3px; color:#fff; font-family:Georgia,"Times New Roman",serif; font-weight:bold; } #pl-right form#pl-signup span.red {color:red;} #pl-right form#pl-signup p#req-field { font-size:11px; float:left; width:300px; margin:3px 0 0 0; padding:0; } #pledge-counter { background:url(/page/-/images/form-header-pledge.png); height:209px; position:relative; } #pledge-counter p { position:absolute; font-size:36px; font-family:helvetica, arial, sans-serif; color:#00264c; font-weight:bold; left:670px; top:65px; width:225px; text-align:center; height:122px; line-height:30px; } .floatr-gold-box { float: right; margin: 8px 0pt 8px 8px; width: 270px; border: 4px solid #faae2a; padding: 10px; background-color: #e7edf3; } /*membership pages */ #mem-pages #membership-holder { background:url(/page/-/images/membership-bg-longer.png) no-repeat; padding:25px; } #mem-pages #mem-left { float:left; width:455px; color:#adaeb0; font-size:13px; margin:0 20px 0 0; } #mem-pages #mem-right {float:left;} #mem-pages .mem-column { float:left; width:163px; padding:100px 0 0 20px; margin:0 0 0 15px; } #mem-pages .mem-entry { width:163px; height:62px; margin:0 0 10px 0; } #mem-columns {position:relative;} #mem-pages .mem-entry#adult1 { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -67px; } #mem-pages .mem-entry#adult1 a { position:absolute; width:163px; height:62px; } #mem-pages .mem-entry#adult1:hover { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px 0px; } #mem-pages .mem-entry#adult2 { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -335px; } #mem-pages .mem-entry#adult2 a { position:absolute; width:163px; height:62px; } #mem-pages .mem-entry#adult2:hover { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -268px; } #mem-pages .mem-entry#adult3 { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -201px; } #mem-pages .mem-entry#adult3 a { position:absolute; width:163px; height:62px; } #mem-pages .mem-entry#adult3:hover { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -134px; } #mem-pages .mem-entry#youth1 { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -559px; } #mem-pages .mem-entry#youth1 a { position:absolute; width:163px; height:62px; } #mem-pages .mem-entry#youth1:hover { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -492px; } #mem-pages .mem-entry#youth2 { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -827px; } #mem-pages .mem-entry#youth2 a { position:absolute; width:163px; height:62px; } #mem-pages .mem-entry#youth2:hover { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -760px; } #mem-pages .mem-entry#youth3 { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -693px; } #mem-pages .mem-entry#youth3 a { position:absolute; width:163px; height:62px; } #mem-pages .mem-entry#youth3:hover { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -626px; } #mem-pages #membership-bot {position:relative;} #mem-pages .membership-extra { width:367px; height:40px; position:absolute; top:30px; } #mem-pages .membership-extra#renew { background:url(/page/-/images/membership_sprite.png) no-repeat; background-position:0px -447px; left:30px;} #mem-pages .membership-extra#renew a { position:absolute; width:367px; height:40px; } #mem-pages .membership-extra#renew:hover { background-position:0px -402px; } #renew-bg { background:url(/page/-/images/membership_options.png) no-repeat; height:502px; color:#fff; padding:70px 0px 0 45px; } #renew-bg a { color:#fff; font-weight:normal; } #renew-bg ul li { margin:0 0 5px; } #renew-bg ul li ul { padding:0 0 0 0; } #renew-bg ul li ul li { list-style-type:none; margin:0 0 0 0; font-size:12px; color:#a6bed1; } #renew-left { float:left; width:400px; margin:0 70px 0 0; } /* stories of the dream */ #stories #stories-top { background:#00325c; padding:10px; } #stories #stories-image { background-image:url(/page/-/images/mlkStories_header.jpg); text-indent:-9900em; height:344px; } #stories #stories-banner { background-image:url(/page/-/images/mlkStories_yourdream.jpg); height:119px; text-indent:-9000em; } #stories #stories-bot { background:#00172d; padding:15px 30px; } #stories #stories-form { background:#fff; width:100%; padding:15px 0; } #stories #stories-form fieldset { width:404px; margin:0 auto; } #stories #stories-form input, #stories-form textarea { background:url(/page/-/images/mlkStories_input.png); border:none; width:184px; padding:7px; margin:0 2px 7px 0; } #stories #stories-form textarea#stories-story { background:url(/page/-/images/mlkStories-inputlarge.png); height:144px; width:389px; margin:0 0 10px; border:none; } #stories #stories-form input#stories-submit { background-color: #00325c; background-image: -moz-linear-gradient(top, #00325c, #000000); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #00325c),color-stop(1, #000000)); background-image: linear-gradient(top, #00325c, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00325c', EndColorStr='#000000'); -moz-border-radius:5px; webkit-border-radius:5px; border-radius:5px; color:#fff; width:125px; float:right; cursor:pointer; } #stories #stories-feed { background:#fff; padding:30px 60px 15px; background-image:url(/page/-/images/mlkStories-fuzzrule.jpg); background-position:center top; background-repeat:no-repeat;} #stories #stories-feed h2 { color:#00325c; text-transform:uppercase; margin:0 0 10px; } #stories #stories-feed .stories-entry { margin:0 0 15px; font-size:14px; } #stories .stories-share { background:#fff; float:left; width:340px; margin:15px 35px; color:#021121; padding:15px; } #stories .stories-share h2 { color:#021121; text-transform:uppercase; margin:0 0 15px; } #stories #twitter_div, .ttWidget { font-size:14px; width:330px; } /* unsung heroes */ #heroes #heroes-top { background:#00325c; padding:10px; } #heroes #heroes-image { background-image:url('/page/-/images/naacp_unsungheroes_cropped-2012.jpg'); text-indent:-9900em; height:314px; } #heroes #heroes-banner { background-image:url(/page/-/images/heroes_yourHero.jpg); height:101px; text-indent:-9000em; } #heroes #heroes-bot { background:#00172d; padding:15px 30px; } #heroes #heroes-form { background:#fff; width:100%; padding:15px 0; } #heroes #heroes-form fieldset { width:404px; margin:0 auto; } #heroes #heroes-form input{ width:184px; padding:4px; margin:0 2px 7px 0; } #heroes #heroes-form input#custom-226 {width:320px;} #heroes #heroes-form input#heroes-youtube {width:260px;} #heroes #heroes-form textarea#heroes-story { height:144px; width:389px; padding:7px; margin:0 2px 7px 0; } #heroes #heroes-form input#heroes-submit { background-color: #00325c; background-image: -moz-linear-gradient(top, #00325c, #000000); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #00325c),color-stop(1, #000000)); background-image: linear-gradient(top, #00325c, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00325c', EndColorStr='#000000'); -moz-border-radius:5px; webkit-border-radius:5px; border-radius:5px; color:#fff; width:120px; float:right; cursor:pointer; border:none; } #heroes #heroes-feed { background:#fff; padding:30px 60px 15px; background-image:url(/page/-/images/mlkStories-fuzzrule.jpg); background-position:center top; background-repeat:no-repeat;} #heroes #heroes-feed h2 { color:#00325c; text-transform:uppercase; margin:0 0 10px; } #heroes #heroes-feed .stories-entry { margin:0 0 25px; font-size:14px; border-bottom:1px solid #e8e8e8; padding:0 0 25px 0; } #heroes #heroes-feed .stories-entry img {max-width:200px;} #heroes .stories-share { background:#fff; float:left; width:850px; margin:15px 0; color:#021121; padding:15px; } #heroes .stories-share h2 { color:#021121; text-transform:uppercase; margin:0 0 15px; } #heroes #twitter_div, .ttWidget {font-size:14px;} #heroes #twitter_update_list_1232 li { list-style-type:none !important; } /* black history month */ #bhm #bhm-top { background:#00325c; padding:10px; } #bhm #bhm-image { background-image:url(/page/-/images/bhm_header.jpg); text-indent:-9900em; height:314px; } #bhm #bhm-bot { background:#00325c; padding:0px 10px 10px; } #bhm #bhm-bot h3 { width:400px; margin:0 auto 10px; } #bhm #bhm-form { background:#fff; width:100%; padding:15px 0 25px 0; } #bhm #bhm-form fieldset { width:404px; margin:0 auto; position:relative; height:175px; } #bhm #bhm-form input { padding:4px; margin:0 2px 7px 0; position:absolute; font-size:13px; } #bhm-lname { top:0px; width:180px; left:204px;} #bhm-fname { top:0px; left:0px; width:184px; } #bhm-phone { top:40px; width:140px; left:0px; } #bhm-email { top:40px; left:160px; width:150px; } #bhm-zip { top:40px; left:330px; width:55px } #bhm #custom-905 {top:84px; left:0px;} #bhm #label-905 { top:80px; position:absolute; left:25px; } #bhm #bhm-form input#bhm-submit { background-color: #00325c; background-image: -moz-linear-gradient(top, #00325c, #000000); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #00325c),color-stop(1, #000000)); background-image: linear-gradient(top, #00325c, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00325c', EndColorStr='#000000'); -moz-border-radius:5px; webkit-border-radius:5px; border-radius:5px; color:#fff; width:125px; float:right; cursor:pointer; border:none; top:130px; left:0px; } #bhm #bhm-feed { background:#fff; padding:30px 60px 15px; background-image:url(/page/-/images/mlkStories-fuzzrule.jpg); background-position:center top; background-repeat:no-repeat;} #bhm #bhm-feed h2 { color:#00325c; text-transform:uppercase; margin:0 0 10px; } #bhm #bhm-feed .stories-entry { margin:0 0 15px; font-size:14px; } #bhm .stories-share { background:#fff; float:left; width:340px; margin:15px 35px; color:#021121; padding:15px; } #bhm .stories-share h2 { color:#021121; text-transform:uppercase; margin:0 0 15px; } #bhm #twitter_div, .ttWidget { font-size:14px; width:330px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ body#framework ul#tip-tabs li { padding:0px 5px;margin:-1px 3px 0 0;list-style-type:none;} body#framework form#speakout_form td.tips div.tip-content ul { margin:0 0 0 20px; } body#framework input#contact_importer_button {float:left;} .bsd-contribForm-oneCol form#contribution {float:left;} .bsd-contribForm-oneCol form#contribution { float:right; padding:10px; border:5px solid #ccc; background:#f6f6f6; } .bsd-contribForm-oneCol form#contribution td { padding:5px 0 0 0; } .bsd-contribForm-oneCol form#contribution input { border:1px solid #c6c6c6; padding:3px 5px; } .bsd-contribForm-oneCol form#contribution input.radiobutton { margin:0 5px; } .bsd-contribForm-oneCol form#contribution input.submit { margin:10px 0 0 0; background:#fda636; border:1px solid #00284b; } .bsd-contribForm-oneCol form#contribution td.contribheader { font-weight:bold; color:#00264b; } .bsd-contribForm-oneCol form#contribution label.fieldlabel { font-weight:normal !important; color:#00264b; } .module_event2 #blue_hat {display:none;} /*this removes the tabs from the top of the events module */ #blue_hat {display:none;} #framework .group_field { float: left; margin-right: 5px; } #framework #speakout .splash { margin: 0 0 20px 0; } #framework #speakout table { clear: left; margin: 0 20px 10px 0; } #framework #speakout {font-size:14px;} #framework #speakout #recipient_table { width: 420px; } #framework #speakout .recipient-header { font-weight: bold; } #framework #speakout .recipient-name { display:inline-block; width:100px; } #framework #speakout #recipient_table .recipient-divider { padding: 10px 0; font-style:italic; font-size:14px; } #framework #speakout .recipient-header th { text-align: auto !important } #framework #speakout .stat { text-align: right; padding-right: 4px; } #framework #speakout td { vertical-align: top; } #framework #speakout .step { margin-top: 15px; } #framework #speakout .field { width: 50%; padding-left: 10px; } #framework #speakout th.divider { padding: 10px; font-size: 16px; background: #eee; font-weight:bold; } #framework #speakout #speakout_form { margin-top: 20px; } #framework #speakout h4 { font-size: 16px; margin:0 0 10px; } #framework #speakout .radio input { margin:0 5px 0 0; } #framework #speakout .stat { text-align:left; font-size:14px; } #framework #speakout #step-2 .label, #speakout #step-3 .label {width:10%;} #framework #speakout #step-3 .step {font-size:14px;} #framework #speakout #step-3 .step br { margin:0 0 5px 0; } #framework #speakout #step-3 .step td { padding:0 0 20px 0; } #framework #speakout .location {display:none;} #framework #speakout #tip-tabs {display:none;} #framework #speakout #participate td { padding:0 0 10px; font-size:14px; } #framework #speakout #firstname, #framework #speakout #lastname {margin-bottom:0px;} #framework #event_results .event_footer .links .detail_button a:hover {color:#00264c;} #framework #event_results .event_footer .links .rsvp_button a:hover {color:#eee;} /* 07 =COLORBOX ---------------------------------------------------------- */ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#00264c; padding:1px;} #cboxLoadingGraphic{background:url(/page/-/images/colorbox/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/page/-/images/colorbox/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /* 07 =UTILITY ---------------------------------------------------------- */ .cufon-loading .verlag, .cufon-loading #content.base h1, .cufon-loading .verlag-bold { visibility: hidden !important; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} /* 08 =SUPERFISH ---------------------------------------------------------- */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ margin-top: 7px; z-index: 100; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { /* border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; */ text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .sf-menu li { background: #f8b312; } .sf-menu li li { background: #f8b312; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } #sotd-header a:hover { -moz-box-shadow: 0px 0px 8px #ffffff; -webkit-box-shadow: 0px 0px 8px #ffffff; box-shadow: 0px 0px 8px #ffffff; } #sotd-header img {display:block;} #sotd-header { background:url(/page/-/images/sotd-banner.jpg); height:297px; position:relative; } #sotd-header a#submit { position:absolute; top:235px; left:250px; } #sotd-header a#gather { position:absolute; top:235px; left:480px; } body#sotd h2 { font-size:20px; color:#00264C; margin:0 0 15px; } body#sotd h3.more { margin:0 0 10px; } body#sotd #sotd-blog { margin:15px 0 0 0; } body#sotd #blog-l { float:left; width:440px; } body#sotd #blog-r { float:right; width:440px; } body#sotd .stories-entry { margin:0 0 25px; } body#sotd .stories-entry.top { border-bottom:1px solid #c8c8c8; } body#sotd #like-btn { clear:both; overflow:hidden; } body#sotd #like-btn iframe {float:right;} #meerkat {display:none;} #meerkat-close a { color:#fff; font-size:16px; text-decoration:none; border:1px solid #fff; padding:0 5px; position:absolute; top:10px; right:20px; } #meerkat h1 { float:left; width:420px; margin:0 50px 0 0; } #meerkat-signup fieldset {position:relative;} #meerkat-signup input { font-size:16px; position:absolute; padding:1px 2px 2px; color:#888; } #meerkat-signup #meerkat-email { top:0px; width:250px; } #meerkat-signup #meerkat-zip { top:40px; width:170px; } #meerkat-signup #submit { color:#000; top:40px; left:187px; } #scottsisters #sidebar {padding-top:0px;} #ss-left { width:650px; margin:0 20px 0 0; } #ss-right {width:250px;} #ss-rotator {position:relative;} #ss-pager { height:25px; position:relative; margin:10px 0; } #ss-next:hover, #ss-prev:hover { cursor:pointer; text-decoration:none; } #ss-next { position:absolute; top:0px; left:180px; font-size:13px; color:#fff; font-weight:normal; } #ss-prev { position:absolute; top:0px; left:0px; font-size:13px; color:#fff; font-weight:normal;} #ss-right .box h2 { color:#fff; text-align:center; } #ss-right p {color:#fff;} #ss-right ul {padding:0px;} #ss-right li {list-style-type:none;} #sidebar #ss-action-center { padding-top:6px; padding-bottom:0px; } #sidebar #ss-action-center li { margin-bottom:5px; width: 210px; } #sidebar #ss-action-center li a img { border:none; outline:none; display:block; } #davis-col-left {width:500px;} #davis-signup {width:350px;} #davis-signup form { background:#f6f6f6; padding:20px; } #davis-signup input { margin:0 5px 15px 0px; } #davis-email, #davis-zip, #davis-fname, #davis-lname {width:100%;} #davis-counter span { font-size:25px; font-weight:bold; color:#00264C; } #davis-names li { float:left; margin:0 15px 10px 0; width:290px; } #davis-names h2 { border-top:1px solid #c8c8c8; padding:10px 0 0 0; margin:0 0 15px; }