/* ==========================================
 CSS RESET
 http://meyerweb.com/eric/tools/css/reset/
 v1.0 | 20080212 
========================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ==========================================
Sticky Footer Solution
http://www.cssstickyfooter.com
========================================== */
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap, #wrapintro, #wrapphoto {height: 100%;}

body > #wrap, body > #wrapintro, #wrapphoto {height: auto; min-height: 100%;}

#main {padding-bottom: 40px;}  /* must be same height as the footer */

#mainintro {padding-bottom: 79px;}  /* must be same height as the footer */

body#intro #footer {position: relative;
	margin-top: -79px; /* negative value of footer height */
	height: 79px;
	clear:both;} 

#footer {position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;} 
	
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* ==========================================
BASIC STYLES
========================================== */
body {
	background:url(images/bg.gif) #daf0f0 top center fixed repeat-x;
	font-family:"Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Baskerville, Times, serif;
	text-align:center;	/* to center layout in IE */
}
#wideBG {
	position:fixed; 
	width:1024px; 
	height:100%; 
	top:0; 
	left:50%; 
	margin-left:-512px; 
	z-index:-100; 
	text-indent:-9999px; 
	background:url(images/bg-1024.png) top left repeat;
}

#wrap {
	width:990px;
	margin:0 auto; 
	background:url(images/bg-greyColumn-new.png) top left repeat-y;
	text-align:left;
}
#main, #mainintro { 
	width:990px; 
	background:none;
	position:relative;
	min-height:572px;
}
#mainintro {
	 width:960px;
}
#sidebar {
	width:235px; 
	float:left;
	margin-left:5px;
	position:fixed;
	color:#fff;
}




/* ==========================================
HEADER STYLES
========================================== */
#header {
	width:730px;
	background:#fff;
	top:0;
	position:fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height: 9px;
	text-transform:uppercase;
	font-weight:bold;
	z-index:5;
}
	/*	these are the four sets of possible 
		#header heights based on #content class of:
			.one-zero
			.one-one
			.one-two
			.two-one
			.two-two
		the first number is the number of rows of header
		the second number is the number of rows of the sub navigation
	*/
	.one-zero {
		padding-top:86px;
	}
	.one-zero #header {
		height:86px;
	}
	.one-zero #header ul {
		top:74px;
	}
	.one-zero .anchor {
		bottom:86px;
	}
	
	
	
	.one-one {
		padding-top:92px;
	}
	.one-one #header {
		height:92px;
	}
	.one-one #header ul {
		top:74px;
	}
	.one-one .anchor {
		bottom:112px;
	}
	
	
	
	.one-two {
		padding-top:110px;
	}
	.one-two #header {
		height:110px;
	}
	.one-two #header ul {
		top:74px;
	}
	.one-two .anchor {
		bottom:130px;
	}
	
	
	
	.one-three {
		padding-top:128px;
	}
	.one-three #header {
		height:128px;
	}
	.one-three #header ul {
		top:74px;
	}
	.one-three .anchor {
		bottom:148px;
	}
	
	
	
	.two-one {
		padding-top:142px;
	}
	.two-one #header {
		height:142px;
	}
	.two-one #header ul {
		top:124px;
	}
	.two-one .anchor {
		bottom:162px;
	}
	
	
	
	.two-two {
		padding-top:160px;
	}
	.two-two #header {
		height:160px;
	}
	.two-two #header ul {
		top:124px;
	}
	.two-two .anchor {
		bottom:180px;
	}


	
	.anchor {
		display: block;
		float:left;
		position:absolute;
	}
	.one-one .twoLineAnchor {
		bottom:132px;
	}
	
	
#header h2 {
	position:absolute;
	left:17px;
	top:25px;
	width:703px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	height:45px;
}
	/* 	this sets heights of all DOUBLE line headers
		each of them need listed here   */
	#header h2.economic {
		height:95px;
	}
	/* 	this adds background image for each header thru text replace
		need to list each here  */
	#header h2.arts { background-image:url(images/header-arts.gif);	}
	#header h2.economic { background-image:url(images/header-economic.gif); }
	#header h2.education { background-image:url(images/header-education.gif); }
	#header h2.environment { background-image:url(images/header-environment.gif); }
	#header h2.human { background-image:url(images/header-human.gif); }
	#header h2.special { background-image:url(images/header-special.gif); }
	#header h2.summary { background-image:url(images/header-summary.gif); }
	#header h2.presletter { background-image:url(images/header-presletter.gif);	}
	#header h2.execletter { background-image:url(images/header-execletter.gif);	}
	#header h2.george { background-image:url(images/header-george.gif); }
	#header h2.financial { background-image:url(images/header-financial.gif); }
	#header h2.guidelines { background-image:url(images/header-guidelines.gif); }
	#header h2.procedures { background-image:url(images/header-procedures.gif); }
	#header h2.trustees { background-image:url(images/header-trustees.gif);	}
	#header h2.downloads { background-image:url(images/header-downloads.gif); }



#header ul {
	position:absolute;
	left:17px;
	width:703px;
}

#header ul li {
	float:left;
	background:url(images/header-bullet.png) 0 2px no-repeat;
	padding:0 0 0 24px;
	margin-bottom:7px;
}
	#header ul li.nobullet {
		background:none;
		padding:0;
	}
#header ul li a:link, #header ul li a:visited {
	color:#56645e;
	text-decoration:none;
}
#header ul li a:hover, #header ul li a:active  {
	background:url(images/dottedUnderline-dark.gif) left 95% repeat-x; 
	padding-bottom: 1px; 
}


/* ==========================================
CONTENT STYLES
========================================== */
#content {
	width:730px;
	float:right;
	margin-right:10px;
	display:inline;
	position:relative;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	/* padding-top is established below in one-one (etc.) classes */
}
#content p a:link, #content p a:visited {
	color:#689a93;
	text-decoration:none;
}




#content p a:hover, #content p a:active {
	background:url(images/dottedUnderline-dark.gif) left 95% repeat-x; 
	padding-bottom: 1px; 
}

#content p.fakelink	{
	color:#689a93;
	}
	
#content p.firstpara {
	text-indent:0;
}
#content p.linklist  {
	text-indent:0;
	margin-top:7px;
	line-height:16px;
}
#content .intro {
	background-image:url(images/bg-introline.png);
	background-position:20px bottom;
	background-repeat:no-repeat;
	margin-bottom:20px;
}
#content .intro p {
	font-size:16px;
	line-height:30px;
	color:#5d5d5d;
	padding:20px 35px 20px 20px;
}
#content .intro p .smallcaps, #content h3 {
	font-variant:small-caps;
	color:#689a93;
	font-weight:bold;
	font-size:17px;
}
#content h3 {
	position:relative;
	padding:15px 0 3px 0;
	font-size:17px;
	text-indent:0;
}
#content h3.first {
	padding-top:0;
}
#content .grants {
	padding:0 35px 20px 20px;
}

#content .grants h4 a, h4 {
	color:#34534e;
	font-size:13px;
	line-height:15px;
}

#content .grants p {
	color:#5d5d5d;
	font-size:13px;
	line-height:15px;
}
#content .grants p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#content .grants h4 a:link, #content .grants h4 a:visited {
	text-decoration:none;
	color:#34534e;
}
#content .grants h4 a:hover, #content .grants h4 a:active {	
	background:url(images/dottedUnderline-dark.gif) left 95% repeat-x; 
	padding-bottom: 1px; 
}
#content .grants p.dollar {
	margin-bottom:16px;
}

#content sup.grants	{
vertical-align: text-top;
padding: 0;
margin: 0;
}
div.addline	{
	background:url(images/bg-introline.png) 20px bottom no-repeat;
}


/* ==========================================
2 COLUMN CONTENT STYLES
========================================== */

#content div.col2	{
	font-size: 13px;
	padding-bottom: 25px;
}

#content div.col2 div.colleft	{
	float: left;
	width: 45%;
	padding-left: 20px;
	font-size:13px;
	line-height:20px;
	color:#5d5d5d;
	text-indent: 10px;
}

#content  div.col2 div.colright	{
	float: right;
	width: 45%;
	padding-right: 20px;
	font-size:13px;
	line-height:20px;
	color:#5d5d5d;
	text-indent: 10px;
}

#content div.col2 div.colleft .newwidth	{
	width: 99% !important;
	}


/* ==========================================
1 COLUMN CONTENT STYLES
========================================== */

#content div.col1	{
	font-size: 12px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size:13px;
	line-height:20px;
	color:#5d5d5d;
	width: 690px;
}




#content div.col1 p.date {	
	font-weight: bold;
	font-size: 12px;
	text-indent: 0;
}

#content div.col1 p {	
	text-indent: 10px;
}



#content div.col1 .notehead {
	text-transform: uppercase;
	font-size: 11px;
	color: #5a554f;
	margin-right: 6px;
	font-weight: normal;
}


#content div.col1 p.firstpara	{
text-indent: 0 !important;
}


#content div.col1 p.lastpara	{
margin-bottom: 10px !important;
}


#content div.col1 p.spaceabove	{
margin-top: 10px;
}


#content div.col1 ul {
	font-size: 13px;
	text-indent: 0;
	color: #5a554f;
	line-height: 1.5em;
	margin-left: 0px;
	padding: 0 0 0 15px;
}

#content div.col1 li	{
	margin-bottom: 10px;
	margin-left: 0px;
}

#content div.col1 ul li p.indent	{
text-indent: 10px;
}



#content div.col1 h4, #content div.chart h4 {
	color:#34534e;
	font-size:13px;
	line-height:15px;
	padding-top: 20px;
	text-transform: uppercase;
}



/* ==========================================
STAFF/TRUSTEE PAGE THUMBNAILS
========================================== */

div.tnailtrusteewrap {
	width:100%;
	margin-bottom:15px;
}
div.tnailtrusteewrap img {
	float: left;
	margin: 0 0 0 20px;
	border:0;
	text-indent:0;
	height:122px;
	width:122px;
}
div.tnailtrusteewrap div.trusteenumbers	{
	width: 120px; 
	height: auto;
	float: left;
	margin: 5px 2px 0 20px;
	font-size: 10px;
	text-align: right;
	color: #6f9c96;
}
span.trusteenumbers	{
	color: #6f9c96;
	font-size: 11px;
	display:block;
	float:left;
	height:14px;
	width:20px;
}
p.board {
	text-indent:0;
}

p.board em {
color: #5eaea3;
font-style: normal;
}


/* ==========================================
FOOTER STYLES
========================================== */
#footer {
	background:url(images/bg-footer.png) top center no-repeat;
	background-color:#5e6d67; 
	width:100%;
	position:fixed; bottom:0; z-index:100; height:40px;
}
/*footerTall used on index, home, photographs */
#footerTall {
}
#footer div.footerlinks {
	width: 990px;
	margin:0 auto; 
	padding-top: 12px;
	}

#footer div.footerlinks div.left {
	float: left;
	text-align: left;
	width: 400px;
	padding-left: 10px;
	}
	
#footer div.footerlinks div.right {
	float: right;
	text-align: right;
	width: 400px;
	padding-right: 10px;
	}
	
#footer div.footerlinks a.continue {
	text-align: right;
	font-family: Verdana, Arial, Geneva, sans serif;
	font-size: 11px;
	color: #FFFFFF;
	}
	
#footer div.footerlinks a.continue:link { color: #daf0f0;  text-decoration: none; }
#footer div.footerlinks a.continue:visited { color: #daf0f0; text-decoration: none; }
#footer div.footerlinks a.continue:hover { color: #daf0f0; background:url(images/dottedUnderline.gif) left 95% repeat-x; padding-bottom: 3px; }
#footer div.footerlinks a.continue:active { color: #daf0f0;  text-decoration: none; }



#footer div.footerlinks a.continue span.nextpagewhite	{
	color: #fff;
	font-family:"Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Baskerville, Times, serif;
	font-size: 12px;

}


/* ==========================================
MAIN NAV
========================================== */

#nav	{
}

#nav h1 {
	background: url(images/nav-title.gif);
	background-position:top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 28px 0 10px 0;
	display: block;
	width: 221px;
	height: 37px;
}
#nav h1 a {
	text-indent: -9999px;
	display: block;
	width: 221px;
	height: 37px;
}



#nav ul li	{
font-size: 14px;
line-height: 24px;
}

#nav ul li ul li	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform: uppercase;
	line-height: 16px;
	text-indent: 10px;

}


#nav ul li a	{
color: #fff;
}


#nav ul li a:link { color: #fff;  text-decoration: none; }
#nav ul li a:visited { color: #fff; text-decoration: none; }
#nav ul li a:hover { color: #fff; background:url(images/nav-dottedUnderline.gif) left 95% repeat-x; padding-bottom: 1px; }
#nav ul li a:active { color: #fff;  text-decoration: none; }

#nav ul li a.youarehere:link, #nav ul li a.youarehere:visited, #nav ul li a.youarehere:hover, #nav ul li a.youarehere:active {
color: #89bfb8;
}


/*note - when more is built so it makes sense, change color of visited to daf0f0 on nav

/* ==========================================
BASIC STYLES INTRO
========================================== */

body#intro {
	background:url(images/bg.gif) #daf0f0 top center fixed repeat-x;
	font-family:"Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Baskerville, Times, serif;
	text-align:center;	/* to center layout in IE */
}

#wrapintro {
	width:960px;
	margin:0 auto; 
	background:url(images/bg-introtitle.png) top left no-repeat;
	text-align:left;
}




/* ==========================================
BASIC STYLES INTRODUCTION
========================================== */


#contentintro {
	width:730px;
	height: 619px;
	float:right;
	margin-right:10px;
	display:inline;
	position:relative;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	/* padding-top is established below in one-one (etc.) classes */
}



/* ==========================================
BASIC STYLES PHOTO
========================================== */


#wrapphoto {
	width:990px;
	margin:0 auto; 
	background:url(images/bg-blackColumn-new.png) top left repeat-y;
	text-align:left;
}

#contentphoto {
	width:730px;
	height: 620px;
	float:right;
	margin-right:10px;
	display:inline;
	position:relative;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	/* padding-top is established below in one-one (etc.) classes */
}

div#photocopy	{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	line-height: 14px;
	margin: 180px 9px 0 0;
	color: #89bfb8;
}

div#photocopy a	{
	color: #daf0f0;
	}
	
div#photocopy a:link { color: #daf0f0;  text-decoration: none; }
div#photocopy a:visited { color: #daf0f0; text-decoration: none; }
div#photocopy a:hover { color: #daf0f0; background:url(images/dottedUnderline.gif) left 95% repeat-x; padding-bottom: 3px; }
div#photocopy a:active { color: #daf0f0;  text-decoration: none; }


/* ==========================================
PRESENTATION FPO STYLES
========================================== */
span.FPOlink {
}
span.FPOhighlight {
}





/* ==========================================
SCALABLE - FULL WIDTH
========================================== */
body#scale #wideBG {
	position:fixed; 
	width:100%; 
	top:0; 
	left:0%; 
	margin:0px; 
	z-index:-100; 
	text-indent:-9999px; 
	background:url(images/bg-1024.png) top left repeat;
	/*border: blue 1px solid;*/
}

body#scale #wrapphoto {
	width: 98%;
	margin:0 1%; 
	height: 100%;
	background: none;
	text-align:left;
	/*border: red 1px solid;*/
}

body#scale #main, body#scale #mainintro { 
	width: 100%; 
	min-height: 100%;
	min-width: 960px;
	height: 100%;
	margin: 0;
	background:none;
	/*position:relative;*/
	padding-bottom: 0px;
	/*border: orange 1px solid;*/
}

body#scale #sidebar {
	width:235px; 
	float:left;
	margin:0% 0 0 5px;
	display:inline;
	position: relative;
	color:#fff;
	/*border: green 1px solid;*/
}

body#scale #contentintro, body#scale #contentphoto {
	width:100%;
	height: 100%;
	float: right;
	margin:0%;
	display:inline;
	position:relative;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	/* padding-top is established below in one-one (etc.) classes */
	/*border: pink 1px solid;*/
}


#holder {
	padding: 0 0 0 248px;
	height: 93%;	/*border: red 1px solid;*/

}

div#printfooter {
display: none;
}

#content div.presidentsignature	{
background:url(images/sig-gund.gif) top left no-repeat;
width: 300px; 
height: 122px;
}

#content div.presidentsignaturewhite {
display: none;
}



#content div.directorsignature	{
margin-top:10px;
background:url(images/sig-abbott.gif) top left no-repeat;
width: 300px; 
height: 69px;
}

#content div.directorsignaturewhite {
display: none;
}




#content div.financialsignature	{
margin: 25px 0 0 0;
background:url(images/sig-LLP.gif) top left no-repeat;
width: 417px; 
height: 50px;
}



#content div.financialsignaturewhite {
display: none;
}