/* CSS Document */

 body {
	background-image: url(bg-bg.jpg);
	margin-top:0;
	margin-left:0;
	font-size:80%
}


.ppd_container {
	width:999px;
	margin: 0 auto;
	position:relative
}

.ppd_outer {position:relative; overflow: hidden}



.container {
	padding:0;
	margin:0;
	width: 999px;
	margin: 0px auto;
	position:relative;
	}

.clear {clear:both; margin:0; padding:0}


 .pagetop {
	position: relative;
	padding:0;
	margin:0;
	background-image: url(images/top-page.jpg);
	background-repeat: no-repeat;
	height: 175px;
	width: 963px;
}

 .pagefoot {
	position: relative;
	padding:0;
	margin:0;
	background-repeat: no-repeat;
	height: 175px;
	width: 963px;
}



 .pagebody {
	padding:0;
	margin:0;
	background-image: url(images/bottom-page.jpg);
	background-repeat: repeat-y;
	width: 963px;
	height: 511px;
	z-index: 1;
	position:relative;
	}
 .pagefooter {
	padding:0; margin:0;
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	height: 90px;
	width: 853px;
}

.textbody {
	margin-bottom: 11px;
	margin-left: auto;
	overflow: auto;
	z-index: 0;
	width: 689px;
	height: 299px;
	color: #662C91;
	margin-right: auto;
	font: bold normal 1.2em/1.3em Georgia, "Times New Roman", Times, serif;
}


span {
	font-size:1.2em;
	color:#B7D09F
}

#buttons {
	width: 963px;
	height: 155px;
	margin: 0;
	padding: 0;
	position: relative;
	left:0px;
	top:20px;
	background:	url(images/top-buttons.gif) no-repeat;
}



#buttons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; text-indent: -100em; overflow: hidden;}

#buttons a {display: block;}


#ourStory-on, #ourStory {
	left:137px;
	top:-5px;
	width:214px;
	height:89px;
}

#bio-on, #bio {
	left:125px;
	top:4px;
	width:138px;
	height:44px
}

#testimonials-on, #testimonials {
	left:287px;
	top:5px;
	width:180px;
	height:44px;
}

#donate-on, #donate {
	left:396px;
	top:89px;
	width:161px;
	height:65px;
}

#contact-on, #contact {
	left:612px;
	top:9px;
	width:216px;
	height:65px;
}

#symbol-on, #symbol {
	left:511px;
	top:475px;
	width:188px;
	height:177px;
	position: absolute;
}

#products-on, #products {
	left:569px;
	top:95px;
	width:159px;
	height:64px;
}


#ourStory a, #donate a, #contact a, #symbol a {height: 80px;}

#symbol a {height: 180px;}

#ourStory-on, #ourStory a:hover {
	background: url(images/top-buttons.gif) no-repeat -137px -150px;
}
#donate-on, #donate a:hover {
	background: url(images/top-buttons.gif) no-repeat -396px -245px;
}

#contact-on, #contact a:hover {background: url(images/top-buttons.gif) -612px -163px no-repeat;}







h1 {
	left:0px;
	top:0px;
	width:266px;
	height:30px;
	position: absolute;
	margin: 0px 0px 0px -5px;
	padding: 0;
}

h1 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; text-indent: -100em; overflow: hidden;}

#title-ourStory {left:0px;	top:13px;	width:266px;	height:46px; background: url(images/titles.gif) -10px -17px no-repeat}

#title-bio {
	left:0px;
	top:11px;
	width:160px;
	height:46px;
	background: url(images/titles.gif) no-repeat -11px -63px;
}

#title-testimonials {
	left:0px;
	top:11px;
	width:195px;
	height:46px;
	background: url(images/titles.gif) no-repeat -11px -116px;
}

#title-products {
	left:0px;
	top:11px;
	width:95px;
	height:46px;
	background: url(images/titles.gif) no-repeat -11px -173px;
}

#title-donate {
	left:0px;
	top:11px;
	width:90px;
	height:46px;
	background: url(images/titles.gif) no-repeat -11px -230px;
}

#title-symbol {
	left:0px;
	top:11px;
	width:70px;
	height:46px;
	background: url(images/titles.gif) no-repeat -11px -290px;
}

#title-contact {
	left:0px;
	top:11px;
	width:125px;
	height:46px;
	background: url(images/titles.gif) no-repeat -11px -345px;
}

#title-ornament-L {
	left:0;
	top:13px;
	width:60px;
	height:48px;
	background: url(images/ornaments.gif) no-repeat 0px -20px
}

#title-ornament-R {
	left:0;
	top:13px;
	width:60px;
	height:48px;
	background: url(images/ornaments.gif) no-repeat -50px -20px;
}


a, a:link, a:visited, a:active, a:hover {
	color: #9900CC;
	text-decoration: none;
}

a:hover {text-decoration:underline}.textbody .bio {
	width: 75%;
	margin: 0px auto;
	padding: 11px;
	border: 1px solid #1D3902;
	background: #B7D09F;
}
.textbody li {
	list-style: url(images/bullet.gif) outside;
}

.textbody li ul li, .textbody li ul li ul li, .textbody .noImage li {
	list-style: url(images/bullet2.gif) outside;
}


.textbody .emph {
	color: #822021; font-size:1em !important
}
.textbody p {
	margin-right: 20px;
}

.title div {float:left}
.title {
	margin-left: -5px;
	margin-top: 20px;
}
.title .info {
	margin: 10px;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #1D3902;
}
.bio a {
	color: #086B2B;
}

#symbol {
	position:absolute;
	left:435px;
	top:476px;
	width:187px;
	height:175px;
	z-index:1;
}