/*
**************************************************************************
* 
* 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 */
}
#homepage #identitydiv a {
	text-indent:-9999px;			/* no separate page title graphic, here it is included in identity photo */
	display:block;
	height:272px;
	width:750px;
}


/* ---- 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;
 height:112px;
 /* background:#F0F0E2 url('/images/banner-wetzel.jpg'); */
 margin-bottom:12px;
}

#news-container-outer a:hover{
 position:relative;
 width:738px;
 height:112px;
 /* background:#F0F0E2 url('/images/banner-wetzel-on.jpg'); */
 margin-bottom:12px;
}


#btn-reserve a {position:absolute;
			display:block;
			width: 238px;
			height: 31px;
			left: 486px;
			top: 10px;
			background:transparent url('/images/btn-reserve-off.png') no-repeat center center;}
			
#btn-reserve a:hover {position:absolute;
			display:block;
			width: 238px;
			height: 31px;
			left: 486px;
			top: 10px;
			background:transparent url('/images/btn-reserve-on.png') no-repeat center center;}

#news-container-outer a {
 text-decoration:none;
}
#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:390px;
	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-donationklm #identitydiv {
	background:url(../images/identity_help_donationklm.jpg) no-repeat;
	height: 400px;
}
#help-donation2klm #identitydiv {
	background:url(../images/identity_help_donationklm.jpg) no-repeat;
	height: 350px;
}
#help-donationklm #contentdiv {
	
}
#help-reservation #identitydiv, #help-reservation2 #identitydiv, #help-reservation3 #identitydiv {
	background:url(../images/identity_help_reservation.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;
}
#help-lambertbridge #identitydiv {
	background:url(../images/identity_help_lambertbridge.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;
}

.button {
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
                -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.3);
                -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.3);

                color:rgba(0,0,0,0.9);
                text-shadow:1px 1px 0px rgba(255,255,255,0.8);
                border:1px solid rgba(151,142,120,.5);
                
                background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(238,234,223,1)));
                background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(238,234,223,1));

                padding:2px 4px;
                margin:0 5px;
                text-decoration:none;
}

.button:hover {
                background:rgba(246,243,238,1);
}

.button:active, .button:focus {
                background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(255,255,255,1)),to(rgba(238,234,223,1)));
                background:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(238,234,223,1));
}

.button:disabled {
                color:rgba(0,0,0,0.4);
                text-shadow:1px 1px 0px rgba(255,255,255,0.5);
                background:rgba(220,220,220,1);
}



/* ------------------------------------------------------------------- */
/* 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-calendar #identitydiv {
	background:url(../images/identity_help_2012calendar.jpg) no-repeat;
}

#help-calendar #paneldiv {
	display:none;
}
#help-calendar #contentdiv {
	float: left;
	position: relative;
	width: 700px;
}
/* ------------------------------------------------------------------- */
/* Recruitment
/* ------------------------------------------------------------------- */

#recruitment #identitydiv {
	background:url(../images/identity_help_recruitment.jpg) no-repeat;
}

#recruitment #paneldiv {
	display:none;
}
#recruitment #contentdiv {
	float: left;
	position: relative;
	width: 720px;
}
#help_button {
	position: absolute;
	height: 52px;
	width: 283px;
	top: -21px;
	right: -1px;
}
#help_button2 {
	position: absolute;
	height: 52px;
	width: 283px;
	right: -1px;
	margin-bottom: 50px;
}

#physician_recruitment {
	float: right;
	height: 193px;
	width: 424px;
	margin-left: 10px;
}
div.onebtn {
margin:0;
padding:0;
}

div.onebtn a, div.onebtn a:link, div.onebtn a:visited {
background-image:url("../images/button_help.jpg");
height: 52px;
width: 283px;
display:block;
text-indent:-900em;
}

div.onebtn img {
width:100%;
height:100%;
border:0;
}

div.onebtn a:hover {
background-image:url("../images/button_help_over.jpg");
}