/*
**************************************************************************
* 
* pages.css
* 
* Unique page identities, branding, and graphical text-replacements
* 
**************************************************************************
*/


/* ---- PAGE IDENTITIES and BRANDING ------------------------------------------------------------------ */
/*

NOTES:
An "identity" for a page is built with the following:
	* a photographic background,
	* the page title/main-heading
	* zero or more floating/overlapping photograph "accents" with optional captions
How to build:
	The page title is an H2 element that is usually replaced on each page by a custom image.
	The accents use a specific nested div structure to display properly.
	Each accent is absolutely positioned, and thus the top and left positioning coordinates
	are required per each accent, as well as specifying a width and height.
	A 1px border may be added to certain accents, and a separate dropshadow and caption are optional.
	The drop shadow would ideally be implemented as a transparent PNG.
	You can always export the "identity" photo with the accents already in place, in which
	case you can just ignore the entire #accentdiv.
*/





/* ------------------------------------------------------------------- */
/* HOMEPAGE */
/* ------------------------------------------------------------------- */

/* ---- 1. DOCUMENT ---------------- */
body#homepage {

}
/* homepage does not use paneldiv, so lets have contentdiv stretch to full width */
#homepage #paneldiv {
	width: 0;
	margin: 0;
	padding: 0;
	display: none;
}
#homepage #pageleafdiv {
	display:none;
}
#homepage #contentdiv {
	margin-top: 28px;
	margin-left: 29px;
	width:740px;
}

/* ---- 2. IDENTITY ---------------- */
#homepage #identitydiv {
	height:272px;
	background:url(../images/identity_homepage_mac.jpg) no-repeat;
	border-bottom:1px solid #5C613A;
}
#homepage #identitydiv h2 {
	text-indent:-9999px;			/* no separate page title graphic, here it is included in identity photo */
}

/* ---- 3. ACCENTS ---------------- */
/* remember that each accent is absolutely positioned with respect to the top left of the #pagediv container */
#homepage #accentdiv {

}
#homepage #accentdiv a {
	position:absolute;
	display:block;
	outline:0;
	width:153px;
	height:44px;
	top:48px;
	left:614px;
	text-indent:-9999px;
	background:transparent url('/images/button_donate_now_red.gif') no-repeat center center;
}
#homepage #accentdiv a:hover {
	background-image:url('/images/button_donate_now_red.gif');
}

/* ---- 4. EXTRAS ---------------- */
#news-container-outer {
 position:relative;
 width:738px;
 background:#F0F0E2 url('/images/news_bg_slice.gif') repeat-y center;
 margin-bottom:12px;
}
#news-container-inner {
 background:transparent url('/images/news_bg_deco.gif') no-repeat 1px 1px; 
 padding-bottom:1px;
}
#news-top-cap {
 position:absolute;
 top:0;
 left:0;
 width:738px;
 height:9px;
 background:transparent url('/images/news_top_cap.gif') no-repeat top center; 
}
#news-bottom-cap {
 position:absolute;
 bottom:0;
 left:0;
 width:738px;
 height:9px;
 overflow:inherit;
 background:transparent url('/images/news_bottom_cap.gif') no-repeat 0 100%; 
}
#news {
 width:370px;
 min-height:70px;
 padding-top:15px;
 margin-left:340px;
 padding-bottom:10px;
}
* html #news {
 height:70px;			/* some IE6 min-height <3 !!! */
}
#news h3 {
 position:absolute;
 width:176px;
 height:62px;
 left:66px;
 top:12px;
 background:transparent url('/images/news_title.gif') no-repeat center;
 text-indent:-9999px;
}
#news p {
 margin:7px 0;
}
#news p.newslink {
 text-align:right;
 font-weight:bold;
 margin-top:2px;
 margin-bottom:2px;
}



/* ------------------------------------------------------------------- */
/* =SUBPAGE */
/* ------------------------------------------------------------------- */


/* ---- 1. DOCUMENT ---------------- */
body#subpage {

}
#subpage #contentdiv {
	
}

/* ---- 2. IDENTITY ---------------- */
#subpage #identitydiv {
	height:277px;
	background:url(../images/identity_bg_vineswines.jpg) no-repeat;					/* 780x147px */
}
#subpage #identitydiv h2 {
	top:150px;
	text-indent:-9999px;
	background:url(../images/identity_h2_vineswines.gif) no-repeat;
	width:281px;
	height:110px;
}
#identitydiv h2 {
	text-indent:-9999px;
}
#subpage #pageleafdiv {
	top:150px;						/* adjust so that top of leaf is just below bottom of identity bg photo */
}
#pageleafdiv {
	top:150px;						/* adjust so that top of leaf is just below bottom of identity bg photo */
}
/* ---- 3. ACCENTS ---------------- */
/* remember that each accent is absolutely positioned with respect to the top left of the #pagediv container */
#subpage #accentdiv {

}
#subpage #accent1 {
	position:absolute;
	top:110px;				/* this distance is from our CONTAINER, the #accentdiv itself */
	left:400px;
}
#subpage #accent1 div.photo {
	background:url(../images/accent_photo_ballerinos.jpg) center center no-repeat; 
	width:216px;
	height:144px;
	border:1px solid #5c613a;
}
#subpage #accent2 {
	position:absolute;
	top:50px;
	left:560px;
}
#subpage #accent2 div.photo {
	background:url(../images/accent_photo_charlieandlucy.jpg) center center no-repeat; 
	width:200px;
	height:164px;
	border:1px solid #5c613a;
}

/* ---- 4. PANELS ---------------- */
#subpage #paneldiv {
	/* set a margin-top here if you need to adjust all of the panels down from their default position */
}
#subpage #myfirstpanel {

}
#subpage #myfirstpanel h3 {
	text-indent:-9999px;
	width:158px;
	height:62px;
	background-image: url(../images/panelh3_purchasetickets.gif);
}

/* ---- SITEWIDE GENERIC ---------------- */
#identitydiv {
	height:277px;
}
/*#paneldiv {
	margin-top:25px;
}*/

/* ------------------------------------------------------------------- */
/* WHO WE ARE SECTION */
/* ------------------------------------------------------------------- */
/* WHO WE ARE - About Us */
#weare-index #identitydiv {
	background:url(../images/identity_weare_index.jpg) no-repeat;
}
/* WHO WE ARE - Donor Bill of Rights */
#weare-billofrights #identitydiv {
	background:url(../images/identity_weare_rights.jpg) no-repeat;
}
/* WHO WE ARE - Policy */
#weare-policy #identitydiv {
	background:url(../images/identity_weare_policy.jpg) no-repeat;
}

/* WHO WE ARE - Board of Directors */
#weare-board #identitydiv, #board-downloads #identitydiv, #weare-boardmeetings #identitydiv {
	background:url(../images/identity_weare_board.jpg) no-repeat;
}
/* WHO WE ARE - Board Downloads */
#board-downloads #identitydiv {
	background:url(../images/identity_board_downloads.jpg) no-repeat;
}
/* WHO WE ARE - Board of Directors */
#weare-board #contentdiv table td  {
	padding-bottom:5px;
}
#weare-board .boardmember {
	position:absolute;
	top:370px;
	left:0px;	
	width:500px;
	height:115px;
	z-index:1;	
	visibility: hidden;
}

/* WHO WE ARE - Staff */
#weare-staff #identitydiv {
	background:url(../images/identity_weare_staff.jpg) no-repeat;
}
/* WHO WE ARE - History */
#weare-history #identitydiv {
	background:url(../images/identity_weare_history.jpg) no-repeat;
}
/* WHO WE ARE - Charters */
#weare-charter #identitydiv {
	background:url(../images/identity_weare_charter.jpg) no-repeat;
}

/* WHO WE ARE - Articles of Incorporation */
#weare-incorp #identitydiv {
	background:url(../images/identity_weare_incorp.jpg) no-repeat;
}

/* WHO WE ARE - Bylaws */
#weare-bylaws #identitydiv {
	background:url(../images/identity_weare_bylaws.jpg) no-repeat;
}

/* WHO WE ARE - Ethics */
#weare-ethics #identitydiv {
	background:url(../images/identity_weare_ethics.jpg) no-repeat;
}

/* WHO WE ARE - Policy */
#weare-policy #identitydiv {
	background:url(../images/identity_weare_policy.jpg) no-repeat;
}
/* WHO WE ARE - Board Meetings */
.boardmtgtable tr td {
	padding:4px;
	font: normal 11px/1.2 Arial, Verdana, Trebuchet, "Trebuchet MS", Helvetica, sans-serif;
}
/* ------------------------------------------------------------------- */
/* WHAT WE DO SECTION */
/* ------------------------------------------------------------------- */
/* WHAT WE DO - Mission Statement */
#wedo-index #identitydiv {
	background:url(../images/identity_wedo_mission.jpg) no-repeat;
}
/* WHAT WE DO - What We Have Funded */
#wedo-funded #identitydiv {
	background:url(../images/identity_wedo_funded.jpg) no-repeat;
}
/* WHAT WE DO - Revitalization Plan */
#wedo-revit #identitydiv, #wedo-history #identitydiv {
	background:url(../images/identity_wedo_revit.jpg) no-repeat;
}
/* WHAT WE DO - Community Needs Assessment */
#wedo-needs #identitydiv {
	background:url(../images/identity_wedo_needs.jpg) no-repeat;
}
/* WHAT WE DO - Strategic Planning */
#wedo-planning #identitydiv {
	background:url(../images/identity_wedo_planning.jpg) no-repeat;
}
/* WHAT WE DO - Grants */
#wedo-grants #identitydiv {
	background:url(../images/identity_wedo_grants.jpg) no-repeat;
}
/* ------------------------------------------------------------------- */
/* HOW TO HELP SECTION
/* ------------------------------------------------------------------- */
/* HOW TO HELP - All pages */
#help-index #identitydiv {
	background:url(../images/identity_help.jpg) no-repeat;
}
#help-annual #identitydiv {
	background:url(../images/identity_help_.jpg) no-repeat;
}
#help-campaign #identitydiv {
	background:url(../images/identity_help.jpg) no-repeat;
}
#help-capital #identitydiv {
	background:url(../images/identity_help.jpg) no-repeat;
}
#help-challenge #identitydiv  {
	background:url(../images/identity_help_challenge.jpg) no-repeat;
}
#help-donation #identitydiv, #help-donation2 #identitydiv, #help-donation3 #identitydiv {
	background:url(../images/identity_help_donation.jpg) no-repeat;
}
#help-endowment #identitydiv  {
	background:url(../images/identity_help.jpg) no-repeat;
}
#help-garden #identitydiv {
	background:url(../images/identity_help_garden.jpg) no-repeat;
}
#help-giving #identitydiv {
	background:url(../images/identity_help_giving.jpg) no-repeat;
}
#help-rollover #identitydiv {
	background:url(../images/identity_help_rollover.jpg) no-repeat;
}
#help-leadership #identitydiv {
	background:url(../images/identity_help_leadership.jpg) no-repeat;
}
#help-thanks #identitydiv {
	background:url(../images/identity_help.jpg) no-repeat;
}
#help-volunteer #identitydiv {
	background:url(../images/identity_help_volunteer.jpg) no-repeat;
}
/* ------------------------------------------------------------------- */
/* EVENTS SECTION */
/* ------------------------------------------------------------------- */
#events-index #identitydiv {
	background:url(../images/identity_events.jpg) no-repeat;
}

#events-girlfriends #identitydiv {
	background:url(../images/identity_events.jpg) no-repeat;
}

/* ------------------------------------------------------------------- */
/* OUR SUPPORTERS SECTION */
/* ------------------------------------------------------------------- */
/* OUR SUPPORTERS - Index */
#supporters-index #identitydiv {
	background:url(../images/identity_supporters.jpg) no-repeat;
}

/* ------------------------------------------------------------------- */
/* WHAT'S NEW SECTION */
/* ------------------------------------------------------------------- */
/* WHAT'S NEW  - Newsletters */
#whatsnew-newsletters #identitydiv {
	background:url(../images/identity_whatsnew_nwsltrs.jpg) no-repeat;
}
/* WHAT'S NEW  - Press Room */
#whatsnew-index #identitydiv {
	background:url(../images/identity_whatsnew_pressroom.jpg) no-repeat;
}
/* WHAT'S NEW  - Archives */
#whatsnew-archives #identitydiv {
	background:url(../images/identity_whatsnew_archives.jpg) no-repeat;	
}
/* WHAT'S NEW  - Speakers */
#whatsnew-speakers #identitydiv {
	background:url(../images/identity_whatsnew_speakers.jpg) no-repeat;	
}
#whatsnew-index #paneldiv {
	margin-top:35px;
}
/* WHAT'S NEW  - Extras */
#whatsnew-extras #identitydiv {
	background:url(../images/identity_whatsnew_extras.jpg) no-repeat;	
}
/* ------------------------------------------------------------------- */
/* CONTACT SECTION
/* ------------------------------------------------------------------- */
/* CONTACT - Index */
#contact #identitydiv {
	background:url(../images/identity_contact.jpg) no-repeat;
}
/* CONTACT - Mailing List */
#mailinglist #identitydiv {
	background:url(../images/identity_mailinglist.jpg) no-repeat;
}

/* ------------------------------------------------------------------- */
/* PRIVACY
/* ------------------------------------------------------------------- */
#privacy #identitydiv {
	background:url(../images/identity_privacy.jpg) no-repeat;
}
/* ------------------------------------------------------------------- */
/* SITEMAP
/* ------------------------------------------------------------------- */
#sitemap #identitydiv {
	background:url(../images/identity_sitemap.jpg) no-repeat;
}

/* ------------------------------------------------------------------- */
/* DNE
/* ------------------------------------------------------------------- */
#dne #identitydiv {
	background:url(../images/identity_contact.jpg) no-repeat;
}
/* ------------------------------------------------------------------- */
/* CALENDAR
/* ------------------------------------------------------------------- */

#help-endowment	#identitydiv {
	background:url(../images/identity_help_calendar.jpg) no-repeat;
}

#help-endowment	#paneldiv {
	display:none;
}
#help-endowment	#contentdiv {
	float: left;
	position: relative;
	width: 700px;
}