/* ----------------------------------------------- We Want Choice Author: Cameron Corda ----------------------------------------------- */ /* YUI RESET ----------------------------------------------- */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.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,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{font-style:normal;font-weight:normal;}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:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* TYPOGRAPHY ----------------------------------------------- */ html, body {margin: 0; padding: 0; text-align: center; background: #fff} html { font-size: 100%; } /* Somehow Fixes IE */ body { font-size: 62.5%; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif;} /* sets font to 10px */ #content { font-size: 1.2em; } /* 1.4em = 14px */ #mainContent h1 {font-size: 1.8em; line-height: 1em; margin-bottom: .8em; letter-spacing: 0px;} #mainContent h2 {font-size: 1.4em; margin-bottom: .5em; font-weight: normal;} #mainContent h3 {font-size: 1.25em; margin-bottom: 1.2em; font-weight: normal;} #mainContent h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;} #mainContent h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;} #mainContent h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;} #mainContent ol, li {font-size: 1em; line-height: 1.5em; margin-top: 0.8em; margin-bottom: 0.4em;} #mainContent p {font-size: 1em; line-height: 1.5em; margin-bottom: 1.2em; margin-top: 1.2em;} #mainContent blockquote {font-size: 1em; line-height: 1.5em; margin: 1.2em 3em 1.2em 3em; text-align: justify;} #mainContent pre {font-family: monospace; font-size: 1.0em;} #mainContent strong, b {font-weight: bold;} #mainContent em {font-style: italic;} #mainContent td {vertical-align: top;} #mainContent {line-height: 1.5em;} #mainContent ul {margin-left: 20px;} #mainContent li {background: url(/page/-/wrapper/img/bullet_arrow.png) 0 3px no-repeat; padding-left: 17px; margin: .3em 0} #mainContent h1 {font-weight: normal;} #mainContent h1 span.subtitle {font-size: .6em; color: #666; text-transform: uppercase; font-weight: normal;} #mainContent h1 a {text-decoration: none; color: #0071BC;} #mainContent h1 a:hover {text-decoration: underline;} #mainContent h2 a {font-weight: normal; text-decoration: none;} #mainContent h2 a:hover {text-decoration: underline;} #mainContent h3 {color: #668a33 margin-bottom: .8em; font-size: 1.4em; font-family: arial, helvetica, sans-serif;} #mainContent h3 a {font-weight: normal;} #mainContent li {background: url(/page/-/wrapper/img/bullet_arrow.png) 0 2px no-repeat; padding-left: 14px;} /* TinyMCE RULES ----------------------------------------------- */ body.mceContentBody {font-size: 12px; text-align: left; margin: 20px;} body.mceContentBody p {font-size: 1em; line-height: 1.5em; margin-bottom: 1.2em; margin-top: 1.2em;} body.mceContentBody ul {margin-left: 20px;} body.mceContentBody li {background: url(/page/-/wrapper/img/bullet_arrow.png) 0 3px no-repeat; padding-left: 17px; margin: .3em 0} body.mceContentBody h1 {font-weight: normal;} body.mceContentBody h1 span.subtitle {font-size: .6em; color: #666; text-transform: uppercase; font-weight: normal;} body.mceContentBody h1 a {text-decoration: none; color: #0071BC;} body.mceContentBody h1 a:hover {text-decoration: underline;} body.mceContentBody h2 a {font-weight: normal; text-decoration: none; color: #000;} body.mceContentBody h2 a:hover {text-decoration: underline;} body.mceContentBody h3 {color: #668a33; margin-bottom: .8em; font-size: 1.4em; font-family: arial, helvetica, sans-serif;} body.mceContentBody h3 a {font-weight: normal;} /* LINKS ----------------------------------------------- */ a {color: #668a33; text-decoration: none;} a:link {} a:visited {} a:active {} a:hover {text-decoration: underline;} /* LAYOUT ----------------------------------------------- */ body {background: #fff url('/page/-/images/body_bg.gif') repeat-x ; } #container {width: 965px; margin: 0 auto; text-align: left;} #content {clear: both; margin-top: 25px;} #mainContent {width: 801px; float: left; margin: 0 9px 12px 0; } /* HEADER ----------------------------------------------- */ #header h1 { float: left; width: 300px; height: 119px;} #header h1 a { text-indent: -2000px; display: block; background: url('/page/-/images/logo.gif') no-repeat; width: 100%; height: 100%; cursor: pointer; } #header #learn-more { background: url('/page/-/images/search.gif') no-repeat; width: 365px; height: 33px; float: right; padding-top: 4px;} #header #learn-more legend { display: none; } #header #learn-more label { display: none; } #header #learn-more #qsEmail { width: 134px; margin-left: 105px; background: none; border: 0;} #header #learn-more #qsZip { width: 58px; margin-left: 5px; background: none; border: 0; } #header #learn-more #qsSubmit {margin-left: 5px; width: 24px; height: 22px; cursor: pointer; background: none; border: 0;} #header h2.slogan { width: 463px; height: 25px; background: url('/page/-/images/slogan.gif'); text-indent: -5000px; margin: 30px 12px 0 0; float: right; } #nav { clear: both; height: 14px; padding: 12px 0 0 30px; } #nav li { display: inline; } #nav a { display: block; float: left; text-indent: -5000px; height: 14px; margin-right: 35px; } #navA a { background: url('/page/-/images/nav/home.gif') no-repeat; width: 46px; } #navB a { background: url('/page/-/images/nav/about_us.gif') no-repeat; width: 80px; } #navC a { background: url('/page/-/images/nav/the_facts.gif') no-repeat; width: 81px; } #navD a { background: url('/page/-/images/nav/research.gif') no-repeat; width: 78px; } #navE a { background: url('/page/-/images/nav/take_action.gif') no-repeat; width: 99px; } #navF a { background: url('/page/-/images/nav/contact.gif') no-repeat; width: 70px; } /* STATE SPECIFIC ----------------------------------------------- */ body.ca #header h1 a {background-image: url(/page/-/states/logo-ca.gif);} body.ct #header h1 a {background-image: url(/page/-/states/logo-ct.gif);} body.fl #header h1 a {background-image: url(/page/-/states/logo-fl.gif);} body.la #header h1 a {background-image: url(/page/-/states/logo-la.gif);} body.tn #header h1 a {background-image: url(/page/-/states/logo-tn.gif);} /* HOME ----------------------------------------------- */ /* sub header */ body#home .map { width: 522px; float: left; margin-right: 8px; } body#home_state .map {width: 800px;} .home_title {text-align: center; height: 30px; text-indent: -5000px; margin-bottom: 9px; padding-bottom: 2px;} body#home .home_title {background: url('/page/-/images/hometitle.png') no-repeat top center;} body.ca .home_title {background: url('/page/-/ca/ca_title.jpg') no-repeat top center;} .actions { width: 270px; float: left; margin-bottom: 12px; } .actions h2.featured { background: url('/page/-/images/h2_featured_actions.gif') no-repeat; width: 270px; height: 29px; text-indent: -5000px; margin-top: 1px; margin-bottom: 9px; } .actions ul { margin-left: 7px; } .actions li { width: 124px; height: 101px; margin-bottom: 4px; padding: 13px 11px 13px 128px; } .actions li.box-2 { background: url('/page/-/images/fa_box_2.jpg') no-repeat; } .actions a { color: #c39; } .actions h3 { font: bold 14px "Trebuchet MS"; color: #fff; } .actions p {} /* ==3 columns */ .column { width: 261px; float: left; background: url('/page/-/images/column_rounded_bottom.gif') bottom no-repeat; padding-bottom: 11px; margin-right: 8px;} #mainContent .column h2 {margin-bottom: 0;} .column h2 {margin-bottom: 0;} .column h2.coalition-news, .sideBox h2.coalition-news { background: url('/page/-/images/h2_coalition_news.gif') no-repeat; text-indent: -5000px; width: 261px; height: 41px; } .column h2.view-our-ads { background: url('/page/-/images/h2_view_our_ads.gif') no-repeat; text-indent: -5000px; width: 261px; height: 41px; } .column h2.your-voices { background: url('/page/-/images/h2_your_voices.gif') no-repeat; text-indent: -5000px; width: 261px; height: 41px; } .column h2.featured-actions {background: url('/page/-/images/h2_actions.gif') no-repeat; text-indent: -5000px; width: 261px; height: 41px; } .column span.rss, .sideBox span.rss { float: right; margin: -40px 7px 0 0; position: relative; } .column .box { background: url('/page/-/images/box_bg.gif') repeat-y; width: 237px; padding: 12px; min-height: 490px; margin-top: 0;} #mainContent .box p { color: #666; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-bottom: 6px;} #mainContent .box em { color: #349acc; } #mainContent .box a { color: #c39; } #mainContent .box li {margin-left: 15px; padding-left: 0;} #mainContent .box ul {margin-left: 0px; padding-left: 0;} #mainContent .box .imgLeft { display: inline; float: left; margin: 0 10px 0 0; } #mainContent .box h3 { font: normal 16px "Trebuchet MS"; color: #39c; text-transform:none; margin-bottom: 8px; margin-top: 0;} #mainContent .box h3 a {color: #39c} #mainContent .box .ad { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #c39; clear: both; margin-bottom: 50px; } #mainContent .box .ad a { text-transform: uppercase; } #mainContent .last { margin: 0; } #mainContent .box .small { font: 10px Verdana, Arial, Helvetica, sans-serif; } #mainContent .box span.highLight { color: #c39; } #mainContent .box .user { display: inline; float: left; padding: 2px; border: 1px solid #ccc; margin: 0 16px 0 0; } #mainContent .box .comments { padding-left: 22px; background: url('/page/-/images/comments.gif') left no-repeat; color: #a0a0a0; text-decoration: none; font-size: 10px; font-weight: bold; } #mainContent .box p.border { border-bottom: 1px solid #ccc; padding-bottom: 8px; } #mainContent .box .entry {border-bottom: 1px solid #ccc; margin: 15px 0; padding-bottom: 8px} #mainContent .box #entry-1 {margin-top: 0;} #mainContent #homeActions .entry {padding: 5px; border:none; background: #F7C00E url(/page/-/images/action_bg.jpg) repeat-x bottom left;} #mainContent #homeActions .entry img {} #mainContent #homeActions h3 {color: #fff;} #mainContent #homeActions h3 a {color: #fff;} #mainContent #homeActions p {font-size: 10px;} #mainContent #homeActions p a {color: #000;} #mainContent #homeActions .hasthumb .actionThumb {float: left; width: 108px;} #mainContent #homeActions .hasthumb .actionThumb img {padding: 2px; background: #fff; border: 1px solid #F7C00E;} #mainContent #homeActions .hasthumb .actionText {float: right; width: 115px;} body#home #homeActions .hasthumb .actionText {width: 145px;} /* INTERIOR ----------------------------------------------- */ /* #interior #mainContent { width: 626px; padding-left: 27px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666; margin-right: 44px; } */ #interior #mainContent {width: 700px; padding-left: 27px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666; margin-right: 44px; } #interior #mainContent h2 { font: bold 24px "Trebuchet MS"; color: #39c; text-transform:none; } #interior #mainContent h3 { font: bold 12px "Trebuchet MS"; color: #4e9300; text-transform:uppercase; letter-spacing: 1px; margin: 13px 0; } #interior #mainContent h4 { font: bold 13px "Trebuchet MS"; color: #39c; text-transform:none; color: #666; } #interior #mainContent a { color: #c39; } #interior #mainContent p, #interior #mainContent ul { margin-bottom: 20px; } #interior #mainContent li { margin-left: 30px; list-style-type: disc; } /* #interior #sidebar { width: 261px; float: left; background: none; } #interior .sideBox { width: 261px; float: left; background: url('/page/-/images/column_rounded_bottom.gif') bottom no-repeat; padding-bottom: 11px; margin-right: 0; margin-bottom: 15px; } #interior .sideBox .box { background: url('/page/-/images/box_bg.gif') repeat-y; width: 237px; padding: 12px; } #interior .sideBox h2.coalition-memb { background: url('/page/-/images/h2_coalition_members.gif') no-repeat; text-indent: -5000px; width: 261px; height: 41px; } #interior .box-1 { width: 241px; padding: 10px; background: url('/page/-/images/box_bg.gif') repeat-y;} */ #interior #mainContent #newsList .entry {border-top: 1px solid #ccc; margin-bottom: 10px;} #interior #mainContent #newsList h3 {margin-bottom: 4px; margin-left: 1px;} #interior #mainContent #newsList p {margin-bottom: 4px; margin-top: 0;} /* SIDEBAR ----------------------------------------------- */ #sidebar { float: left; width: 154px; background: url('/page/-/images/sidebar_rounded_bottom.gif') bottom no-repeat; padding-bottom: 15px; } #sidebar h3.coalition-members { background: url('/page/-/images/h3_coalition_members.gif') no-repeat; text-indent: -5000px; width: 154px; height: 41px; } #sidebar #flashMembers { background: url('/page/-/images/members_bg.gif') repeat-y; width: 138px; padding: 10px 8px 0 8px;} /* FOOTER ----------------------------------------------- */ #footer {clear: both; background: url('/page/-/images/footer_bg.gif') no-repeat; width: 961px; height: 27px; text-align: center; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666; padding-top: 16px; margin-top: 20px;} #footer a {color: #666;} /* Comments ----------------------------------------------- */ #comments {margin: 30px 0;} .comment {font-size: 1em; margin: 0 10px 30px 10px; padding: 5px; background: #f8f8f8} .commentOdd {} .commentEven {} .commentNumber {border-bottom: 1px solid #999; padding: 3px; color: #EE2E24; text-align: right; margin-bottom: 0;} .commentNumber a {text-decoration: none;} .commentNumber a:hover {text-decoration: underline;} .commentInfo {border-top: 1px solid #999; padding: 3px; color: #666; margin-top: 0; font-size: .9em;} .commentText {margin-left: 3px; margin-right: 3px;} .commentText p {margin: 6px 0;} #commentPost {border-top: 1px solid #999; padding-top: 30px;} #commentPost td {padding: 0; margin: 0;} #commentPost form p {margin: 1px 0; padding: 3px 0;} #commentPost form em {} #commentPost form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; padding-top: 1px;} #commentPost form input.text {width: 420px;} #commentPost form textarea {width: 420px;} /* UTILS ----------------------------------------------- */ img {border: 0;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl_border {float: left; margin: 0; padding: 0 10px 10px 0; border: 1px solid #ddd; padding: 1px;} .floatr_border {float: right; margin: 0; padding: 0 0 10px 10px; border: 1px solid #ddd; padding: 1px;} .textButton {background: #668a33; color: #fff; text-align: center; display: block; padding: 2px; font-family: arial, helvetica, sans-serif;} .textButton:hover {background: #A6CE39;} .whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .noborder {border: none !important;} .editThis {margin: 0; background: transparent !important; text-align: right;} .editThis a {margin: 0; display: inline !important; padding: 0 !important; background: transparent !important;} p + div.editThis {margin-top: -12px;} div#editComments {text-align: left; margin-top: -12px; margin-bottom: 12px;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* FORM ATTRIBUTES ----------------------------------------------- */ input.text, textarea {font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 1px 3px;} input.submit, input.button, #bodyBSD input.submit, #bodyBSD #invitationpage input.submit {background: #7FBA00; padding: 3px; color: #fff; font-weight: normal; font-size: 13px; font-family: arial, helvetica, sans-serif; border: none;} input.submit:hover, input.button:hover, #bodyBSD input.submit:hover, #bodyBSD #invitationpage input.submit:hover {background: #668a33; cursor: pointer;} input.buttonImg {cursor: pointer; border: none; vertical-align: middle; padding: 0;} select {font-size: 11px; background: #fff; text-align: left;}