/* CSS Document */

/* Set base values on the body for a variety of properties. */
body {
	margin: 0; /* Gets rid of default margin on body that most browsers add. */
	padding: 0; /* Gets rid of default padding on body that Opera adds. */
	background: #FFFFFF; /* Sets blue and white background image and positions its 20 percent spot 20 percent across the page. Also sets backup color in case image is not available. */
	color: #000000; /* Sets default color of text. */
	font-family: Arial, Helvetica, sans-serif; /* Sets default font family options. */
	font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an WinIE problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property. */
	}

/* Banner for the Home page.*/
#header {
	background: url(images/banner1.jpg);
	width:1505px;
	height:352px;
	}
	
/* Banner for the About page.*/
#header2 {
	background: url(images/banner2.jpg);
	width:1505px;
	height:352px;
	}
	
/* Banner for the About page.*/
#header3 {
	background: url(images/banner3.jpg);
	width:1505px;
	height:352px;
	}
	
/* Banner for the Contact page.*/
#header4 {
	background: url(images/banner4.jpg);
	width:1505px;
	height:352px;
	}
	
/* Banner for the Donation page.*/
#header5 {
	background: url(images/banner5.jpg);
	width:1505px;
	height:352px;
	}
	
/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, #header. Also removes it from the flow, so it will not make the header expand. */
	top: 0; /* Places the div at the top of #header. */
	left: 0; /* Places the div at the left side of #header. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}


/* Applied directly to ul element to create the main nav bar. */
#contentwrapper {
	background: url(images/bg.gif) #FFFFFF; /* Sets background image and tiles it horizontally. Also sets a backup background color. */
	background-repeat:repeat-y;
	}

#mainnav {
	padding: 0 10px 200px 40px;
	}
	
h1 {
	margin: 0 0 0 0;
	height: 65px;
	background-image:url(images/letterhead.gif);
	}

h2 {
	height: 42px;
	background-image:url(images/signature.gif);
	}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif; /* Sets font family options */
	font-size: 1.5em;
	text-align: center;
	}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif; /* Sets font family options */
	font-size: 1.25em;
	font-style: italic;
	text-align: center;
	}
	
h5 {
	font-family: Arial, Helvetica, sans-serif; /* Sets font family options */
	font-size: 1.25em;
	}
	
p	{
	font-family: Arial, Helvetica, sans-serif; /* Sets font family options */
	font-size: 0.7em;
	}
	
#footer {
	position: absolute;
	background: url(images/footer.gif) #FFFFFF; /* Sets background image and tiles it horizontally. Also sets a backup background color. */
	width:1505px;
	height:80px;
	}

#footer ul {
	margin: 5px 0 0 0; /* Sets space between thin top border on list and thick top border on footer as a whole. */
	padding: 0 0 1em 250px; /* Sets spacing between top and bottom edges of footer and the list; padding is used instead of margin because padding cannot escape out of divs like margins can. Also moves the list over from the left to make room for the trees image; padding is used instead of margin so that the content within the list will move over, not the list itself, so that the border will show in the gap between the trees. */
	}

#footer li {
	display: inline; /* Makes list items display horizontally */
	}

#footer a {
	color: #000000;
	margin: 0 0.2em; /* Sets spacing between links and pipe separators */
	font-size: 0.7em; /* Sets font size smaller for the links so the pipes are larger in comparison, making the separators more apparent. */
	}