body {text-align: center; background: #b2a600 url(../img/bg-allPage.jpg) top center repeat-y; font-size: 75%; font-family: 'Arial','Verdana',sans-serif; line-height: 1.3;} h1 {font-size: 1.8em; margin: 0; padding: 0;} h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;} h3 {font-size: 1.13em; margin: 0 0 0.25em; padding: 0.125em 0;} h4 {font-size: 0.95em; margin: 0.5em 0 0;} h5 {font-size: 1em; margin: 0.5em 0 0;} h6 {font-size: 0.85em; margin: 0.5em 0 0;} p {margin: 0.33em 0 1em 0;} small {font-size: 85%;} big {font-size: 115%;} sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;} form {margin: 0; padding: 0;} hr {clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;} a {color: #0968ab;} a:hover {} a.more {font-weight: bold;} /* ************************** */ /* Layout: the big containers */ /* ************************** */ #wrapper {width: 983px; margin: 0 auto; text-align: left; overflow: hidden;} #header {width: 980px; overflow: hidden;/* background: transparent url(../img/header-bg.png) repeat-y;*/ padding: 20px 0 0 0;} #column-one {width: 120px; float: left; background-color: #ececec; overflow: hidden;} #page {width: 960px; padding: 17px 0 27px 20px; clear: both; overflow: hidden;/* background: transparent url(../img/header-bg.png)*/} #footer-links {width: 981px; padding: 2px 0 27px 0; height: 211px;clear: both; overflow: hidden; background: #384841 url(../img/bg-footer-links.png) bottom left repeat-x;} #content {width: 600px; float: left; border: 1px #000 solid; overflow: hidden;} #content-well {clear: both; overflow: hidden;} #column-two {width: 230px; float: right; background-color: #ececec; overflow: hidden;} #footer {width: 961px; padding: 6px 0 27px 20px; background: #424c47; overflow: hidden; } /* ************ */ /* Header Stuff */ /* ************ */ #header .logo {margin-left: 20px; float: left; width: 340px;} #header .logo a {display: block; width: 340px; height: 123px;} #header ul.nav {clear: both;float: left; margin-top: 20px; width: 983px; background: url(../img/nav-bg.gif) top right repeat-y; height: 41px; padding: 0;} #header ul.nav li {float: left; height: 41px;} ul.nav li#give {background: transparent url(../img/nav-give-on.png) top left no-repeat; width: 139px;} ul.nav li#learn {background: transparent url(../img/nav-learn-on.png) top left no-repeat; width: 197px;} ul.nav li#act {background: transparent url(../img/nav-act-on.png) top left no-repeat; width: 265px;} ul.nav li#about {background: transparent url(../img/nav-aboutus-on.png) top left no-repeat; width: 240px;} ul.nav li#events {background: transparent url(../img/nav-events-on.png) top left no-repeat; width: 139px;} ul.nav li a {text-indent: -9999em; display: block; height: 41px; font-weight: bold;} ul.nav li#give a {background: transparent url(../img/nav-give.png) top left no-repeat; width: 139px;} ul.nav li#learn a {background: transparent url(../img/nav-learn.png) top left no-repeat; width: 197px;} ul.nav li#act a {background: transparent url(../img/nav-act.png) top left no-repeat; width: 265px;} ul.nav li#about a {background: transparent url(../img/nav-aboutus.png) top left no-repeat; width: 240px;} ul.nav li#events a {background: transparent url(../img/nav-events.png) top left no-repeat; width: 139px;} ul.nav li a:hover {background-image: none !important;} #header #sn-search {width: 322px; float: left; margin-left: 260px; } #header h1 {text-indent: -9999em; display: block; width: 335px; height: 125px; background: #fff url(../img/header-logo.gif) top left no-repeat;} #header div#sn {color: #424c47; font-size: 1.2em; width: 315px; height: 35px; float: right;} #header div#sn div#sn-list, #header div#sn div#sn-label {float: left; } #header div#sn div#sn-label {margin: 8px 8px 0 0; } #header div#sn a.sn-box {text-indent: -9999em; width: 20px; height: 20px; margin: 8px 5px 0 0; display: block; float: left;} #header div#sn a#twitter {background: #fff url(../img/header-sn-twitter.gif) top left no-repeat;} #header div#sn a#facebook {background: #fff url(../img/header-sn-fb.gif) top left no-repeat;} #header div#sn a#youtube {background: #fff url(../img/header-sn-yt.gif) top left no-repeat;} #header div#sn a#flickr {background: #fff url(../img/header-sn-fr.gif) top left no-repeat; margin-right: 15px} #header div#sn #share {text-indent: -9999em; display: block; float: left; width: 90px; height: 35px; background: #fff url(../img/header-sn-share.gif) top left no-repeat; margin: 2px 0 0 0;} #header div#sn #share a {display: block; width: 90px; height: 35px; text-indent: -9999em !important;} #header div#sn #share a span{background-image: none !important;} #search {margin: 10px 0 0 0; float: right; clear: both; width: 315px;} #search #text-search {width: 260px; height: 20px; background: #f2f2f2; border: 1px solid #d3d3d3; margin-right: 7px;} #search #search-btn {margin: 0 0 -3px -3px} /* ************ */ /* Homepage Elements */ /* ************ */ .standard-box {background: #fff url(../img/standard-box-bg.gif) top left no-repeat ; border-bottom: 1px solid #e0e1e0; width: 215px; padding: 0 7px; } .standard-box p {margin: 9px 3px 0 3px; color: #000; line-height: 1.3} .standard-box a {text-decoration: none;} .standard-box a:hover {text-decoration: underline;} .standard-box img.btn { margin: 0 auto 10px auto; display: block; text-align: center;} .standard-box h2 {text-indent: -9999em; display: block; padding: 0 0 0 0; margin: 18px 0 0 5px;} .short {background: #fff url(../img/standard-box-short-bg.gif) top left no-repeat ; } .extra-short { background: #fff url(../img/standard-box-extrashort-bg.gif) top left no-repeat ;} .wide {background: #fff url(../img/standard-box-wide-bg.gif) top left no-repeat; width: 450px } .purple-box-short { background: #fff url(../img/purple-box-short-bg.gif) top left no-repeat ; border-bottom: 1px solid #e0e1e0; width: 215px; padding: 0 7px; } #next-step, #myth-box {float: left;} #news { height: 218px; margin-left: 10px; } #advocate, #news {margin-top: 15px; float: left; height: 218px;} #donate, #email-signup {float:left; margin-left:10px; } #next-step {height: 395px; } #next-step h2 {text-indent: -9999em; display: block; background: transparent url(../img/nextstep-h2.png) top left no-repeat; margin: 18px 2px 0 2px; padding: 3px 0;} #next-step p {padding-bottom: 20px;} #advocate {} #advocate p {font-size: .9em; margin: 1px 5px 4px 5px;} #advocate img {margin: 0 3px;} #news {} #news h2 {background: transparent url(../img/news-h2.png) top left no-repeat; margin-left: 8px;} #news ul {margin: 10px 0 4px 8px;} #news ul li {margin: 0 0 15px 0; padding: 0 0 0 15px; background: transparent url(../img/news-bullet.png) center left no-repeat;} #donate {height: 145px; margin-top:15px; } #donate h2 {background: transparent url(../img/support-h2.gif) top left no-repeat; margin-left: 8px; } #donate p {margin: 0px 5px 4px 8px;} #donate img.btn {margin: 10px 0 0 9px; padding: 0 0 0 0; text-align: left;} #email-signup {height:63px; margin-top:10px;} #email-signup h3 {color: #fff; padding-top:5px;} #email-signup input.email { width:120px; vertical-align:middle;} #email-signup input.submit { vertical-align:middle;} /* ********** */ /* Column One */ /* ********** */ /* ************ */ /* Content Area */ /* ************ */ .breadcrumb {} .breadcrumb li {float: left;} #content-well ul, #content-well ol {margin: 1em 0; padding-left: 2.5em;} #content-well ul {list-style-type: disc;} #content-well ol {list-style-type: decimal;} /* ********** */ /* Column Two */ /* ********** */ /* ********/ /* Footer */ /* ****** */ .link-list {margin-top: 23px; width: 215px; float: left;} #footer-links .link-list {width: 220px; border-right: 1px solid #3e4d46; padding: 0 0 0 20px;} #footer-links #events-listing {border-right: 0px;} #footer-links .link-list h3 {display: block; text-indent: -9999em; } #footer-links #advocacy h3 {background: transparent url(../img/footer-links-advocacy.png) top left no-repeat;} #footer-links #research h3 {background: transparent url(../img/footer-links-research.png) top left no-repeat;} #footer-links #education h3 {background: transparent url(../img/footer-links-education.png) top left no-repeat;} #footer-links #events-listing h3 {background: transparent url(../img/footer-links-events.png) top left no-repeat;} #footer-links .link-list h3 a {display: block; height: 17px; width: 120px; } #footer-links .link-list ul {margin-top: 15px;} #footer-links .link-list ul li {padding-bottom: 10px;} #footer-links .link-list ul li a {color: #8bbee1; text-decoration: none;} #footer-links .link-list ul li a:hover {text-decoration: underline;} #footer {clear: both; color: #999;} #footer .links {float: left;} #footer .links a {color: #999; text-decoration: none; padding: 0 1px;} #footer .links a:hover {text-decoration: underline;} #footer .copyright {float: right; margin-right: 35px;}