/* ------------------------------------------------------------------ COMMUNITY FOUNDATION OF NEW JERSEY Core Stylesheet for Screen Media website : www.cfnj.org filename : /css/core.css revision : 21 July 2010 author : Brian Lokker / Antigravity Design website : www.antigravitydesign.com ------------------------------------------------------------------ */ /* =General Defaults and Utility Styles ------------------------------------------------------------------ */ /* remove default browser margins and padding */ * { margin: 0; padding: 0; } /* remove Firefox outline on clicked links */ a:hover, a:focus, a:active { outline: none; } /* remove default borders from linked images */ a img { border-style: none; } /* set help cursor for abbreviations and acronyms */ abbr, acronym { cursor: help; } .hidden { /* "phantom" elements for screen readers etc. */ display: none; } /* generic clearing styles */ .clearboth { clear: both; } .clearleft { clear: left; } .clearright { clear: right; } .floatdivider { clear: both; display: block; height: 1px; font-size: 1px; line-height: 1px; } /* =Body, Container, and Page Positioning Styles ("floating page" centered vertically and horizontally) ------------------------------------------------------------------ */ html, body, table { /*min-height: 100%;*/ width: 100%; height: 100%; } /* additional rule (with min-height rule above) to force Firefox to draw scrollbar to avoid short-page jump */ /* hide from IE-Mac \*/ /*html { margin-bottom: 1px; }*/ /* end hiding from IE5-Mac */ table { position: absolute; top: 0; left: 0; } td#container { height: 100%; text-align: center; /*for IE */ } #page { /* the white box, plus "glow border," in which all content is located, and footer space */ position: relative; margin: 0 auto; width: 951px; height: 644px; /* REVISED FROM 635px; */ text-align: left; /*corrects for IE hack*/ } /* =Other Presentational Body, Container, and Page Styles ------------------------------------------------------------------ */ body { background-color: #B8BD87; color: #000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 76%; } #page { color: #021D4D; /* default dark blue */ background: #B8BD87 url(/images/bg_page.png) top center no-repeat; } /* =Branding Styles, including H1/Logo ------------------------------------------------------------------ */ #branding { position: relative; /* relative to #page */ left: 0; top: 0; width: 951px; height: 70px; } /* styles for logo (h1 replaced by background image */ #branding h1 { position: relative; top: 20px; left: 20px; z-index: 3; width: 931px; font: 18px bolder Arial, Helvetica, sans-serif; /* if logo text displays */ color: #021D4D; background: url(/images/logo.png) no-repeat; text-indent: -9000px; } /* convert the heading image to a link */ /* repeat the background image to avoid flickering in IE during mouseover */ #branding h1 a:link, #branding h1 a:visited { display: block; height: 50px; background: url(/images/logo.png) no-repeat; } #branding h1 a:hover, #branding h1 a:active { display: block; height: 50px; background: url(/images/logo.png) no-repeat; } /* special treatment for the home page: (1) remove the "link" cursor from the logo (2) hide the color change on logo mouseover */ #home #branding h1 a { cursor: default; } #home #branding h1 a:hover, #home #branding h1 a:active { background: url(/images/logo.png) no-repeat; } #branding p#twitterLink { position: absolute; top: 22px; left: 771px; width: 160px; height: 34px; z-index: 5; text-indent: -9999px; background-image: url(/images/twitterLink.png); background-position: 0 0; background-repeat: no-repeat; } .level_2 p#twitterLink, .level_3 p#twitterLink { margin-left: 0; } #branding p#twitterLink a { display: block; width: 160px; height: 34px; background-image: url(/images/twitterLink.png); background-repeat: no-repeat; } #branding p#twitterLink a:link, #branding p#twitterLink a:visited { background-position: 0 0; } #branding p#twitterLink a:hover, #branding p#twitterLink a:active { background-position: 0 -34px; } /* =Content Section Styles for Level 1 Pages ------------------------------------------------------------------ */ .level_1 #flashframe { position: relative; /* relative to #page */ top: 0; left: 0; width: 100%; height: 323px; text-align: center; } .level_1 #contentwrapper { position: relative; /* relative to #page */ top: 0; left: 0; height: 141px; background: url(/images/bg_contentwrapper_level1.png) center top no-repeat; } .level_1 #content { position: relative; /* relative to #contentwrapper */ top: 7px; left: 28px; width: 895px; /* 911px minus 16px "padding" */ height: 128px; /* 142px minus 16px "padding" */ background-position: top left; background-repeat: no-repeat; } /*#home #content { background-image: url(/images/introPix/introPic_home_casa.jpg); }*/ /* #home #content { background-image: url(/images/introPix/introPic_home_ladder.jpg); } */ /* #home #content { background-image: url(/images/introPix/introPic_annualmeeting.jpg); } */ /* #home #content { background-image: url(/images/introPix/introPic_home_arms.jpg); } */ /* #home #content { background-image: url(/images/duffel-bags-127x127.jpg); } */ #home #content { background-image: url(/images/antique-new-jersey-map-127x127.jpg); } #creating_index #content { /* background-image: url(/images/introPix/introPic_creating.jpg); */ background-image: none; } #funds_index #content { /* background-image: url(/images/introPix/introPic_funds.jpg); */ background-image: none; } #establish_index #content { background-image: url(/images/introPix/introPic_establish.jpg); } #advisors_index #content { background-image: url(/images/introPix/introPic_advisors.jpg); } #donors_index #content { /* background-image: url(/images/introPix/introPic_donors.jpg); */ background-image: none; } #about_index #content { background-image: url(/images/introPix/introPic_about.jpg); } #affiliates_index #content { background-image: url(/images/introPix/introPic_affiliates.jpg); } #contact_index #content { background-image: url(/images/introPix/introPic_contact.jpg); } #directions_index #content { background-image: url(/images/introPix/introPic_directions.jpg); } #nonprofits_index #content { background-image: url(/images/introPix/introPic_nonprofits.jpg); } .level_1 #content p { margin-left: 175px; width: 520px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; } /* =Content Section Structural Styles for Level 2 and Level 3 Pages ------------------------------------------------------------------ */ /* large #contentwrapper background images */ .level_2 #contentwrapper, .level_3 #contentwrapper { position: relative; /* relative to #page */ top: 0; left: 0; height: 464px; background-position: center top; background-repeat: no-repeat; } /* Creating Lasting Impact section */ .creating_current #contentwrapper { background-image: url(/images/bgPix/bg_creating_current.jpg); } .creating_issues #contentwrapper { background-image: url(/images/bgPix/bg_creating_issues.jpg); } .creating_power #contentwrapper { background-image: url(/images/bgPix/bg_creating_power.jpg); } .creating_making #contentwrapper { background-image: url(/images/bgPix/bg_creating_making.jpg); } /* Our Families and Funds section */ .funds_donor #contentwrapper { background-image: url(/images/bgPix/bg_funds_donor.jpg); } .funds_business #contentwrapper { background-image: url(/images/bgPix/bg_funds_business.jpg); } .funds_interest #contentwrapper { background-image: url(/images/bgPix/bg_funds_interest.jpg); } .funds_community #contentwrapper { background-image: url(/images/bgPix/bg_funds_community.jpg); } .funds_scholarship #contentwrapper { background-image: url(/images/bgPix/bg_funds_scholarship.jpg); } .funds_designated #contentwrapper { background-image: url(/images/bgPix/bg_funds_designated.jpg); } .funds_endowment #contentwrapper { background-image: url(/images/bgPix/bg_funds_endowment.jpg); } /* Establish a Fund section */ .establish_families #contentwrapper { background-image: url(/images/bgPix/bg_establish_families.jpg); } .establish_businesses #contentwrapper { background-image: url(/images/bgPix/bg_establish_businesses.jpg); } .establish_private #contentwrapper { background-image: url(/images/bgPix/bg_establish_private.jpg); } #establish_families_invitation #contentwrapper, #establish_businesses_invitation #contentwrapper, #establish_private_invitation #contentwrapper { background-image: url(/images/bgPix/bg_establish_invitation.jpg); } .establish_fund-information #contentwrapper { background-image: url(/images/bgPix/bg_establish_families.jpg); } /* For Professional Advisors section */ .advisors_assets #contentwrapper { background-image: url(/images/bgPix/bg_advisors_assets.jpg); } .advisors_funds #contentwrapper { background-image: url(/images/bgPix/bg_advisors_funds.jpg); } .advisors_services #contentwrapper { background-image: url(/images/bgPix/bg_advisors_services.jpg); } .advisors_intelligence #contentwrapper { background-image: url(/images/bgPix/bg_advisors_intelligence.jpg); } .advisors_creation #contentwrapper { background-image: url(/images/bgPix/bg_advisors_creation.jpg); } .advisors_partners #contentwrapper { background-image: url(/images/bgPix/bg_advisors_partners.jpg); } .advisors_invitation #contentwrapper { background-image: url(/images/bgPix/bg_advisors_invitation.jpg); } /* For Donors section */ .donors_yourfund #contentwrapper { background-image: url(/images/bgPix/bg_donors_yourfund.jpg); } .donors_international #contentwrapper { background-image: url(/images/bgPix/bg_donors_services.jpg); } .donors_advice #contentwrapper { background-image: url(/images/bgPix/bg_donors_services.jpg); } .donors_opportunities #contentwrapper { background-image: url(/images/bgPix/bg_donors_services.jpg); } .donors_services #contentwrapper { background-image: url(/images/bgPix/bg_donors_services.jpg); } .donors_contributions #contentwrapper { background-image: url(/images/bgPix/bg_donors_yourfund.jpg); } .donors_donate #contentwrapper { background-image: url(/images/bgPix/bg_donors_donate.jpg); } .donors_invitation #contentwrapper { background-image: url(/images/bgPix/bg_donors_invitation.jpg); } /* About Us section */ .about_introduction #contentwrapper { background-image: url(/images/bgPix/bg_about_introduction.jpg); } .about_facts #contentwrapper { background-image: url(/images/bgPix/bg_about_introduction.jpg); } .about_grants #contentwrapper { background-image: url(/images/bgPix/bg_about_grants.jpg); } .about_partners #contentwrapper { background-image: url(/images/bgPix/bg_about_partners.jpg); } .about_stewardship #contentwrapper { background-image: url(/images/bgPix/bg_about_stewardship.jpg); } .about_leadership #contentwrapper { background-image: url(/images/bgPix/bg_about_leadership.jpg); } .about_staff #contentwrapper { background-image: url(/images/bgPix/bg_about_introduction.jpg); } .about_standards #contentwrapper { background-image: url(/images/bgPix/bg_about_leadership.jpg); } /* Affiliates section */ .affiliates_morris #contentwrapper { background-image: url(/images/bgPix/bg_affiliates_morris.jpg); } .affiliates_monmouth #contentwrapper { background-image: url(/images/bgPix/bg_affiliates_monmouth.jpg); } .affiliates_newark #contentwrapper { background-image: url(/images/bgPix/bg_affiliates_newark.jpg); } .affiliates_southjersey #contentwrapper { background-image: url(/images/bgPix/bg_affiliates_southjersey.jpg); } /* Contact section */ .contact_staff #contentwrapper, .contact_mercer #contentwrapper, .contact_morris #contentwrapper, .contact_monmouth #contentwrapper, .contact_newark #contentwrapper, .contact_southjersey #contentwrapper { background-image: url(/images/bgPix/bg_contact.jpg); } /* Directions section */ .directions_nyc #contentwrapper, .directions_north #contentwrapper, .directions_south #contentwrapper { background-image: url(/images/bgPix/bg_directions.jpg); } /* For NonProfits section */ .nonprofits_applications #contentwrapper, .nonprofits_guidelines #contentwrapper, .nonprofits_annuities #contentwrapper, .nonprofits_agencyfunds #contentwrapper, .nonprofits_resources #contentwrapper, .nonprofits_expensepolicy #contentwrapper { background-image: url(/images/bgPix/bg_nonprofits.jpg); } /* News and Events section */ .news #contentwrapper { background-image: url(/images/bgPix/bg_news.jpg); } /* Nonprofit Videos section */ .videos #contentwrapper { background-image: url(/images/bgPix/bg_donors_yourfund.jpg); } /* translucent content boxes - size and position */ .level_2 #content, .level_3 #content { position: absolute; /* relative to #contentwrapper */ background: url(/images/bg_translucent_content.png); } /* scrolling "innercontent" sub-boxes */ #innercontent { position: relative; /* positioning context if necessary */ overflow: auto; margin-left: 25px; margin-right: 15px; /* allows scroll bar to breathe */ } /* Creating Lasting Impact section */ /* Our Current Projects */ #creating_current_index #content { width: 460px; bottom: 42px; /* height of #navTwo plus 10px offset */ right: 30px; } #creating_current_communityeye #content, #creating_current_njap_about #content, #creating_current_njap_grantees #content, #creating_current_njap_funders #content, #creating_current_njap_committee #content, #creating_current_duffelbags #content, #creating_current_international_index #content, #creating_current_wealth-migration #content, #creating_current_njspotlight #content { width: 460px; height: 412px; right: 30px; top: 10px; } #creating_current_communityeye #innercontent, #creating_current_duffelbags #innercontent, #creating_current_international_index #innercontent, #creating_current_wealth-migration #innercontent, #creating_current_njspotlight #innercontent { height: 290px; } #creating_current_njap_about #innercontent, #creating_current_njap_grantees #innercontent, #creating_current_njap_funders #innercontent, #creating_current_njap_committee #innercontent { height: 190px; /* was 240px before logo added */ } /* Issues That Inspire Action */ #creating_issues_index #content { width: 395px; bottom: 42px; /* height of #navTwo plus 10px offset */ right: 30px; } #creating_issues_education_index #content, #creating_issues_health_index #content, #creating_issues_social_index #content, #creating_issues_environment_index #content, #creating_issues_arts_index #content { width: 395px; height: 412px; right: 30px; top: 10px; } #creating_issues_education_index #innercontent, #creating_issues_health_index #innercontent, #creating_issues_environment_index #innercontent, #creating_issues_arts_index #innercontent { height: 220px; } #creating_issues_social_index #innercontent { height: 220px; } /* The Power of Communities */ #creating_power_index #content { width: 395px; right: 30px; top: 25%; } #creating_power_morris_index #content, #creating_power_monmouth_index #content, #creating_power_newark_index #content, #creating_power_mercer_index #content, #creating_power_other_index #content { width: 395px; height: 412px; right: 30px; top: 10px; } #creating_power_morris_index #innercontent, #creating_power_monmouth_index #innercontent { height: 126px; } #creating_power_newark_index #innercontent { height: 152px; } #creating_power_mercer_index #innercontent { height: 292px; } #creating_power_other_index #innercontent { height: 192px; } /* Making It Happen */ #creating_making_index #content { width: 650px; top: 20px; left: 45px; } /* Our Families and Funds section */ /* Donor Advised Funds */ #funds_donor_index #content { width: 450px; right: 30px; bottom: 72px; } #funds_donor_all #content, #funds_donor_morris #content, #funds_donor_monmouth #content, #funds_donor_newark #content, #funds_donor_southjersey #content, #funds_donor_eacf_index #content, #funds_donor_eacf_convening #content, #funds_donor_eacf_otherefforts #content, #funds_donor_eacf_grantmaking #content, #funds_donor_eacf_services #content, #funds_donor_eacf_fundtypes #content, #funds_donor_eacf_trustees #content, #funds_donor_eacf_contact #content { width: 710px; height: 412px; right: 30px; top: 10px; } #funds_donor_all #innercontent, #funds_donor_morris #innercontent, #funds_donor_monmouth #innercontent, #funds_donor_newark #innercontent, #funds_donor_newark #innercontent, .eacf #innercontent { height: 312px; } #funds_donor_toddOuida #content { width: 440px; height: 412px; right: 30px; top: 10px; } /* Business Advised Funds */ #funds_business_index #content { width: 400px; right: 70px; bottom: 92px; } #funds_business_all #content, #funds_business_morris #content, #funds_business_monmouth #content, #funds_business_newark #content { width: 650px; height: 412px; right: 30px; top: 10px; } #funds_business_all #innercontent, #funds_business_morris #innercontent, #funds_business_monmouth #innercontent, #funds_business_newark #innercontent { height: 312px; } #funds_business_jandj_better_health #innercontent, #funds_business_jandj_somerset_community #innercontent { margin-top: 25px; } /* Field of Interest Funds */ #funds_interest_index #content { /* multicolumn list */ width: 620px; height: 412px; right: 30px; top: 10px; } #funds_interest_index #innercontent { height: 282px; } /* Community Action Funds */ #funds_community_index #content { /* list (single column for now */ width: 480px; height: 412px; right: 30px; top: 10px; } /* Scholarship Funds */ #funds_scholarship_index #content { width: 400px; right: 70px; bottom: 92px; } #funds_scholarship_all #content, #funds_scholarship_morris #content, #funds_scholarship_monmouth #content, #funds_scholarship_newark #content { width: 710px; height: 412px; right: 30px; top: 10px; } #funds_scholarship_all #innercontent, #funds_scholarship_morris #innercontent, #funds_scholarship_monmouth #innercontent, #funds_scholarship_newark #innercontent { height: 312px; } /* Designated Agency Funds */ #funds_designated_index #content { width: 400px; right: 70px; bottom: 92px; } #funds_designated_all #content, #funds_designated_morris #content, #funds_designated_monmouth #content, #funds_designated_newark #content, #funds_designated_southjersey #content { width: 620px; height: 412px; right: 30px; top: 10px; } #funds_designated_all #innercontent, #funds_designated_morris #innercontent, #funds_designated_monmouth #innercontent, #funds_designated_newark #innercontent, #funds_designated_southjersey #innercontent { height: 312px; } /* Agency Endowment Funds */ #funds_endowment_index #content { width: 400px; right: 70px; bottom: 92px; } #funds_endowment_all #content, #funds_endowment_morris #content, #funds_endowment_monmouth #content, #funds_endowment_newark #content { width: 620px; height: 412px; right: 30px; top: 10px; } #funds_endowment_all #innercontent, #funds_endowment_morris #innercontent, #funds_endowment_monmouth #innercontent, #funds_endowment_newark #innercontent { height: 312px; } /* Establish a Fund section */ /* Families */ #establish_families_index #content { width: 650px; right: 30px; top: 25%; } #establish_families_choose #content, #establish_families_assets #content, #establish_families_services #content, #establish_families_donorfunds #content { width: 650px; height: 412px; right: 30px; top: 10px; } /* eliminate height rule for shorter content */ #establish_families_howitworks #content, #establish_families_variance #content { width: 650px; right: 30px; top: 10px; } #establish_families_choose #innercontent, #establish_families_assets #innercontent, #establish_families_services #innercontent, #establish_families_donorfunds #innercontent { height: 312px; } /*#establish_families_howitworks #innercontent { }*/ /* Families - An Invitation */ #establish_families_invitation #content { width: 670px; height: 412px; right: 30px; top: 10px; } /* Businesses */ #establish_businesses_index #content { width: 500px; right: 50px; top: 30%; } #establish_businesses_funds #content, #establish_businesses_scenarios #content, #establish_businesses_services #content { width: 620px; height: 412px; right: 30px; top: 10px; } #establish_businesses_funds #innercontent, #establish_businesses_scenarios #innercontent, #establish_businesses_services #innercontent { height: 312px; } /* Businesses - An Invitation */ #establish_businesses_invitation #content { width: 670px; height: 412px; right: 30px; top: 10px; } /* Private Foundations */ #establish_private_index #content { width: 500px; right: 30px; top: 10px; } #establish_private_options #content, #establish_private_consulting #content, #establish_private_services #content { width: 530px; height: 412px; right: 30px; top: 10px; } #establish_private_options #innercontent, #establish_private_consulting #innercontent, #establish_private_services #innercontent { height: 300px; } /* Private Foundations - An Invitation */ #establish_private_invitation #content { width: 670px; height: 412px; right: 30px; top: 10px; } /* Other Types of Funds: Fees and Information */ #establish_fund-information_index #content { width: 510px; right: 30px; top: 20%; } #establish_interest-action-funds #content, #establish_agency-funds #content, #establish_scholarship-funds #content, #establish_business-advised-funds #content { width: 510px; height: 412px; right: 30px; top: 10px; } /* For Professional Advisors section */ /* Contributing Charitable Assets */ #advisors_assets_index #content { width: 630px; height: 412px; right: 30px; top: 10px; } #advisors_assets_index #innercontent { height: 342px; /* note: no navThree on this page */ } /* Charitable Funds */ #advisors_funds_index #content { width: 610px; height: 412px; right: 30px; top: 10px; } #advisors_funds_index #innercontent { height: 342px; /* note: no navThree on this page */ } /* Giving Services */ #advisors_services_index #content { width: 630px; height: 412px; right: 30px; top: 10px; } #advisors_services_index #innercontent { height: 342px; /* note: no navThree on this page */ } /* Giving Intelligence */ #advisors_intelligence_index #content { width: 670px; height: 412px; right: 30px; top: 10px; } #advisors_intelligence_index #innercontent { height: 232px; /* note: no navThree on this page */ } /* Our Community Partners */ #advisors_partners_managers #content, #advisors_partners_attorneys #content, #advisors_partners_accountants #content { width: 660px; height: 412px; right: 30px; top: 10px; } #advisors_partners_managers #innercontent, #advisors_partners_attorneys #innercontent, #advisors_partners_accountants #innercontent { height: 230px; } /* An Invitation */ #advisors_invitation_index #content { width: 670px; height: 412px; right: 30px; top: 10px; } /* For Donors section */ /* Your Fund Online */ #donors_yourfund #content { width: 660px; height: 412px; right: 30px; top: 10px; } #donors_yourfund #innercontent { height: 342px; } /* International Philanthropy */ #donors_international_index #content { width: 660px; height: 412px; right: 30px; top: 10px; } #donors_international_index #innercontent { height: 342px; } /* Giving Advice */ .donors_advice #content { width: 660px; height: 412px; right: 30px; top: 10px; } /*#donors_advice_index #innercontent { height: 342px; } #donors_advice_myanmar #innercontent, #donors_advice_china #innercontent { height: 342px; }*/ .donors_advice #innercontent { height: 342px; } /* Giving Opportunities */ #donors_opportunities_index #content, #donors_opportunities_street_index #content, #donors_opportunities_street_otherside #content, #donors_opportunities_street_family #content, #donors_opportunities_satprogram #content, #donors_opportunities_communityeye #content { width: 660px; height: 412px; right: 30px; top: 10px; } #donors_opportunities_index #innercontent { height: 342px; } #donors_opportunities_street_index #innercontent { height: 200px; } #donors_opportunities_street_otherside #innercontent, #donors_opportunities_street_family #innercontent { height: 268px; } #donors_opportunities_satprogram #innercontent, #donors_opportunities_communityeye #innercontent { height: 332px; } #donors_opportunities_njfoodbank #innercontent, #donors_opportunities_brandnewday #innercontent, #donors_opportunities_njshares #innercontent, #donors_opportunities_handupfund #innercontent, #donors_opportunities_njseeds #innercontent, #donors_opportunities_teachforamerica #innercontent, #donors_opportunities_soupkitchen #innercontent, #donors_opportunities_familyservice #innercontent { height: 340px; } /* Giving Services */ #donors_services #content { width: 660px; height: 412px; right: 30px; top: 10px; } #donors_services #innercontent { height: 342px; } /* Contribution & Grant Recommendation Overview */ #donors_contributions_index #content { width: 520px; bottom: 42px; right: 30px; } #donors_contributions_stock #content, #donors_contributions_cash #content, #donors_contributions_grant #content, #donors_contributions_ineligible #content { width: 520px; /* WAS 660px */ height: 412px; right: 30px; top: 10px; } #donors_contributions_stock #innercontent, #donors_contributions_cash #innercontent, #donors_contributions_grant #innercontent, #donors_contributions_ineligible #innercontent { height: 312px; } /* Donate Online */ #donors_donate #content { width: 660px; height: 412px; right: 30px; top: 10px; } #donors_donate #innercontent { height: 342px; } /* An Invitation */ #donors_invitation #content { width: 670px; height: 412px; right: 30px; top: 10px; } #donors_invitation #innercontent { height: 342px; } /* About Us section */ /* Introduction */ #about_introduction_index #content { width: /*650px;*/ 460px; /*height: 412px;*/ right: 30px; /*top: 10px;*/ bottom: 42px; } /*#about_introduction_index #innercontent { height: 347px; }*/ /* Facts */ #about_facts_index #content { width: 540px; height: 412px; right: 30px; top: 10px; } #about_facts_index #innercontent { height: 347px; } /* Grants */ #about_grants_index #content { width: 660px; height: 412px; right: 30px; top: 10px; } #about_grants_index #innercontent { height: 347px; } /* Community Partners */ #about_partners_managers #content, #about_partners_attorneys #content, #about_partners_accountants #content { /* multicolumn list */ width: 670px; height: 412px; right: 30px; top: 10px; } #about_partners_managers #innercontent { height: 240px; } #about_partners_attorneys #innercontent { height: 228px; } /* Financials (was Stewardship) */ #about_stewardship_building #content, #about_stewardship_performance #content, #about_stewardship_committee #content { width: 650px; height: 412px; right: 30px; top: 10px; } #about_stewardship_building #innercontent { height: 232px; } #about_stewardship_performance #innercontent, #about_stewardship_committee #innercontent { height: 312px; } /* Leadership */ #about_leadership_index #content { /* multicolumn list */ width: 550px; height: 412px; right: 30px; top: 10px; } #about_leadership_index #innercontent { height: 192px; } /* An Invitation - DELETED 3 April 2009 */ #about_invitation_index #content { /* multicolumn list */ width: 670px; height: 412px; right: 30px; top: 10px; } /* Staff */ #about_staff #content { width: 500px; height: 412px; right: 30px; top: 10px; } #about_staff #innercontent { height: 340px; } /* National Standards */ #about_standards #content { width: 550px; height: 412px; right: 30px; top: 10px; } #about_standards #innercontent { height: 347px; } /* Our Affiliates section */ .affiliates_morris #content, .affiliates_monmouth #content, .affiliates_newark #content, .affiliates_southjersey #content { width: 600px; height: 412px; right: 30px; top: 10px; } body.story.grants #content { /* override wider #content in "Creating" stories */ width: 600px; } .affiliates_morris #innercontent, .affiliates_monmouth #innercontent { height: 312px; } .affiliates_southjersey #innercontent { height: 312px; } #affiliates_newark_grants_index #innercontent, #affiliates_newark_press_index #innercontent, #affiliates_newark_police #innercontent, #affiliates_newark_jobOpening #innercontent, #affiliates_newark_board #innercontent { height: 282px; /*was 312px when navThree menu was one line */ } .eye #innercontent { height: 194px; /* was 214px when navThree menu was one line */ } /* Contact section */ #contact_staff_index #content, #contact_mercer_index #content, #contact_morris_index #content, #contact_monmouth_index #content, #contact_newark_index #content, #contact_southjersey_index #content { width: 500px; height: 392px; right: 40px; top: 20px; } #contact_staff_index #innercontent { height: 320px; } /* Directions section */ #directions_nyc_index #content, #directions_north_index #content, #directions_south_index #content { width: 536px; height: 412px; right: 30px; top: 10px; } #directions_nyc_index #innercontent, #directions_north_index #innercontent, #directions_south_index #innercontent { height: 260px; } /* For NonProfits section */ .nonprofits_applications #content, .nonprofits_guidelines #content, .nonprofits_annuities #content, .nonprofits_agencyfunds #content, .nonprofits_resources #content, .nonprofits_expensepolicy #content { width: 596px; height: 412px; right: 30px; top: 10px; } /* overridge standard "story" width */ body#nonprofits_applications_jandj #content, body#nonprofits_applications_mercer #content, body#nonprofits_guidelines_general #content, body#nonprofits_guidelines_essexpassaic #content { width: 596px; } .nonprofits_applications #innercontent, .nonprofits_guidelines #innercontent, .nonprofits_annuities #innercontent, .nonprofits_agencyfunds #innercontent, .nonprofits_resources #innercontent, .nonprofits_expensepolicy #innercontent { height: 332px; } /* News and Events section */ #news_index #content, #news_story #content { width: 630px; height: 412px; right: 30px; top: 10px; } #news_index #innercontent { margin-top: 20px; /* no heading or navThree in this section */ height: 376px; } #news_story #innercontent { margin-top: 60px; height: 336px; } /* Nonprofit Videos section */ #videos_index #content, .videopage #content { width: 891px; height: 412px; right: 30px; top: 10px; } /* See special section below for #videos_index #innercontent styles */ .videopage #innercontent { margin-top: 50px; height: 345px; } /* =Element Styles within Content and Innercontent ------------------------------------------------------------------ */ h5, h6 { margin-left: 25px; margin-right: 20px; margin-bottom: 0.75em; /* was 5px */ font-size: 1.1em; line-height: 1.4; } h6 { font-size: 1em; } .level_2 p, .level_3 p { margin-left: 25px; margin-right: 20px; margin-bottom: 15px; font-size: 1em; line-height: 1.4; } .level_2 p a, .level_3 p a, .level_2 li a, .level_3 li a, h6 a { color: #121D4D; } /* added August 2009 for Global Warming page */ .level_3 dl a:link { color: #021D4D; } .level_3 dl a:visited { color: #636C7E; } .level_3 dl a:hover, .level_3 dl a:active { color: #FFF; background-color: #021D4D; } /*.level_3 ul { margin-left: 25px; margin-top: -5px; margin-right: 20px; margin-bottom: 15px; padding-left: 2em; }*/ ul.bulletlist, ol { margin-left: 25px; margin-top: -5px; margin-right: 20px; margin-bottom: 15px; padding-left: 2em; } #innercontent h5, #innercontent h6, .level_2 #innercontent p, .level_3 #innercontent p, #innercontent ul, #innercontent dl { margin-left: 0; /* compensate for 25px left margin on #innercontent itself */ } /* the following are used in For Donors > Contributions & Grants > Grant Recommendations */ #innercontent ul ol, #innercontent ul ul { margin-left: 2.5em; } #innercontent ul.indented { margin-left: 25px; margin-bottom: 15px; list-style-type: none; } /* definition list - used on EACF "Sample Fund Types" page (in Donor Advised Funds) and Global Warming page (in Issues that Inspire Action > Environmental) */ #innercontent dt { font-weight: bold; margin-bottom: 0; /* was 0.25em; */ } #innercontent dd { margin-bottom: 1em; /* was 0.5em; */ } /* Column and multicolumn list styles */ div#content .multicolumn ul.columnOne, div#content .multicolumn div.columnOne { float: left; width: 44%; /* was 46% - breaks in IE7 */ } div#content .multicolumn ul.columnTwo, div#content .multicolumn div.columnTwo { margin-left: 49%; /* was 51% - breaks in IE7 */ width: 44%; /* was 46% - breaks in IE7 */ } ul.column, ul.column ul { list-style-type: none; padding: 0; } ul.column { margin-bottom: 15px; } ul.column li { line-height: 1.2; margin-bottom: 0.5em; } .multicolumn ul.multilevel li { /* e.g., Field of Interest Funds */ font-weight: bold; margin-bottom: 0.75em; /* extra margin between list sections */ } .multicolumn ul.multilevel li li { font-weight: normal; margin-bottom: 0.25em; } /* Funds lists link styles */ .funds_donor #innercontent li a, .funds_business #innercontent li a, .funds_interest #innercontent li a, .funds_community #innercontent li a, .funds_scholarship #innercontent li a, .funds_designated #innercontent li a, .funds_endowment #innercontent li a { color: #021D4D; } .funds_donor #innercontent li a:visited, .funds_business #innercontent li a:visited, .funds_interest #innercontent li a:visited, .funds_community #innercontent li a:visited, .funds_scholarship #innercontent li a:visited, .funds_designated #innercontent li a:visited, .funds_endowment #innercontent li a:visited { color: #636C7E; /* darken color */ } .funds_donor #innercontent li a:hover, .funds_donor #innercontent li a:active, .funds_business #innercontent li a:hover, .funds_business #innercontent li a:active, .funds_interest #innercontent li a:hover, .funds_interest #innercontent li a:active, .funds_community #innercontent li a:hover, .funds_community #innercontent li a:active, .funds_scholarship #innercontent li a:hover, .funds_scholarship #innercontent li a:active, .funds_designated #innercontent li a:hover, .funds_designated #innercontent li a:active, .funds_endowment #innercontent li a:hover, .funds_endowment #innercontent li a:active { color: #021D4D; } /* Definition List Styles (Giving Intelligence, Building Assets for Good */ /* SUPERSEDED */ /*#advisors_intelligence_index #innercontent dt, #about_stewardship_building #innercontent dt { float: left; width: 30px; } #advisors_intelligence_index #innercontent dd, #about_stewardship_building #innercontent dd { clear: none; margin-bottom: 1.5em; }*/ /* PDF, GIF, and Word Document Links */ /* Lists in Giving Intelligence, Building Assets for Good */ /* Single Links (class="pdflink" in Scholarship Funds, J&J Fund page, News and Events */ .advisors_intelligence #innercontent li, .building #innercontent li { margin-bottom: 1.5em; } .advisors_intelligence #innercontent li a, .building #innercontent li a { text-decoration: none; } .advisors_intelligence #innercontent li a, .building #innercontent li a, a.pdflink, a.giflink, a.mswordlink { padding-left: 25px; padding-bottom: 5px; } .advisors_intelligence #innercontent li a, a.pdflink { background: url(/images/pdficon_small.gif) top left no-repeat; } a.giflink { background: url(/images/gificon_small.gif) top left no-repeat; } a.mswordlink { background: url(/images/mswordicon_small.png) top left no-repeat; } .building p.footnote { margin-top: 12px; border-top: 1px solid #B8BD87; padding-top: 6px; font-size: 11px; } .building p.footnote a:link, .building p.footnote a:visited { text-decoration: none; } .building p.footnote a:hover, .building p.footnote a:active { text-decoration: underline; } /* NJ AIDS Partnership section - Special Table Styles */ #creating_current_njap_funders table.dataNJAP { position: relative; } /* For Nonprofits - Resources / 10 Lessons - Special List Styles */ #nonprofits_resources_index #innercontent ul { margin-top: 20px; } #nonprofits_10lessons #innercontent ol { list-style-position: inside; margin-left: -25px; } #nonprofits_10lessons #innercontent ol li { margin-top: 1em; } /* Affiliates - Newark - Press and Ads links table */ .press table#press_links td { padding-bottom: 15px; } .press table#press_links td.thumbnail { width: 120px; text-align: center; } .press table#press_links td.textlink { line-height: 22px; } .press table#press_links td.textlink a { margin-left: 10px; padding-right: 25px; padding-bottom: 5px; background: url(/images/pdficon_small.gif) top right no-repeat; } .press table#press_links a { color: #021D4D; } .press table#press_links a:visited { color: #636C7E; /* darken color */ } .press table#press_links a:hover, .press table#press_links a:active { color: #021D4D; } /* Contact intro page contactinfo table */ table#contactinfo { position: relative; /* override standard "absolute" table definition */ margin-left: 175px; width: 720px; /* expanded from 520px to add third column 3-13-08 */ height: auto; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; } table#contactinfo td { vertical-align: top; } table#contactinfo td#mailingAddress { width: 300px; } table#contactinfo td#shippingAddress { width: auto; } table#contactinfo td#phones { width: 170px; } table#contactinfo a:link, table#contactinfo a:visited { color: #74839D; } table#contactinfo a:hover, table#contactinfo a:active { color: #021D4D; } /* Contact pages staff tables */ table#staff { position: relative; width: 97%; height: auto; border: none; } table#staff td { vertical-align: top; } table#staff td.phone { text-align: right; } table#staff a:link { color: #121D4D; } table#staff a:visited { color: #636C7E; /* darken color */ } table#staff a:hover, table#staff a:active { color: #021D4D; } /* Floating Image Styles (also see Stories section */ img.floatleft { float: left; clear: none; margin-bottom: 10px; margin-right: 15px; } img.floatright { float: right; clear: none; margin-bottom: 10px; margin-left: 15px; } img#logo_123 { /* in "Establish a Fund > Families" section */ padding-top: 3px; } /* Logo Styles (Business Advixed Funds, Wealth Managers) */ #advisors_partners_managers .partnerLogo, #about_partners_managers .partnerLogo { float: left; clear: left; margin-bottom: 10px; } /*#advisors_partners_managers img#logoRegentAtlantic { left: 0; top: 0; } #advisors_partners_managers img#logoLucasCapital { left: 210px; top: 0; } #advisors_partners_managers img#logoMerrillLynch { left: 420px; top: 0; }*/ #contentwrapper .smallfont { font-size: 0.9em; } /* =Heading Styles ------------------------------------------------------------------ */ /* Hide underlying hierarchical headings on Level 2 and Level 3 pages */ .level_2 h2, .level_3 h2, .level_3 h4 { display: none; } /* exceptions */ #funds_business_jandj h4, .donors_opportunities h4, .nonprofits_applications h4, .nonprofits_guidelines h4 { display: block; margin-left: 25px; margin-right: 20px; margin-bottom: 0.75em; } /* Styles displayed if no sIFR (e.g., no Javascript */ .level_1 h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; letter-spacing: 2px; line-height: 18px; height: 18px; width: 500px; position: relative; /* relative to #content */ top: 2px; left: 175px; margin-bottom: 6px; text-indent: -1px; color: #021D4D; background-color: #FFF; } h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; letter-spacing: 2px; line-height: 18px; height: 18px; /*width: 300px;*/ margin-top: 25px; margin-bottom: 7px; margin-left: 25px; text-indent: -1px; /* override */ color: #021D4D; background: none; /* override */ } /* =sIFR Standard Styles - from "sIFR-screen.css" download (not included in CFNJ copyright) ------------------------------------------------------------------ */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ /*.sIFR-hasFlash h1 { visibility: hidden; }*/ .sIFR-hasFlash h2 { /* only on level_1 pages */ visibility: hidden; letter-spacing: 1px; font-size: 16px; } .sIFR-hasFlash h3 { visibility: hidden; letter-spacing: 1px; font-size: 16px; } /*.sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; } .sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; }*/ /* =Special Home Page Styles ------------------------------------------------------------------ */ #home #content #storyOne { margin-left: 175px; width: 350px; /* 356px; */ padding-top: 3px; /* adjust as necessary for best visual */ } #home #storyOne h2 { left: 0; /* overrides standard 175px left positioning */ margin-bottom: 0.3em; /* adjust as necessary for best visual */ font-size: 12px; letter-spacing: 0; } #home #storyOne h2 span { display: block; /* places the span, with image included, on top */ position: relative; z-index: 1; margin-bottom: -24px; /* if 2 lines, use -40px to override standard -24px margin-bottom */ } #home #storyOne h2, #home #storyOne h2 span { /* background-image: url(/images/headings/h2_home_dogoodbetter.png); */ /* background-image: url(/images/headings/h2_home_findaneed.png); */ /* background-image: url(/images/headings/h2_home_annualmeeting.png); */ /* background-image: url(/images/headings/h2_home_longway.png); */ /* background-image: url(/images/headings/h2_home_hand-up.png); */ /*background-image: url(/images/headings/h2_home_nurturing.png); */ background-image: url(/images/headings/h2_home_wealth-leaving.png); background-position: 0 0; background-repeat: no-repeat; width: 350px; height: 24px; /* if 2 lines, use 40px - e.g., "Creating Equal Educational Opportunity" */ } #home #storyOne p { margin-left: 0; width: auto; margin-top: 0; margin-bottom: 0.5em; } #home #storyTwo, #home #storyThree { position: absolute; top: 0; width: 183px; height: 128px; background: url(/images/bg_b8bd87.png) top left repeat-y; } #home #storyTwo { left: 538px; /* align with split between navOneA buttons */ text-align: center; } #home #storyThree { left: 721px; /* align with split between navOneA buttons */ text-align: center; } #home #storyTwo p, #home #storyThree p { margin-left: 5px; width: auto; margin-bottom: 0.25em; line-height: 1.1; /*text-align: left;*/ margin-top: 6px; } /* StoryTwo image styles: Standard storyTwo image is 124 x 83 with the following margins. Add id to img tag and adjust margins for other sizes -- see below. */ #home #storyTwo img { margin-top: 7px; margin-bottom: 0; } #home #storyTwo img#njspotlight { margin-top: 20px; margin-bottom: 20px; } #home #storyOne p a, #home #storyTwo p a, #home #storyThree p a { color: #121D4D; background-color: transparent; } #home #storyOne p a:visited, #home #storyTwo p a:visited, #home #storyThree p a:visited { color: #636C7E; } #home #storyOne p a:hover, #home #storyOne a:active, #home #storyTwo p a:hover, #home #storyTwo a:active, #home #storyThree p a:hover, #home #storyThree a:active { color: #021D4D; } #home #storyTwo p a, #home #storyThree p a { text-decoration: none; } /*#home #storyThree img { position: absolute; top: 7px; left: 9px; }*/ /* =Special Intro Page Styles for Creating Lasting Impact, Our Families and Funds, and For Donors (Feature Article Links on Left and Right) Some Styles also for Affiliates Intro Page (Right Feature Only) (Revised Jan 2010) ------------------------------------------------------------------ */ /* Note: background-images set to "none" -- see lines 243ff */ #creating_index h2, #funds_index h2, #donors_index h2 { left: 185px; } #creating_index #content p, #funds_index #content p, #donors_index #content p { margin-left: 185px; } #creating_index #navTwo, #funds_index #navTwo, #donors_index #navTwo { left: 185px; width: 520px; } #creating_index #content .feature, #funds_index #content .feature, #donors_index #content .feature, #affiliates_index #content .feature { position: absolute; top: 0; width: 183px; height: 128px; background-image: url(/images/bg_b8bd87.png); background-repeat: repeat-y; text-align: center; } #creating_index #content #featureLeft, #funds_index #content #featureLeft, #donors_index #content #featureLeft { left: -10px; background-position: top right; } #creating_index #content #featureRight, #funds_index #content #featureRight, #donors_index #content #featureRight, #affiliates_index #content #featureRight { left: 721px; background-position: top left; } #creating_index #content .feature img, #funds_index #content .feature img, #donors_index #content .feature img, #affiliates_index #content .feature img { margin-top: 7px; } #creating_index #content .feature p, #funds_index #content .feature p, #donors_index #content .feature p, #affiliates_index #content .feature p { margin-left: 10px; margin-right: 10px; width: auto; margin-bottom: 0.25em; line-height: 1.2; margin-top: 9px; } #creating_index #content .feature a, #creating_index #content .feature a:visited, #funds_index #content .feature a, #funds_index #content .feature a:visited, #donors_index #content .feature a, #donors_index #content .feature a:visited, #affiliates_index #content .feature a, #affiliates_index #content .feature a:visited { text-decoration: none; font-weight: bold; font-size: 0.8em; background-color: transparent; color: #636C7E; } #creating_index #content .feature a:hover, #creating_index #content .feature a:active, #funds_index #content .feature a:hover, #funds_index #content .feature a:active, #donors_index #content .feature a:hover, #donors_index #content .feature a:active, #affiliates_index #content .feature a:hover, #affiliates_index #content .feature a:active { color: #121D4D; } /* =Special Establish a Fund Intro Page Styles ------------------------------------------------------------------ */ #establish_index #feature { position: absolute; top: 0; width: 183px; height: 128px; background: url(/images/bg_b8bd87.png) top left repeat-y; left: 721px; text-align: center; } #establish_index #feature img { position: absolute; top: 7px; left: 9px; } #establish_index #feature a, #establish_index #feature a:visited { text-decoration: none; font-weight: bold; font-size: 0.8em; background-color: transparent; color: #636C7E; } #establish_index #feature a:hover, #establish_index #feature a:active { color: #121D4D; } /* =Special For Donors Styles ------------------------------------------------------------------ */ /* For Donors > Giving Advice */ /* width adjustment prevents border from colliding with scrollbar and also reduces line length a little to promoto readability */ /* the articles using these styles are also published in News and Events */ .donors_advice div.footnote, .news div.footnote { width: 95%; margin-top: 12px; border-top: 1px solid #B8BD87; padding-top: 6px; font-size: 11px; } .donors_advice p.authornote, .news p.authornote { font-size: 11px; } /* =Special Story Styles ------------------------------------------------------------------ */ /* Story Indexes */ /* this uses the "Min-Height Fst Hack" by Dustin Diaz to get correct height in IE6 */ /* note that the width of #storylink is 380px (inherits #innercontent width) */ .storylink { font-size: 0.9em; margin-bottom: 10px; position: relative; min-height: 78px; height: auto !important; height: 78px; } /* note that this is designed for the standard image with 60px width */ .storylink a { display: block; position: absolute; top: 0; left: 0; background-color: #FFF; } .storylink img { padding: 4px; } /* left padding on these elements provides space for the absolutely positioned image */ .storylink h5, .storylink p { padding-left: 80px; text-align: left; font-size: 1em; line-height: 1.2; margin-bottom: 0.2em; } /* override non-applicable styles for "a" above */ .storylink p a { display: inline; position: relative; background-color: transparent; } /* for Morris and Monmouth Affiliates grants */ .grants .storylink h5, .grants .storylink p { font-size: 1.1em; line-height: 1.3; } /* Story Content and Scrollable Area */ body.story #content { width: 690px; height: 412px; right: 30px; top: 10px; } body.story #innercontent { height: 312px; } /* Story Headings */ .story h5 { margin-bottom: 1em; /* overrides 5px default */ } /* "Back" link on story pages and News Stories (also class="story") */ /* Also used for Establish > Families > Donor Advised Funds */ /* Also used for For Donors > Giving Advice */ /* Also used for Our Families & Funds > Donor Advised > All > ToddOuida */ .story a.back, .donorfunds a.back, .donors_advice a.back, #funds_donor_toddOuida a.back, .videopage a.back { position: absolute; top: 30px; right: 40px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; } /* Position higher to accommodate video player */ .videopage a.back { top: 20px; } .story a:link.back, .story a:visited.back, .donorfunds a:link.back, .donorfunds a:visited.back, .donors_advice a:link.back, .donors_advice a:visited.back, #funds_donor_toddOuida a:link.back, #funds_donor_toddOuida a:visited.back, .videopage a:link.back, .videopage a:visited.back { color: #74839D; } .story a:hover.back, .story a:active.back, .donorfunds a:hover.back, .donorfunds a:active.back, .donors_advice a:hover.back, .donors_advice a:active.back, #funds_donor_toddOuida a:hover.back, #funds_donor_toddOuida a:hover.back, .videopage a:hover.back, .videopage a:active.back { color: #021D4D; } /* Images in Stories */ .story img.floatleft, .story img.floatright, img.whiteborder { padding: 4px; background-color: #FFF; } /*.story img.floatright { padding: 4px; background-color: #FFF; }*/ /* Pullquotes and other special treatment */ .story #innercontent .statbox { float: right; margin: 0 15px 6px 10px; width: 43%; background-color: #FFF; border: 1px solid #B8BD87; padding: 7px; } .story #innercontent .statbox h5, .story #innercontent .statbox h6 { font-size: 1.1em; } .story #innercontent .statbox h5 { margin-bottom: 0.25em; } /* =Special News Styles ------------------------------------------------------------------ */ /* News Index (NewsLink styles also used for Giving Advice index page "AdviceLink" includes) */ .newslink { font-size: 1em; min-height: 80px; margin-bottom: 10px; border-top: 1px solid #B8BD87; padding-top: 7px; width: 560px; } .newslink h5 { font-size: 1.2em; border-bottom: 1px solid #021D4D; margin-bottom: 0.5em; } .newsimage { float: left; width: 165px; /* widest image permitted */ /*margin-right: 15px;*/ padding-top: 5px; /* a bit more space above image to align with h6 */ } .newstext { float: left; width: 395px; /* to fit in #innercontent width of 590px */ } .newslink h6 { font-size: 1.1em; } .newslink p { line-height: 1.2; margin-bottom: 0.75em; } /* News Stories */ #news_story ul { list-style-type: disc; list-style-position: inside; } #news_story li { margin-bottom: 1em; } /* =Special Nonprofit Videos Styles ------------------------------------------------------------------ */ /* The index page for this section uses .newslink styles from the News and Events section, as revised below */ #videos_index #section-intro { float: left; width: 331px; } #videos_index #innercontent { float: right; height: 369px; margin-top: 27px; width: 520px; } #videos_index .newslink { width: 490px; } #videos_index .newstext { width: 325px; } .videopage #innercontent .description { float: left; } .videopage #innercontent .videoplayer { float: right; } /* There are two classes of video pages to support two video widths */ .videopage.standardscreen #innercontent .description { width: 406px; } .videopage.widescreen #innercontent .description { width: 271px; } .videopage.standardscreen #innercontent .videoplayer { width: 425px; } .videopage.widescreen #innercontent .videoplayer { width: 560px; } /* =Special Financial Table Styles (About > Stewardship > Financials) (plus adapted for pop-up in Establish a Fund > Families) ------------------------------------------------------------------ */ #investments { width: 93%; margin-left: 0; border-collapse: collapse; } #investments caption { font-weight: bold; font-size: 1.2em; padding-bottom: 0.5em; } #investments col { width: 20%; } #investments th { background-color: #B8BFCE; padding: 5px 0; border-top: 1px solid #121D4D; border-bottom: 1px solid #121D4D; } #investments td { padding: 5px 0; border-bottom: 1px solid #121D4D; } #investments th, #investments td { text-align: center; } #investments th.c1, #investments td.c1 { text-align: left; padding-left: 4px; } #investments td.c1 { font-weight: bold; } #investments td.c2, #investments td.c3, #investments td.c4, #investments td.c5 { padding-left: 2px; padding-right: 2px; border-left: 1px solid #B8BFCE; } /* =Navigation Styles - "navOneA" ------------------------------------------------------------------ */ #navOneA { position: relative; /* relative to #page */ top: 0; left: 0; width: 100%; height: 43px; background-image: url(/images/bg_navRule.png); background-position: bottom center; background-repeat: no-repeat; } #navOneA .navbutton { position: absolute; top: 5px; } #nav_creating { left: 20px; } #nav_funds { left: 203px; } #nav_establish { left: 386px; } #nav_advisors { left: 569px; } #nav_donors { left: 752px; } /* remove "link" cursor from link to current page */ #creating_index a#navLink_creating, #funds_index a#navLink_funds, #establish_index a#navLink_establish, #advisors_index a#navLink_advisors, #donors_index a#navLink_donors { cursor: default; } /* =Navigation Styles - "navOneB" ------------------------------------------------------------------ */ /* #navOneB Navigation uses "Pixy" graphic method */ #navOneB { position: relative; /* relative to #page */ top: 0; left: 0; width: 100%; height: 29px; /* REVISED FROM 20px; */ background: url(/images/bg_navOneB.png) 20px 5px no-repeat; } #navOneB ul { float: left; position: relative; top: 5px; left: 20px; width: 911px; /* REVISED FROM 100% */ height: 29px; line-height: 29px; list-style-type: none; } #navOneB li { float: left; text-indent: -9999px; } #navOneB a { display: block; height: 24px; /* text-indent: -9999px; */ background-image: url(/images/bg_navOneB.png); background-repeat: no-repeat; } #navOneB #navLink_about a { width: 67px; background-position: 0 0; } #navOneB #navLink_about a:hover, #navOneB #navLink_about a:active, .about #navOneB #navLink_about a { background-position: 0 -24px; } #navOneB #navLink_affiliates a { width: 84px; background-position: -67px 0; } #navOneB #navLink_affiliates a:hover, #navOneB #navLink_affiliates a:active, .affiliates #navOneB #navLink_affiliates a { background-position: -67px -24px; } #navOneB #navLink_contact a { width: 59px; background-position: -151px 0; } #navOneB #navLink_contact a:hover, #navOneB #navLink_contact a:active, .contact #navOneB #navLink_contact a { background-position: -151px -24px; } #navOneB #navLink_directions a { width: 68px; background-position: -210px 0; } #navOneB #navLink_directions a:hover, #navOneB #navLink_directions a:active, .directions #navOneB #navLink_directions a { background-position: -210px -24px; } #navOneB #navLink_students a { width: 80px; background-position: -278px 0; } #navOneB #navLink_students a:hover, #navOneB #navLink_students a:active, .students #navOneB #navLink_students a { background-position: -278px -24px; } #navOneB #navLink_nonprofits a { width: 90px; background-position: -358px 0; } #navOneB #navLink_nonprofits a:hover, #navOneB #navLink_nonprofits a:active, .nonprofits #navOneB #navLink_nonprofits a { background-position: -358px -24px; } #navOneB #navLink_news a { width: 108px; background-position: -448px 0; } #navOneB #navLink_news a:hover, #navOneB #navLink_news a:active, .news #navOneB #navLink_news a { background-position: -448px -24px; } #navOneB #navLink_videos a { width: 104px; background-position: -556px 0; } #navOneB #navLink_videos a:hover, #navOneB #navLink_videos a:active, .videos #navOneB #navLink_videos a { background-position: -556px -24px; } /* Placeholder */ #navOneB #navLink_reserved a { width: 44px; background-position: -660px 0; } #navOneB #navLink_reserved a:hover, #navOneB #navLink_reserved a:active { background-position: -660px -24px; } #navOneB #navLink_yourfundonline a { width: 109px; background-position: -704px 0; } #navOneB #navLink_yourfundonline a:hover, #navOneB #navLink_yourfundonline a:active { background-position: -704px -24px; } #navOneB #navLink_donateonline a { width: 98px; background-position: -813px 0; } #navOneB #navLink_donateonline a:hover, #navOneB #navLink_donateonline a:active, .donors_donate #navOneB #navLink_donateonline a { background-position: -813px -24px; } /* remove "link" cursor from link to current page */ #about_index #navOneB #navLink_about a, #affiliates_index #navOneB #navLink_affiliates a, #contact_index #navOneB #navLink_contact a, #directions_index #navOneB #navLink_directions a, #funds_scholarship_index #navOneB #navLink_students a, #nonprofits_index #navOneB #navLink_nonprofits a, #news_index #navOneB #navLink_news a, #videos_index #navOneB #navLink_videos a, #navOneB #navLink_reserved a, .donors_donate #navOneB #navLink_donate a { cursor: default; } /* =Navigation Styles - "navTwo" ------------------------------------------------------------------ */ #navTwo { position: absolute; bottom: 0; /*width: 520px;*/ /*height: 15px;*/ font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif; color: #021D4D; background-color: #FFF; } .level_1 #navTwo { left: 175px; } .level_2 #navTwo, .level_3 #navTwo { left: 20px; width: 911px; height: 32px; line-height: 32px; background-image: url(/images/bg_navRule.png); background-position: bottom center; background-repeat: no-repeat; } #about_index #navTwo, #establish_index #navTwo { width: 520px; } #navTwo a { text-decoration: none; background-color: transparent; font-weight: bold; line-height: 16px; } .level_1 #navTwo a { font-size: 11px; } .level_2 #navTwo a, .level_3 #navTwo a { font-size: 10px; /* reduced size to fit all on one line */ } /* darken color a:link and a:visited */ #navTwo a:link, #navTwo a:visited { color: #636C7E; } #navTwo a:hover, #navTwo a:active { color: #021D4D; } /* set section buttons to "you are here" selected state /* (but they remain clickable) */ .creating_current a:link#navLink_current, .creating_current a:visited#navLink_current, .creating_issues a:link#navLink_issues, .creating_issues a:visited#navLink_issues, .creating_power a:link#navLink_power, .creating_power a:visited#navLink_power, .creating_making a:link#navLink_making, .creating_making a:visited#navLink_making, .funds_donor a:link#navLink_donor, .funds_donor a:visited#navLink_donor, .funds_business a:link#navLink_business, .funds_business a:visited#navLink_business, .funds_interest a:link#navLink_interest, .funds_interest a:visited#navLink_interest, .funds_community a:link#navLink_community, .funds_community a:visited#navLink_community, .funds_scholarship a:link#navLink_scholarship, .funds_scholarship a:visited#navLink_scholarship, .funds_designated a:link#navLink_designated, .funds_designated a:visited#navLink_designated, .funds_endowment a:link#navLink_endowment, .funds_endowment a:visited#navLink_endowment, .establish_families a:link#navLink_families, .establish_families a:visited#navLink_families, .establish_businesses a:link#navLink_businesses, .establish_businesses a:visited#navLink_businesses, .establish_private a:link#navLink_private, .establish_private a:visited#navLink_private, .establish_fund-information a:link#navLink_fund-information, .establish_fund-information a:visited#navLink_fund-information, .advisors_assets a:link#navLink_assets, .advisors_assets a:visited#navLink_assets, .advisors_funds a:link#navLink_funds, .advisors_funds a:visited#navLink_funds, .advisors_services a:link#navLink_services, .advisors_services a:visited#navLink_services, .advisors_intelligence a:link#navLink_intelligence, .advisors_intelligence a:visited#navLink_intelligence, .advisors_creation a:link#navLink_creation, .advisors_creation a:visited#navLink_creation, .advisors_partners a:link#navLink_partners, .advisors_partners a:visited#navLink_partners, .advisors_invitation a:link#navLink_invitation, .advisors_invitation a:visited#navLink_invitation, .donors_yourfund a:link#navLink_yourfund, .donors_yourfund a:visited#navLink_yourfund, .donors_international a:link#navLink_international, .donors_international a:visited#navLink_international, .donors_advice a:link#navLink_advice, .donors_advice a:visited#navLink_advice, .donors_opportunities a:link#navLink_opportunities, .donors_opportunities a:visited#navLink_opportunities, .donors_services a:link#navLink_services, .donors_services a:visited#navLink_services, .donors_contributions a:link#navLink_contributions, .donors_contributions a:visited#navLink_contributions, .donors_donate a:link#navLink_donate, .donors_donate a:visited#navLink_donate, .donors_invitation a:link#navLink_invitation, .donors_invitation a:visited#navLink_invitation, .about_introduction a:link#navLink_introduction, .about_introduction a:visited#navLink_introduction, .about_facts a:link#navLink_facts, .about_facts a:visited#navLink_facts, .about_grants a:link#navLink_grants, .about_grants a:visited#navLink_grants, .about_partners a:link#navLink_partners, .about_partners a:visited#navLink_partners, .about_stewardship a:link#navLink_financials, .about_stewardship a:visited#navLink_financials, .about_leadership a:link#navLink_leadership, .about_leadership a:visited#navLink_leadership, .about_staff a:link#navLink_staff, .about_staff a:visited#navLink_staff, .about_standards a:link#navLink_standards, .about_standards a:visited#navLink_standards, .affiliates_morris a:link#navLink_morris, .affiliates_morris a:visited#navLink_morris, .affiliates_monmouth a:link#navLink_monmouth, .affiliates_monmouth a:visited#navLink_monmouth, .affiliates_newark a:link#navLink_newark, .affiliates_newark a:visited#navLink_newark, .affiliates_southjersey a:link#navLink_southjersey, .affiliates_southjersey a:visited#navLink_southjersey, .contact_staff a:link#navLink_staff, .contact_staff a:visited#navLink_staff, .contact_mercer a:link#navLink_mercer, .contact_mercer a:visited#navLink_mercer, .contact_morris a:link#navLink_morris, .contact_morris a:visited#navLink_morris, .contact_monmouth a:link#navLink_monmouth, .contact_monmouth a:visited#navLink_monmouth, .contact_newark a:link#navLink_newark, .contact_newark a:visited#navLink_newark, .contact_southjersey a:link#navLink_southjersey, .contact_southjersey a:visited#navLink_southjersey, .directions_nyc a:link#navLink_nyc, .directions_nyc a:visited#navLink_nyc, .directions_north a:link#navLink_north, .directions_north a:visited#navLink_north, .directions_south a:link#navLink_south, .directions_south a:visited#navLink_south, .nonprofits_applications a:link#navLink_applications, .nonprofits_applications a:visited#navLink_applications, .nonprofits_guidelines a:link#navLink_guidelines, .nonprofits_guidelines a:visited#navLink_guidelines, .nonprofits_annuities a:link#navLink_annuities, .nonprofits_annuities a:visited#navLink_annuities, .nonprofits_agencyfunds a:link#navLink_agencyfunds, .nonprofits_agencyfunds a:visited#navLink_agencyfunds, .nonprofits_resources a:link#navLink_resources, .nonprofits_resources a:visited#navLink_resources, .nonprofits_expensepolicy a:link#navLink_expensepolicy, .nonprofits_expensepolicy a:visited#navLink_expensepolicy { color: #021D4D; } /* remove "link" cursor from link to current page */ #creating_current_index a#navLink_current, #creating_issues_index a#navLink_issues, #creating_power_index a#navLink_power, #creating_making_index a#navLink_making, #funds_donor_index a#navLink_donor, #funds_business_index a#navLink_business, #funds_interest_index a#navLink_interest, #funds_community_index a#navLink_community, #funds_scholarship_index a#navLink_scholarship, #funds_designated_index a#navLink_designated, #funds_endowment_index a#navLink_endowment, #establish_families_index a#navLink_families, #establish_businesses_index a#navLink_businesses, #establish_private_index a#navLink_private, #establish_fund-information_index a#navLink_fund-information, #advisors_assets_index a#navLink_assets, #advisors_funds_index a#navLink_funds, #advisors_services_index a#navLink_services, #advisors_intelligence_index a#navLink_intelligence, #advisors_creation_index a#navLink_creation, #advisors_partners_managers a#navLink_managers, #advisors_partners_attorneys a#navLink_attorneys, #advisors_partners_accountants a#navLink_accountants, #advisors_invitation_index a#navLink_invitation, #donors_yourfund a#navLink_yourfund, #donors_international_index a#navLink_international, #donors_advice_index a#navLink_advice, #donors_opportunities_index a#navLink_opportunities, #donors_services a#navLink_services, #donors_contributions_index a#navLink_contributions, #donors_donate a#navLink_donate, #donors_invitation a#navLink_invitation, #about_introduction_index a#navLink_introduction, #about_facts_index a#navLink_facts, #about_grants_index a#navLink_grants, #about_partners_managers a#navLink_partners, #about_stewardship_building a#navLink_financials, #about_leadership_index a#navLink_leadership, #about_staff a#navLink_staff, #about_standards a#navLink_standards, #affiliates_morris_index a#navLink_morris, #affiliates_monmouth_index a#navLink_monmouth, #affiliates_newark_index a#navLink_newark, #affiliates_southjersey_index a#navLink_southjersey, #contact_staff_index a#navLink_staff, #contact_morris_index a#navLink_morris, #contact_monmouth_index a#navLink_monmouth, #contact_newark_index a#navLink_newark, #directions_nyc_index a#navLink_nyc, #directions_north_index a#navLink_north, #directions_south_index a#navLink_south, #nonprofits_applications_index a#navLink_applications, #nonprofits_guidelines_index a#navLink_guidelines, #nonprofits_annuities a#navLink_annuities, #nonprofits_agencyfunds_index a#navLink_agencyfunds, #nonprofits_resources_index a#navLink_resources, #nonprofits_expensepolicy_index a#navLink_expensepolicy { cursor: default; } /* =Navigation Styles - "navThree" (text menu) ------------------------------------------------------------------ */ /* #navThree occurs in level_2 page content boxes - the styles are /* essentially the same as those for #navTwo */ #navThree { margin-left: 25px; margin-bottom: 1.5em; font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif; color: #021D4D; background-color: transparent; } #navThree a { text-decoration: none; background-color: transparent; font-weight: bold; font-size: 11px; line-height: 16px; } #navThree a:link, #navThree a:visited { color: #636C7E; /* darken color */ } #navThree a:hover, #navThree a:active { color: #021D4D; } /* set "you are here" selected state and remove /* "link" cursor from link to current page */ body.communityeye a#navLink_communityeye, body.njap a#navLink_njap, body.duffelbags a#navLink_duffelbags, body.international a#navLink_international, body.wealth-migration a#navLink_wealth-migration, body.njspotlight a#navLink_njspotlight, body.education a#navLink_education, body.health a#navLink_health, body.social a#navLink_social, body.environment a#navLink_environment, body.arts a#navLink_arts, body.morris a#navLink_morris, body.monmouth a#navLink_monmouth, body.newark a#navLink_newark, body.mercer a#navLink_mercer, body.southjersey a#navLink_southjersey, body.other a#navLink_other, body.all a#navLink_all, body.choose a#navLink_choose, body.assets a#navLink_assets, body.services a#navLink_services, body.invitation a#navLink_invitation, body.funds a#navLink_funds, body.scenarios a#navLink_scenarios, body.services a#navLink_services, body.options a#navLink_options, body.consulting a#navLink_consulting, body.managers a#navLink_managers, body.attorneys a#navLink_attorneys, body.accountants a#navLink_accountants, body.building a#navLink_building, body.financials a#navLink_performance, body.committee a#navLink_committee, body.introduction a#navLink_introduction, body.purpose a#navLink_purpose, body.grants a#navLink_grants, body.steering a#navLink_steering, body.board a#navLink_board, body.press a#navLink_press, body.police a#navLink_police, body.eye a#navLink_eye, #donors_contributions_stock a#navLink_stock, #donors_contributions_cash a#navLink_cash, #donors_contributions_grant a#navLink_grant, #donors_contributions_yourfund a#navLink_yourfund, #donors_opportunities_street_otherside a#navLink_otherside, #donors_opportunities_street_family a#navLink_family, #funds_donor_eacf_index a#navLink_introduction, #funds_donor_eacf_convening a#navLink_convening, #funds_donor_eacf_grantmaking a#navLink_grantmaking, #funds_donor_eacf_services a#navLink_services, #funds_donor_eacf_trustees a#navLink_trustees, #funds_donor_eacf_contact a#navLink_contact, #affiliates_newark_jobOpening a#navLink_jobOpening, #establish_interest-action-funds a#navLink_interest-action-funds, #establish_agency-funds a#navLink_agency-funds, #establish_scholarship-funds a#navLink_scholarship-funds, #establish_business-advised-funds a#navLink_business-advised-funds { color: #021D4D; cursor: default; } #funds_donor_eacf_otherefforts a#navLink_convening, #funds_donor_eacf_fundtypes a#navLink_services { color: #021D4D; } /* re-enable cursor link for stories and other 4th-level pages */ body.story a#navLink_education, body.story a#navLink_health, body.story a#navLink_social, body.story a#navLink_environment, body.story a#navLink_arts, body.story a#navLink_morris, body.story a#navLink_monmouth, body.story a#navLink_newark, body.story a#navLink_other, body.story a#navLink_grants { cursor: auto; } /* =Navigation Styles - "navFour" (text menu) ------------------------------------------------------------------ */ /* #navFour is a vertical menu that occurs in the Community Eye section and /* the New Jersey AIDS Partnership section */ #navFour { margin-left: 25px; margin-bottom: 5px; font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif; color: #021D4D; background-color: transparent; } #navFour ul { list-style-type: square; } /*.njap #navFour ul { margin-left: 15px; margin-bottom: 12px; }*/ .eye #navFour ul { margin-left: 188px; /* image width plus 35px */ } .njap #navFour ul { margin-left: 175px; /* image width plus 35px */ } #navFour a { text-decoration: none; background-color: transparent; font-weight: bold; font-size: 11px; line-height: 16px; } #navFour a:link, #navFour a:visited { color: #636C7E; /* darken color */ } #navFour a:hover, #navFour a:active { color: #021D4D; } /* set "you are here" selected state and remove /* "link" cursor from link to current page */ #creating_current_njap_about #navFour a#navLink_about, #creating_current_njap_grantees #navFour a#navLink_grantees, #creating_current_njap_funders #navFour a#navLink_funders, #creating_current_njap_committee #navFour a#navLink_committee, #affiliates_newark_eye_about #navFour a#navLink_about, #affiliates_newark_eye_participants #navFour a#navLink_participants, #affiliates_newark_eye_donate #navFour a#navLink_donate, #affiliates_newark_eye_hannahmontana #navFour a#navLink_hannahmontana { color: #021D4D; cursor: default; } /* =Copyright Section Styles ------------------------------------------------------------------ */ #copyright { position: relative; /* relative to #page */ top: 0; left: 0; height: 38px; color: #5E6133; background-color: transparent; } #copyright p { margin-top: 20px; margin-left: 20px; font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; }