@charset "UTF-8"; /* Styles for: HOME Fundraising | www.homefundraising.com Updated: 2009.07.07 Author: All visual design, mark-up and Flash in this site by Richard Young at RYDA | www.youngdesignassociates.com. On behalf of Open Fundraising | www.openfnudraising.com --- GLOBAL STYLES */ body { background-color: #f6f6f6; font-size: 62.5%; /* the Richard Rutter 10px base model - www.clagnut.com */ } hr { margin: 10px 0 20px 0; border: 0; color: #e5e5e5; background-color: #e5e5e5; height: 1px; } .hide { display: none; } .clear { clear: both; height: auto; margin: 0; padding: 0; } a:focus { outline: none; } ul { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } li { list-style: inside; font-size: 1.3em; line-height: 1.6em; } ul.client-list { color: #19519e; list-style: none; } /* LINKS */ a:link { font-weight: normal; color: #878787; text-decoration: underline; } a:visited { font-weight: normal; color: #878787; text-decoration: underline; } a:hover { font-weight: normal; color: #191919; text-decoration: underline; } p.intro a:link { font-weight: bold; color: #878787; text-decoration: underline; } p.intro a:visited { font-weight: bold; color: #878787; text-decoration: underline; } p.intro a:hover { font-weight: bold; color: #191919; text-decoration: underline; } .home-link a:link { font-weight: bold; color: #191919; text-decoration: none; } .home-link a:visited { font-weight: bold; color: #191919; text-decoration: none; } .home-link a:hover { font-weight: bold; color: #191919; text-decoration: none; } /* TYPOGRAPHY */ p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.3em; line-height: 1.6em; margin-bottom: 22px; color: #191919; font-weight: normal; } p.intro { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1.5em; font-weight: bold; margin-bottom: 24px; } p.quote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; line-height: 1.4em; font-weight: normal; margin-bottom: 24px; padding: 10px 15px 12px 20px; border-left: #f6f6f6 solid 5px; background-color: #fafafa; } .attribution { font-weight: bold; font-style: italic; font-size: 0.8em; } h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1.5em; font-weight: normal; margin-bottom: 24px; } h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1.5em; font-weight: bold; text-transform: uppercase; margin: 0; } h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1.5em; font-weight: normal; margin: 11px 0 24px 0; } h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; line-height: 1.5em; margin-bottom: 10px; color: #191919; font-weight: bold; } /* IMAGE REPLACEMENTS */ #homepage { text-indent: -9999px; overflow: hidden; background-image: url(../img/fundraising.gif); background-repeat: no-repeat; line-height: 85px; } #what-we-do { text-indent: -9999px; overflow: hidden; background-image: url(../img/what-we-do.gif); background-repeat: no-repeat; line-height: 85px; } #our-people { text-indent: -9999px; overflow: hidden; background-image: url(../img/our-people.gif); background-repeat: no-repeat; line-height: 85px; } #fundraisers { text-indent: -9999px; overflow: hidden; background-image: url(../img/fundraisers.gif); background-repeat: no-repeat; line-height: 85px; } #managers { text-indent: -9999px; overflow: hidden; background-image: url(../img/managers.gif); background-repeat: no-repeat; line-height: 85px; } #our-company { text-indent: -9999px; overflow: hidden; background-image: url(../img/our-company.gif); background-repeat: no-repeat; line-height: 85px; } #ethics-and-qc { text-indent: -9999px; overflow: hidden; background-image: url(../img/ethics.gif); background-repeat: no-repeat; line-height: 85px; } #services { text-indent: -9999px; overflow: hidden; background-image: url(../img/services.gif); background-repeat: no-repeat; line-height: 85px; } #home-phone { text-indent: -9999px; overflow: hidden; background-image: url(../img/home-phone.gif); background-repeat: no-repeat; line-height: 85px; } #affiliations { text-indent: -9999px; overflow: hidden; background-image: url(../img/affiliations.gif); background-repeat: no-repeat; line-height: 85px; } #our-clients { text-indent: -9999px; overflow: hidden; background-image: url(../img/our-clients.gif); background-repeat: no-repeat; line-height: 85px; } #case-studies { text-indent: -9999px; overflow: hidden; background-image: url(../img/case-studies.gif); background-repeat: no-repeat; line-height: 85px; } #vso { text-indent: -9999px; overflow: hidden; background-image: url(../img/vso.gif); background-repeat: no-repeat; line-height: 85px; } #macmillan-cancer-support { text-indent: -9999px; overflow: hidden; background-image: url(../img/m-c-s.gif); background-repeat: no-repeat; line-height: 250px; } #jobs { text-indent: -9999px; overflow: hidden; background-image: url(../img/jobs.gif); background-repeat: no-repeat; line-height: 85px; } #contact-us { text-indent: -9999px; overflow: hidden; background-image: url(../img/contact-us.gif); background-repeat: no-repeat; line-height: 85px; } #whoops { text-indent: -9999px; overflow: hidden; background-image: url(../img/404-whoops.gif); background-repeat: no-repeat; line-height: 85px; } /* CONTAINER STYLING - TOP DOWN */ #main-wrapper { width: auto; margin: auto; padding: 0 10px 0 0; background-color: #ffffff; } #main-content-wrapper { width: 940px; margin: auto; padding: 20px 0 30px 0; } #main-logo { width: 145px; height: 80px; float: right; } #primary-navigation-wrapper { width: 940px; margin: 0; padding: 0 0 10px 0; } #primary-navigation-left { width: 700px; margin: 0; padding: 0px; float: left; } #primary-navigation-right { width: 235px; margin: 0; padding: 0px; float: right; text-align: right; } #primary-navigation-left ul { width: auto; margin-top: 10px; padding-bottom: 10px; display: block; float: left; } #primary-navigation-left li { list-style: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-weight: bold; line-height: 1.2em; color: #878787; float: left; padding-right: 25px; } #primary-navigation-left li a { color: #878787; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-left li a:visited { color: #878787; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-left li a:hover { color: #191919; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-left li.current { color: #191919; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-right ul { width: auto; margin-top: 10px; padding-bottom: 10px; display: block; float: right; } #primary-navigation-right li { list-style: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-weight: bold; line-height: 1.2em; color: #878787; float: left; padding-left: 25px; } #primary-navigation-right li a { color: #878787; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-right li a:visited { color: #878787; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-right li a:hover { color: #191919; text-decoration: none; font-weight: bold; line-height: 1.2em; } #primary-navigation-right li.current { color: #191919; text-decoration: none; font-weight: bold; line-height: 1.2em; } #secondary-navigation { width: 940px; height: 20px; margin: 0 0 20px 0; padding: 10px 0 10px 0; border-top: #f6f6f6 1px solid; border-bottom: #f6f6f6 1px solid; } #secondary-navigation ul { width: 840px; height: 20px; } #secondary-navigation li { float: left; list-style: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #878787; font-size: 1.2em; font-weight: normal; margin: 0 40px 0 0; padding: 0; } #secondary-navigation li a { color: #878787; text-decoration: none; font-weight: normal; } #secondary-navigation li a:visited { color: #878787; text-decoration: none; font-weight: normal; } #secondary-navigation li a:hover { color: #191919; text-decoration: none; font-weight: normal; } #secondary-navigation li.current { color: #191919; text-decoration: none; font-weight: normal; } #main-image { width: 940px; height: 350px; margin: 0 0 35px 0; padding-bottom: 5px; border-bottom: #f6f6f6 5px solid; } #main-image-home { width: 940px; height: 350px; margin: 0 0 10px 0; padding-bottom: 5px; background-image: url(../img/slide-2.jpg); background-repeat: no-repeat; } .left-column { width: 470px; height: auto; float: left; } .right-column { width: 470px; height: auto; float: right; } #homepage-logo { width: 779px; padding: 0; margin: 20px 0 0 0; float: left; } #homepage-left-column { width: 380px; float: left; margin: 10px 20px 0 0; } #homepage-right-column { width: 380px; float: right; margin: 22px 0 30px 0; } #wide-column { width: 700px; padding: 0 10px 10px 10px; margin: 20px 0 20px 0; background-color: #C69; float: left; } .pix-quote { height: auto; padding: 10px 15px 12px 10px; margin: 0 0 20px 0; border-left: #f6f6f6 solid 5px; background-color: #fafafa; } .portrait { float: left; } .portrait img { padding-right: 15px; } .boxed-quote { width: auto; height: auto; } .boxed-quote p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; line-height: 1.4em; font-weight: normal; margin: 0; padding: 0; } /* THE FOOTER */ #footer-wrapper { width: auto; height: 100px; margin: 0; padding: 0; background-color: #f6f6f6; background-image: url(../img/footer-top-keyline.gif); background-repeat: repeat-x; } #footer { width: 940px; margin: auto; padding-top: 20px; } #footer-logo { width: 85px; float: left; margin-right: 14px; } #footer-home-link { width: 85px; height: 50px; margin: 0; padding: 0; position: relative; } #footer-home-link li { text-indent: -9999px; margin: 1px 0 0 0; padding: 0; list-style: none; position: absolute; top: 0; background-image: url(../img/footer-home-logo.gif); background-repeat: no-repeat; background-position: 0 0; list-style: none; } #footer-home-link li, #footer-home-link a { margin: 1px 0 0 0; padding: 0; height: 50px; width: 85px; display: block;} #footer-home-link a:hover { margin: 1px 0 0 0; padding: 0; list-style: none; position: absolute; top: 0; background-image: url(../img/footer-home-logo.gif); background-repeat: no-repeat; background-position: 0 -51px; list-style: none; } #footer-address { width: 500px; float: left; padding-top: 7px; } #back-to-top { width: 65px; float: right; padding: 38px 0 0 0; } #back-to-top p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 9px; line-height: 0.1em; color: #878787; margin: 0 0 0 0; text-align: right; float: left; } #back-to-top img { float: right; } #footer img { } #footer-address p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.0em; line-height: 1.4em; color: #878787; } #footer a:link { font-weight: normal; color: #878787; text-decoration: none; } #footer a:visited { font-weight: normal; color: #878787; text-decoration: none; } #footer a:hover { font-weight: normal; color: #191919; text-decoration: underline; }