* {
	padding: 0;
	margin: 0;
	outline: 0;
}

body {
    font-size: 12px;
    line-height: 16px;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #000;
    background: url(images/body-bg.gif) repeat 0 0;
    text-align: left;
}
.whiteheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 8px;

}
h2 {
    font-size: 16px;
    line-height: 18px;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #000;
}
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

a img { border: 0; }
a { color: #000; text-decoration: underline; }
a:hover { color: #ff4f14; text-decoration: none; }

.center { margin: 0 auto; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }


#shell {
	width: 760px;
	margin: 0 auto;
}

#header {
	background:  url(images/header.png) no-repeat 0 0;
	width: 760px;
}

h1#logo {
	float: left;
	display: inline;
	height: 104px;
	width: 121px;
	font-size: 0;
	line-height: 0;
	padding: 95px 20px 0 50px;
}

h1#logo a {
	display: block;
	background: #fff url(images/logo.gif);
	height: 104px;
	text-indent: -4000px;
}

.header-images {
	position: relative;
	float: left;
	display: inline;
	width: 395px;
	padding-top: 10px;
}

.header-images .centered {
	z-index: 100;
	position: relative;
	margin: -115px 0 0 135px;
}

.header-images .right { margin-top: 8px; }

#content {
	background: #fff;
	padding: 12px 0 10px 13px;
	height: 100%;
}

#mainbox {
	float: left;
	display: inline; 
	width: 575px;
	height:100%; 
}

#mainbox .post p { padding: 7px 90px 7px 15px; }

#sidebar {
	float: right;
	display: inline;
	width: 170px;
}

.navigation {
	position: relative;
	margin-top: -105px;
	height: 393px;
	background: url(../css/images/nav.gif) no-repeat right 0;
}


.navigation ul { list-style: none outside; }
.navigation a { display: block; font-size: 0; line-height: 0; text-indent: -4000px; }

.navigation .story { background: url(../css/images/nav-story.gif) no-repeat 20px 0; height: 26px; margin-top: 8px; }
.navigation .story:hover { background: url(../css/images/nav-story-hover.gif) no-repeat 7px 0; }

.navigation .program { background: url(../css/images//nav-program.gif) no-repeat 14px 0; height: 34px; margin-top: 11px; }
.navigation .program:hover { background: url(../css/images/nav-program-hover.gif) no-repeat 7px 0; }

.navigation .staff { background: url(../css/images/nav-staff.gif) no-repeat 14px 0; height: 28px; margin-top: 5px; }
.navigation .staff:hover { background: url(../css/images/nav-staff-hover.gif) no-repeat 7px 0; }

.navigation .friend { background: url(../css/images/nav-friends.gif) no-repeat 14px 0; height: 32px; margin-top: 12px; }
.navigation .friend:hover { background: url(../css/images/nav-friends-hover.gif) no-repeat 7px 0; }

.navigation .event { background: url(../css/images/nav-events.gif) no-repeat 14px 0; height: 42px; }
.navigation .event:hover { background: url(../css/images/nav-events-hover.gif) no-repeat 7px 0; }

.navigation .resource { background:  url(../css/images/nav-resources.gif) no-repeat 14px 0; height: 35px; }
.navigation .resource:hover { background:  url(../css/images/nav-resources-hover.gif) no-repeat 7px 0; }

.navigation .location { background: url(../css/images/nav-locations.gif) no-repeat 14px 0; height: 34px; margin-top: 4px; }
.navigation .location:hover { background: url(../css/images/nav-locations-hover.gif) no-repeat 7px 0; }

.navigation .referral { background: url(../css/images/nav-referrals.gif) no-repeat 14px 0; height: 37px; margin-top: 4px; }
.navigation .referral:hover { background: url(../css/images/nav-referrals-hover.gif) no-repeat 7px 0; }

.navigation .help { background: url(../css/images/nav-help.gif) no-repeat 14px 0; height: 33px; margin-top: 5px; }
.navigation .help:hover { background: url(../css/images/nav-help-hover.gif) no-repeat 7px 0; }

.navigation .home { background: url(../css/images/nav-home.gif) no-repeat 14px 0; height: 27px; margin-top: 4px; }
.navigation .home:hover { background: url(../css/images/nav-home-hover.gif) no-repeat 7px 0; }

.navigation .fosterparent { background: url(../css/images/nav-foster.gif) no-repeat 14px 0; height: 27px; margin-top: 4px; }
.navigation .fosterparent:hover { background: url(../css/images/nav-foster-hover.gif) no-repeat 7px 0; }



.post { padding-bottom: 25px; } 

h2.slogan {
	position: relative;
	font: 16px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: -10px;
}

.donate {
	display: block;
	background: url(../css/images/btn-donate.gif) no-repeat 0 0;
	height: 27px;
	width: 128px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	margin: 10px 0 10px 30px; 
}

.news { padding-left: 10px; }
.news h2 {
	background: url(../css/images/news-h2.gif) no-repeat 0 0;
	height: 37px;
	width: 156px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}

.news .post { padding: 10px 0 10px 5px;  }
.news .post h3 { font-size: 11px; line-height: 13px; }
.news .post a img { margin: 0 7px 7px 0; }
.news .post a { color: #6a9b00; }


#footer {
	background: url(../css/images/footer.png) no-repeat 0 0;
	padding: 35px 0;
	height: 100%;
}

#footer a { color: #000; }


/*	Programs Pages  */
.menu { 
	float: left; 
	display: inline; 
	background: #def8e1;
	width: 151px;
	padding: 12px 10px 50px;
	margin: 0 10px 15px 0;
}

.menu h2 {
	font: 14px Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
}

.menu h2 a { color: #39b54a; text-decoration: none; }
.menu h2 a:hover { text-decoration: underline; }

.menu ul { list-style: none outside; padding-bottom: 20px; }
.menu li { border-bottom: 1px solid #b0b0b0; padding: 2px 0; padding-left: 5px; }
.menu li a { text-decoration: none; color: #000; font-size: 11px; }
.menu li a:hover { color: #39b54a; }


.menu .bb { border-bottom: 0; }

.article {
	float: left;
	display: inline;
	width: 393px;
}

.article .head h2 {
	background: #39b54a;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 12px;
}

.article .head .links { padding: 10px 0; font-weight: bold; border-bottom: 1px solid #b0b0b0; margin: 0 3px; }
.article .head .links a { color: #000; }
.article .head .links a { color: #000; }

.article .text { padding: 10px 5px; }
.article .text a { color: #000; }
.article .text a:hover {  text-decoration: underline; color: #39b54a; }
.article .text p { padding-bottom: 20px; }
/*	END Programs Pages  */

/*	Staff Pages  */
.staffmenu { 
	float: left; 
	display: inline; 
	background: #D0EDF5;
	width: 151px;
	padding: 12px 10px 50px;
	margin: 0 10px 15px 0;
}

.staffmenu h2 {
	font-size: 14px; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	color: #0054A6;
}

.staffmenu h2 a {color: #0054A6; text-decoration: none; font-size:14px;}
.staffmenu h2 a:hover { text-decoration: underline; }

.staffmenu ul { list-style: none outside; padding-bottom: 20px; }
.staffmenu li { border-bottom: 1px solid #b0b0b0; padding: 2px 0; padding-left: 5px; }
.staffmenu a { text-decoration: none; color: #000; font-size: 11px; }
.staffmenu li a:hover { color: #0054A6; }


.staffmenu .bb { border-bottom: 0; }

.staffarticle {
	float: left;
	display: inline;
	width: 393px;
}

.staffarticle .head h2 {
	background: #0054A6;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 12px;
}

.staffarticle .head .links { padding: 10px 0; font-weight: bold; border-bottom: 1px solid #b0b0b0; margin: 0 3px; word-spacing: 0 em; }
.staffarticle .head .links a { color: #000; }
.staffarticle .head .links a { color: #000; }

.staffarticle .text { padding: 10px 5px; }
.staffarticle .text a { color: #000; }
.staffarticle .text a:hover {  text-decoration: underline; color: #0054A6; }
.staffarticle .text p { padding-bottom: 20px; }

/*	End Staff Pages  */

/*	Story Pages  */
.storymenu { 
	float: left; 
	display: inline; 
	background: #ffe0ea;
	width: 151px;
	padding: 12px 10px 50px;
	margin: 0 10px 15px 0;
}

.storymenu h2 {
	font-size: 14px; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	color: #0054A6;
}

.storymenu h2 a {color: #BF2E5B; text-decoration: none; font-size:14px;}
.storymenu h2 a:hover { text-decoration: underline; }

.storymenu ul { list-style: none outside; padding-bottom: 20px; }
.storymenu li { border-bottom: 1px solid #b0b0b0; padding: 2px 0; padding-left: 5px; }
.storymenu a { text-decoration: none; color: #000; font-size: 11px; }
.storymenu li a:hover { color: #BF2E5B; }


.storymenu .bb { border-bottom: 0; }

.storyarticle {
	float: left;
	display: inline;
	width: 393px;
}

.storyarticle .head h2 {
	background: #BF2E5B;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 12px;
}

.storyarticle .head .links { padding: 10px 0; font-weight: bold; border-bottom: 1px solid #b0b0b0; margin: 0 3px; word-spacing: 0em; }
.storyarticle .head .links a { color: #000; }
.storyarticle .head .links a { color: #000; }

.storyarticle .text { padding: 10px 5px; }
.storyarticle .text a { color: #000; }
.storyarticle .text a:hover {  text-decoration: underline; color: #BF2E5B; }
.storyarticle .text p { padding-bottom: 20px; }

/*	End Story Pages  */

/*	Friends Pages  */
.friendsmenu { 
	float: left; 
	display: inline; 
	background: #e7c9e6;
	width: 151px;
	padding: 12px 10px 50px;
	margin: 0 10px 15px 0;
}

.friendsmenu h2 {
	font-size: 14px; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	color: #0054A6;
}

.friendsmenu h2 a {color: #92278F; text-decoration: none; font-size:14px;}
.friendsmenu h2 a:hover { text-decoration: underline; }

.friendsmenu ul { list-style: none outside; padding-bottom: 20px; }
.friendsmenu li { border-bottom: 1px solid #b0b0b0; padding: 2px 0; padding-left: 5px; }
.friendsmenu a { text-decoration: none; color: #000; font-size: 11px; }
.friendsmenu li a:hover { color: #92278F; }


.friendsmenu .bb { border-bottom: 0; }

.friendsarticle {
	float: left;
	display: inline;
	width: 393px;
}

.friendsarticle .head h2 {
	background: #92278F;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 12px;
}

.friendsarticle .head .links { padding: 10px 0; font-weight: bold; border-bottom: 1px solid #b0b0b0; margin: 0 3px; word-spacing: 0 em; }
.friendsarticle .head .links a { color: #000; }
.friendsarticle .head .links a { color: #000; }

.friendsarticle .text { padding: 10px 5px; }
.friendsarticle .text a { color: #000; }
.friendsarticle .text a:hover {  text-decoration: underline; color: #92278F; }
.friendsarticle .text p { padding-bottom: 20px; }

/*	End Friends Pages  */

/*	EVENTS Pages  */
.eventsmenu { 
	float: left; 
	display: inline; 
	background: #ffd4c5;
	width: 151px;
	padding: 12px 10px 50px;
	margin: 0 10px 15px 0;
}

.eventsmenu h2 {
	font-size: 14px; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	color: #FF4F14;
}

.eventsmenu h2 a {color: #FF4F14; text-decoration: none; font-size:14px;}
.eventsmenu h2 a:hover { text-decoration: underline; }

.eventsmenu ul { list-style: none outside; padding-bottom: 20px; }
.eventsmenu li { border-bottom: 1px solid #b0b0b0; padding: 2px 0; padding-left: 5px; }
.eventsmenu a { text-decoration: none; color: #000; font-size: 11px; }
.eventsmenu li a:hover { color: #FF4F14; }


.eventsmenu .bb { border-bottom: 0; }

.eventsarticle {
	float: left;
	display: inline;
	width: 393px;
}

.eventsarticle .head h2 {
	background: #FF4F14;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 12px;
}

.eventsarticle .head .links { padding: 10px 0; font-weight: bold; border-bottom: 1px solid #b0b0b0; margin: 0 3px; word-spacing: 0 em; }
.eventsarticle .head .links a { color: #000; }
.eventsarticle .head .links a { color: #000; }

.eventsarticle .text { padding: 10px 5px; }
.eventsarticle .text a { color: #000; }
.eventsarticle .text a:hover {  text-decoration: underline; color: #FF4F14; }
.eventsarticle .text p { padding-bottom: 20px; }

/*	End EVENTS Pages  */

/*	FAMILY RESOURCES Pages  */
.familymenu { 
	float: left; 
	display: inline; 
	background: #ffddb5;
	width: 151px;
	padding: 12px 10px 50px;
	margin: 0 10px 15px 0;
}

.familymenu h2 {
	font-size: 14px; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	color: #F7941D;
}

.familymenu h2 a {color: #F7941D; text-decoration: none; font-size:14px;}
.familymenu h2 a:hover { text-decoration: underline; }

.familymenu ul { list-style: none outside; padding-bottom: 20px; }
.familymenu li { border-bottom: 1px solid #b0b0b0; padding: 2px 0; padding-left: 5px; }
.familymenu a { text-decoration: none; color: #000; font-size: 11px; }
.familymenu li a:hover { color: #F7941D; }


.familymenu .bb { border-bottom: 0; }

.familyarticle {
	float: left;
	display: inline;
	width: 393px;
}

.familyarticle .head h2 {
	background: #F7941D;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 12px;
}

.familyarticle .head .links { padding: 10px 0; font-weight: bold; border-bottom: 1px solid #b0b0b0; margin: 0 3px; word-spacing: 0 em; }
.familyarticle .head .links a { color: #000; }
.familyarticle .head .links a { color: #000; }

.familyarticle .text { padding: 10px 5px; }
.familyarticle .text a { color: #000; }
.familyarticle .text a:hover {  text-decoration: underline; color: #F7941D; }
.familyarticle .text p { padding-bottom: 20px; }

/*	End FAMILY RESOURCES Pages  */

/*	locations Pages  */
.locationsmenu { 
	float: left; 
	display: inline; 
	background: #c8e7e2;
	width: 151px;
	padding: 12px 10px 50px;
	margin: 0 10px 15px 0;
}

.locationsmenu h2 {
	font-size: 14px; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	color: #00B99D;
}

.locationsmenu h2 a {color: #00B99D; text-decoration: none; font-size:14px;}
.locationsmenu h2 a:hover { text-decoration: underline; }

.locationsmenu ul { list-style: none outside; padding-bottom: 20px; }
.locationsmenu li { border-bottom: 1px solid #b0b0b0; padding: 2px 0; padding-left: 5px; }
.locationsmenu a { text-decoration: none; color: #000; font-size: 11px; }
.locationsmenu li a:hover { color: #00B99D; }


.locationsmenu .bb { border-bottom: 0; }

.locationsarticle {
	float: left;
	display: inline;
	width: 393px;
}

.locationsarticle .head h2 {
	background: #00B99D;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 12px;
}

.locationsarticle .head .links { padding: 10px 0; font-weight: bold; border-bottom: 1px solid #b0b0b0; margin: 0 3px; word-spacing: 0 em; }
.locationsarticle .head .links a { color: #000; }
.locationsarticle .head .links a { color: #000; }

.locationsarticle .text { padding: 10px 5px; }
.locationsarticle .text a { color: #000; }
.locationsarticle .text a:hover {  text-decoration: underline; color: #00B99D; }
.locationsarticle .text p { padding-bottom: 20px; }

/*	End locations Pages  */

/*	referrals Pages  */
.referralsmenu { 
	float: left; 
	display: inline; 
	background: #e2f2c0;
	width: 151px;
	padding: 12px 10px 50px;
	margin: 0 10px 15px 0;
}

.referralsmenu h2 {
	font-size: 14px; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	color: #6A9B00;
}

.referralsmenu h2 a {color: #6A9B00; text-decoration: none; font-size:14px;}
.referralsmenu h2 a:hover { text-decoration: underline; }

.referralsmenu ul { list-style: none outside; padding-bottom: 20px; }
.referralsmenu li { border-bottom: 1px solid #b0b0b0; padding: 2px 0; padding-left: 5px; }
.referralsmenu a { text-decoration: none; color: #000; font-size: 11px; }
.referralsmenu li a:hover { color: #6A9B00; }


.referralsmenu .bb { border-bottom: 0; }

.referralsarticle {
	float: left;
	display: inline;
	width: 393px;
}

.referralsarticle .head h2 {
	background: #6A9B00;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 12px;
}

.referralsarticle .head .links { padding: 10px 0; font-weight: bold; border-bottom: 1px solid #b0b0b0; margin: 0 3px; word-spacing: 0 em; }
.referralsarticle .head .links a { color: #000; }
.referralsarticle .head .links a { color: #000; }

.referralsarticle .text { padding: 10px 5px; }
.referralsarticle .text a { color: #000; }
.referralsarticle .text a:hover {  text-decoration: underline; color: #6A9B00; }
.referralsarticle .text p { padding-bottom: 20px; }

/*	End referrals Pages  */

/*	HELP Pages  */
.helpmenu { 
	float: left; 
	display: inline; 
	background: #d3ddff;
	width: 151px;
	padding: 12px 10px 50px;
	margin: 0 10px 15px 0;
	height: 100%;
	background:url(images/menu_help_bg.gif) repeat;
}

.helpmenu h2 {
	font-size: 14px; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	color: #13235D;
}

.helpmenu h2 a {color: #13235D; text-decoration: none; font-size:14px;}
.helpmenu h2 a:hover { text-decoration: underline; }

.helpmenu ul { list-style: none outside; padding-bottom: 20px; }
.helpmenu li { border-bottom: 1px solid #b0b0b0; padding: 2px 0; padding-left: 5px; }
.helpmenu a { text-decoration: none; color: #000; font-size: 11px; }
.helpmenu li a:hover { color: #13235D; }


.helpmenu .bb { border-bottom: 0; }

.helparticle {
	float: left;
	display: inline;
	width: 393px;
}

.helparticle .head h2 {
	background: #13235D;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 12px;
}

.helparticle .head .links { padding: 10px 0; font-weight: bold; border-bottom: 1px solid #b0b0b0; margin: 0 3px; word-spacing: 0 em; }
.helparticle .head .links a { color: #000; }
.helparticle .head .links a { color: #000; }

.helparticle .text { padding: 10px 5px; }
.helparticle .text a { color: #000; }
.helparticle .text a:hover {  text-decoration: underline; color: #13235D; }
.helpsarticle .text p { padding-bottom: 20px; }

/*	End HELP Pages  */