/************************************************************************ Site: http://www.basicrights.org/ Author: George Huff, eleven3 [www.eleven3.com] Client: Basic Rights Oregon [http://www.basicrights.org] Notes: Listing Order: ============== 1 - Global 2 - Structure/Layout 3 - Left Column 4 - Right Column 5 - Footer ************************************************************************/ /*********************************************************************** 2 - LAYOUT STYLES ************************************************************************/ div#container { width: 708px; background: url(../images/bg_container.gif) top left repeat-y; margin-left: auto; margin-right: auto; margin-top: 13px; } div#header { background: url(../images/bg_header.gif) top left no-repeat; height: 89px; } div#content { padding: 0px 11px; background: url(../images/bg_content.gif) 11px 0px repeat-y; } div#content h1 { height: 20px; } div#content h1 span, div#content h2 span { display: none; } div#flash { background: url(../images/bro_home2_07.jpg) top left no-repeat; height: 274px; margin: 1px 11px; } div#columnOne { width: 166px; float: left; margin-right: 1px; } div#columnTwo { width: 347px; float: left; margin-right: 1px; } div#columnTwo a { color: #4e4e4e; } div#columnTwo h2 { color: #ca0000; text-transform: uppercase; font-size: 18px; font-weight: bold; } div#columnTwo h3 { font-size: 14px; margin-bottom: 8px; } div#columnTwo ul { list-style: none; font-size: 13px; } div#columnTwo ul li { padding: 8px; background: url(../images/icon_arrow_blue.gif) 0px 11px no-repeat; } div#columnThree { width: 171px; float: left; } div#columnThree h2 { height: 20px; } /*********************************************************************** 2 - TOP ROW STYLES ************************************************************************/ /* Left Column */ div#topRow div#columnOne h1 { background: url(../images/header_getInvolved.gif) top left no-repeat; margin-bottom: 1px; } div#topRow div#columnOne a { display: block; height: 47px; margin-bottom: 2px; } a.contribute { background: url(../images/button_contribute.gif) top left no-repeat; } a.getInvolved { background: url(../images/button_getInvolved.gif) top left no-repeat; } a.takeAction { background: url(../images/button_takeAction.gif) top left no-repeat; } a.blog { background: url(../images/blog_button_main.gif) top left no-repeat; } /* Center Column */ div#topRow div#columnTwo h1 { background: url(../images/header_latestHeadlines.gif) top left no-repeat; } div#content div#columnTwo div.content { padding: 11px 8px; } div#topRow div#columnTwo ul li { border-top: 1px solid #d7d7d7; } /* Right Column */ div#newsletterSignup h2 { background: url(../images/header_eNewsletter.gif) top left no-repeat; } div#topRow div#columnThree form { padding: 11px 8px; } div#topRow div#columnThree input { width: 149px; margin-bottom: 5px; } div#topRow div#columnThree input.button { width: 47px; float: right; } div#topRow div#columnThree label { height: 10px; display: block; } div#topRow div#columnThree label span { display: none; } label.name { background: url(../images/text_name.gif) top left no-repeat; } label.emailAddress { background: url(../images/text_emailAddress.gif) top left no-repeat; } label.zipcode { background: url(../images/text_zipcode.gif) left top no-repeat; } /*********************************************************************** 2 - BOTTOM ROW STYLES ************************************************************************/ div#bottomRow { padding-bottom: 20px; } /* Left Column */ div#bottomRow div#columnOne h1 { background: url(../images/header_happeningNow.gif) top left no-repeat; margin-bottom: 16px; } div#bottomRow div#columnOne { text-align: center; } /* Center Column */ div#bottomRow div#columnTwo h1 { background: url(../images/header_upcomingEvents.gif) top left no-repeat; } /* Right Column */ div#bottomRow div#columnThree h1 { background: url(../images/header_thanksSponsors.gif) top left no-repeat; margin-bottom: 32px; } div#bottomRow div#columnThree { text-align: center; } /*********************************************************************** 2 - LAYOUT STYLES ************************************************************************/ div#footer { background: url(../images/bg_footer.gif) top left no-repeat; height: 12px; } /**************************************************** * Non-Flash menu styles * *****************************************************/ div#navigationContainer { height: 33px; background: url(../images/bg_subpage_nav.gif) repeat-x; margin: 1px 11px 0px 11px; } div#navigationContainer ul { list-style: none; } ul#nav { height: 33px; position: relative; } ul#nav li.menubutton { float: left; height: 33px; } li#navhome { background: url(../images/nav_on_home.gif) top left no-repeat; width: 95px; } li#navnews { background: url(../images/nav_on_news.gif) top left no-repeat; width: 98px; } li#navevents { background: url(../images/nav_on_events.gif) top left no-repeat; width: 98px; } li#navissues { background: url(../images/nav_on_issues.gif) top left no-repeat; width: 96px; } li#navgetInvolved { background: url(../images/nav_on_getInvolved.gif) top left no-repeat; width: 109px; } li#navdonate { background: url(../images/nav_on_donate.gif) top left no-repeat; width: 95px; } li#navaboutBro { background: url(../images/nav_on_aboutBro.gif) top left no-repeat; width: 90px; } li#navhome a.thelink { background: url(../images/nav_off_home.gif) top left no-repeat; width: 95px; } li#navnews a.thelink { background: url(../images/nav_off_news.gif) top left no-repeat; width: 98px; } li#navevents a.thelink { background: url(../images/nav_off_events.gif) top left no-repeat; width: 98px; } li#navissues a.thelink { background: url(../images/nav_off_issues.gif) top left no-repeat; width: 96px; } li#navgetInvolved a.thelink { background: url(../images/nav_off_getInvolved.gif) top left no-repeat; width: 109px; } li#navdonate a.thelink { background: url(../images/nav_off_donate.gif) top left no-repeat; width: 95px; } li#navaboutBro a.thelink { background: url(../images/nav_off_aboutBro.gif) top left no-repeat; width: 90px; } li#navhome a.thelink:hover { background: none; } li#navnews a.thelink:hover { background: none; } li#navevents a.thelink:hover { background: none; } li#navissues a.thelink:hover { background: none; } li#navgetInvolved a.thelink:hover { background: none; } li#navdonate a.thelink:hover { background: none; } ul#submenu1 { left: 0px; } ul#submenu2 { left: 95px; } ul#submenu3 { left: 193px; } ul#submenu4 { left: 291px; } ul#submenu5 { left: 387px; } ul#submenu6 { left: 496px; } ul#submenu7 { left: 591px; } ul.submenu { background: url(../images/bg_subnav.png); position: absolute; top:33px; left: 0; z-index: 50; width: 119px; } ul.submenu li { border-bottom: 1px solid #555; } ul.submenu li a { display: block; color: #fff; padding: 3px 6px; } ul.submenu li a:hover { background: #fff; text-decoration: none; color: #444; } #buffer { padding-left: 11px; }