body {
	/* width: 1024px; */
	background: #fff;
	font: 10pt sans serif, arial, helvetica;
	text-align: center;	
	margin: 0;
	padding: 0;
	position: relative;
}

p { text-indent: 0px; }

a {
	text-decoration: none;
	font-weight: normal;
	color: gray;
	outline: none;
	cursor:pointer;
}

.clear { clear:both; }

a:hover,
.selected, 
#home a.home,
#story a.story,
#bio a.story,
#programs a.programs,
#scholarships a.programs,
#donations a.donations,
#events a.events,
#contact a.contact
{
	color: #fa89d6;
	font-weight: bold;
}
	
	
a.bio {
	text-transform: lowercase;
	font-size: 12pt;
	font-weight: bold;
	text-align: right;
}

#container {
	width: 586px;
	/* max-height: 800px;
	overflow-y: hidden; */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: transparent url(img/container-bg.jpg) no-repeat center bottom;
	border: solid black 0pt;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

#header {
	width: 100%;
	height: 160px;
	background: transparent url(img/bpf_header.jpg) no-repeat center top;
}

#menu {
	width: 100%;
	text-align: right;
	text-transform: lowercase;
	font-size: 8pt;
	font-weight: bold;
	color: gray;
	float: right;
	margin: 0 15 0 0;
	padding: 0 0 0 0;
}

#menu a {
	padding: 0 5 0 5;
	font-weight: bold;
}

#content {
	clear: both;
	width: 100%;
	margin: 0 0 0 0;
	position:relative;
}

#footer {
	clear: both;
	width: 100%;
	height: 150px;
	display: block;
	background: url(img/bpf_footer.gif) no-repeat left bottom; 
	color: #fa89d6;
	font-size: 10px;
	text-align: center;
	position: relative;
	bottom: 0px;
	overflow:hidden;
}

#footer div { position:absolute; left:0px; bottom:15px; width:100%; font:12px arial; }

/* Site wide colors used */
.pink { color:#FA89D6;}
.green { color:#87E994;}
.gray {color:#666666;}

/* Error message formatting; primarily for Contact and Donate Time */
div#errors {
	max-width:275px;
	position:absolute;
	top:10px;
	left:25px;
	z-index:100;
	border:solid red 2px;
	background:white;
	font-size:10pt;
	font-weight:bold;
	color:red;
	text-align:left;
}
div#errors p,
div#error div {
	padding:10px;
	opacity:1.0;
	text-indent:0em;
}
/* ***** HOME ***** */
#home #header { display: none; }
#home #menu { display:none; }
#home #content { margin-top: 15px; padding-top:435px; background:url(img/home_splash.jpg) no-repeat center top; }
#home div#slider {display:none;}

#block-container { width: 586px; padding: 0px; }
#home .block{
	width: 192px;
	height:100px;
	background: #D25E88;
	text-align: left;
	font-size: 12pt;
	font-weight: normal;
	color: white;
	overflow:hidden;
}
#block-about { float: left; 	margin-right: 5px; }
#block-programs { float: left; }
#block-help { float: right; }
.block-header{
	height: 21px;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
	/* color: #fa89d6; */
	color: #d25e88;
	text-align: left;
	text-indent: 5px;
	line-height: 18pt;
}
#block-about .block-header { background: #95C46E; }
#block-programs .block-header { background: white; }
#block-help .block-header { background: #999; }

.block-content{ padding: 10px;}
#home .block a {
	display: block;
	color: white;
	font-weight: normal;
	line-height: 14pt;
}
#home .block a:hover {
	font-style: italic;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------STORY---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
#story #content {
	padding-top: 245px;
	background: url(img/story-content-bg.jpg) no-repeat center top;
}
#story .headline {
	width: 411px;
	height: 40px;
	background: url(img/story-headline.gif) no-repeat center top;
	margin-left: 5px;
	margin-bottom: 0px;
	text-align: left;
}
.story-content{
	background: #fff url(img/story-bg.gif) no-repeat center center;
	width: 566px;
	height: 381px;
	margin: 0 auto;
	border: solid white 1pt;
}
.story-content div {
	width: 519;
	/* height: 333; */
	margin-left: auto;
	margin-right: auto;
	margin-top: 19px;
	padding: 5px;
	overflow-y: auto;
	background: #fff;
	border: solid black 0pt;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	line-height: 14pt;
	color: #666;
}
p .italic {
	font-style: italic;
}
div.story-bio-link {
	clear:both;
	text-align: right;
	float: right;
	margin-top:10px;
	margin-right: 35px;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------BIO------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------- */
#bio #content {
	padding-top: 225px;
	background: url(img/bios-content-bg.jpg) no-repeat center top;
}
#bio ul { margin:0px; padding:0px; background:#c9f6cc; }
#bio li { list-style-type:none; float:left; margin:5px 0px 0px 5px; width:286px; height:130px; overflow:hidden; background:#c9f6cc url(img/bio-placard-bg.jpg) no-repeat left top; }
#bio li img { width:65px; height:99px; float:left; border:solid white 5pt; margin:5px; }
#bio li p { padding-right:1px; text-indent:0px; text-align:left; color:#666; font-size:8pt; } 
#bio li p strong { display:block; color:#fa89d6; font:bold 10pt/12pt arial; text-align: left; }

/* Bio Individual Detail */
div#bio-section { display:none; width:100%; background:url(img/programs-bg.jpg) no-repeat center bottom; }
div#bio-section #loading { display:none; width:100%; height:125px; background:url(img/ajax-loader.gif) no-repeat center center; }
div#bio-section .bio_detail { margin:10px auto; padding:0px 5px; display:none; text-align:left; font-size: 9pt; color:#666; }
div#bio-section div.bio_detail p {padding:15px 25px 0px; }
div#bio-section div.bio_detail img { float: left; margin: 10px 10px 10px 25px; border: solid white 5pt; }
div#bio-section div.bio_detail div { text-align: right; }
div#bio-section a.hider { clear:both; float:right; margin-right:45px; }

/* -----------------------------------------------PROGRAMS------------------------------------------------------------ */
#programs #content { 
	padding-top: 250px;
	background: url(img/programs-content-bg.jpg) no-repeat center top;
}
#program-objective {
	text-align: left;
	background: url(img/programs-bg.jpg) no-repeat center bottom;
	width: 559px;
	min-height: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#program-objective .main-title {
	color: #87e994;
	font-size: 22pt;
	text-transform:none;
	font-weight: bold;
}
#program-objective .sub-title {
	color: #fa89d6;
	font-size: 10pt;
	font-weight: normal;
	/* text-transform: uppercase; */
}
#program-objective .text  {
	color: #666;
	font-size: 10pt;
	font-weight: normal;
	line-height: 12pt;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#program-objective ul li {
	color: #666; 
	margin-bottom: 15px;
	margin-top: 5px;
	padding-right: 5px;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------SCHOLARSHIP------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------- */
#scholarships #content {
	padding-top:235px;
	background:url(img/scholarships-content-bg.jpg) no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------DONATIONS---------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
#donations #content {
	background: url(img/donations-content-bg.jpg) no-repeat left -10px;
	min-height: 500px;
}
#donation-options { 
	float: right;
	width: 325px;
	height: 403px;
	margin-right: 10px;
	margin-top: 25px;
	padding-top: 43px;
	padding-left: 0px;
	background: url(img/donations-menu-bg.jpg) no-repeat right top;
}
#donation-options fieldset {}
#donation-options legend {
	text-decoration: underline;
	color: #87e994;
	font-size: 16pt;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	display: hidden;
}
#donation-options a,
#donation-options div {
	display: block;
	float: right;
	margin-right: 8px;
	width: 290px;
	height: 83px;
	background: url(img/donate-btn.jpg) no-repeat left top;
	/*border-top: solid #999 1pt; */
	border-bottom: solid #999 1px; 
	color: #999;
}
#dontaion-options div.top {
	border-top: solid #999 2pt;
}
#donation-options div.bottom {
	border-bottom: solid #999 2pt;
}
#donation-options a.main,
#donation-options span.main {
	margin-top: 20px;
	text-transform: lowercase;
	font-size: 22pt;
	font-weight: bold;
	color: #fa89d6;
}
#donation-options a.sub,
#donation-options span.sub {
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
}
#donation-options a:hover, #donation-options a .main:hover {
	background-position: center -83px;
	color: white;
}
#donation-options input {
	border: solid #666 1px;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------NEWS----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
#events #content { padding-top: 250px; background: url(img/news-content-bg.jpg) no-repeat center top; }
#main { margin: 0 auto; width: 523px; }
#main .article-container { width:100%; height: 381px; overflow:hidden; background: url(img/story-bg.gif) no-repeat center top; }
#main .article-container .sub-article-container { position:relative; margin:0px auto; padding:5px; width:503px; background:#fff url(img/programs-bg.jpg) no-repeat center bottom; }
#main .article-container .headline { margin:10px 15px 0px; color: white /*#fa89d6*/; font: bold 25px/35px arial; text-align: left; text-transform:uppercase; }
#main .article-container #loader { display:none; }
#main .article-container #loader div { width:100%; height:150px; background:url(img/ajax-loader.gif) no-repeat center center; }
#main .article-container #listing { height:277px; overflow:auto; }
#main .article-container #listing li { list-style:none; text-align:left; }
#main .article-container #listing h2 { margin:10px 0px 5px; padding:0px; }
#main .article-container #listing li .desc { margin:10px 0px 10px; padding:0px; color:#666; font:12px/16px arial; text-indent:0px; }
#main .article-container #listing li span { margin:0px 0px; padding:0px; display:block; color:#999; font:normal 10px/12px arial; text-indent:0px; }
#main .article-container #listing li a { cursor:pointer; font-weight:normal; text-decoration:underline; }
#main .article-container #listing li a.close { display:block; width:425px; text-decoration:none; text-align:right; text-transform:uppercase; font:15px/25px arial; }
#main .article-container #single { display:none; } 

#main #links-div { height:150px; width:420px; margin:10 auto 0 auto; overflow-y:auto; background:transparent; text-align:left; }
#main #links-container a { font-weight:bold; text-decoration:underline; cursor:pointer; }
#main #links-container a:hover {text-decoration:none; }
#main #links-container .news-entry, 
#main #links-container .event-entry { clear:both; margin-bottom:23px; text-transform:uppercase; font-weight:bold; font-size:10pt;}
#main #links-container .date { float:left; text-transform:uppercase; width:50px; margin-right:10px; background:white; padding:2px; color:#fa89d6;}
#main #links-container .type { text-transform:uppercase; margin-right:5px; float:left; background:white; padding:2px; }
#main #links-container .news-entry .type { color:#fa89d6; }
#main #links-container .event-entry .type { color:#87e994; }
#main #links-container .title-link { float:right; width:250px; }
/* ---------------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------CONTACT------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
body#contact #content {
	background: url(img/contact-content-bg.jpg) no-repeat left 30px;
	min-height: 450px;
}

div#contact-form {
	float: right;
	margin-right: 5px;
	width: 377px;
	background: url(img/form-contact-bg.png) no-repeat 55px top;
	text-align: right;
	padding-top: 30px;
	padding-right: 17px;
}
div#contact-form form {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	width: 290px;
	height: 415px;
	color: #fa89d6;
	font-size: 16pt;
	font-weight: bold;
	font-family: Times New Roman;
	text-transform: lowercase;
}
div#contact-form input {
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #666;
	font-weight: bold;
}

div#contact-form input:focus, div#contact-form  textarea:focus {
	background: #ffccff;
	border: solid white 1pt;
	color: white;
	font-weight: bold;
}

div#contact-form textarea {
	width: 280px;
	height: 210px;
	margin: 0 auto;
	color: #666;
	font-weight: bold;
}

div.oblige {
	clear: both;
	font-size: 8pt;
	text-align: left;
	line-height: 10pt;
	color: #666;
	padding: 15px;
	
}