/*****************************************************************
Description: Master stylesheet for OAFS
Author: 420 Design - fourtwentydesign.com
Version: August 2008

COLOR GUIDE:
birth_parents color: #005581
adoptive_parents color: #83995b
children color: #5a2049
professionals color: #8c0b05
about color: #d26f1a
*****************************************************************/
@import url(nav.css);






/*	Global
-------------------------------------------------------------------*/

html { height: 100%; }

body {
	height: 100%; /* for sticky footer */
	background: #f1e2c7;
	color: #000;
	font: small/1.5em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

body #home,
body #home li {
	color: #fff;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	position: relative;
}

.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

img { border: 0; }

p.pagination {
	font-size: 80% !important;
	margin-top: 4em;
	clear: both;
	display: block;
	width: 100%;
	color: #888 !important;
}

p.pagination b {
	padding: 4px 6px;
	color: #fff !important;
	background: #888;
	border: 1px solid #888;
}

p.pagination a {
	color: #888 !important;
	padding: 4px 6px;
	text-decoration: none;
	border: 1px solid #888;
	background: #fff;
}

p.pagination a:hover {
	background: #888;
	color: #fff !important;
}

a:hover {
	text-decoration: none;
}

#print_logo { display: none; }





/*	Layout
-------------------------------------------------------------------*/

#search_header {
	position: relative;
}

#content {
	height: 456px; 
	/*  overflow: hidden;*/
}

#birth_parents #content {
	background: url(../images/birthparents_subpgcontent.gif) repeat-y left top; 
	height: auto;
}

#adoptive_parents #content,
#misc #content {
	background: url(../images/adoptiveparents_subpgcontent.gif) repeat-y left top; 
	height: auto;
} 
#children #content {
	background: url(../images/children_subpgcontent.gif) repeat-y left top; 
	height: auto;
} 
#professionals #content {
	background: url(../images/professionals_subpgcontent.gif) repeat-y left top; 
	height: auto;
} 
#about #content {
	background: url(../images/about_subpgcontent.gif) repeat-y left top; 
	height: auto;
}

#birth_parents #top {
	background: url(../images/birthparents_subpgcontent_top.gif) no-repeat left top;
} 
#adoptive_parents #top,
#misc #top {
	background: url(../images/adoptiveparents_subpgcontent_top.gif) no-repeat left top;
} 
#children #top {
	background: url(../images/children_subpgcontent_top.gif) no-repeat left top;
} 
#professionals #top {
	background: url(../images/professionals_subpgcontent_top.gif) no-repeat left top;
} 
#about #top {
	background: url(../images/about_subpgcontent_top.gif) no-repeat left top;
}

#home #masthead_container {
	width: 100%;
	height: 269px;
	/*overflow: hidden;*/
}

/*	for adjusted logo height on subpages
	2008-10-01	.alh
*/
#birth_parents #masthead_container,
#adoptive_parents #masthead_container,
#children #masthead_container,
#professionals #masthead_container,
#about #masthead_container,
#misc #masthead_container {
	height: 249px;
}

#header {
	width: 960px;
	height: auto;
	margin: 0 auto;
}

#main {
	width: 752px;
	float: left;
	margin: 0;
	padding: 0;
}

#main_sub {
	width: 640px;
	height: 100%;
	float: right;
	margin: 0;
	padding: 65px 50px 80px 36px;
}

#sidebar {
	width: 204px;
	float: right;
	margin: 0;
	padding: 0;
}

#sidebar_sub {
	width: 230px;
	float: left;
	margin: 0;
	padding: 0;
}

#sidebar_sub ul {
	width: 200px;
	margin: 10px auto 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
}

#sidebar_sub ul li {
/*	line-height: 20px;
	text-transform: uppercase;
	padding-left: 20px;
	width: 200px;*/
	margin-bottom: 2px;
}

#sidebar_sub ul li a {
	color: #fff;
	text-decoration: none;
	width: 180px;
	display: block;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	padding-left: 20px;
	line-height: 20px;
}


/*	normal state	*/
#birth_parents #sidebar_sub ul li,
#adoptive_parents #sidebar_sub ul li,
#misc #sidebar_sub ul li,
#children #sidebar_sub ul li,
#professionals #sidebar_sub ul li,
#about #sidebar_sub ul li {
	background: transparent url(/images/subnav.gif) no-repeat left top;
}

/*	active + hover states - different per section	*/
#birth_parents #sidebar_sub ul li.active,
#birth_parents #sidebar_sub ul li a:hover {
	background: #bfcbd2 url(/images/subnav_bpactive.gif) no-repeat left top;
	color: #11416e;
}
#birth_parents #sidebar_sub ul li.active a { color: #11416e; }

#adoptive_parents #sidebar_sub ul li.active,
#misc #sidebar_sub ul li.active,
#adoptive_parents #sidebar_sub ul li a:hover,
#misc #sidebar_sub ul li a:hover {
	background: #cdd4b8 url(/images/subnav_ap.gif) no-repeat left top;
	color: #4c721d;
}
#adoptive_parents #sidebar_sub ul li.active a,
#misc #sidebar_sub ul li.active a { color: #4c721d; }

#children #sidebar_sub ul li.active,
#children #sidebar_sub ul li a:hover { 
	background: #d4c7d1 url(/images/subnav_children.gif) no-repeat left top;
	color: #461539;
}
#children #sidebar_sub ul li.active a { color: #461539; }

#professionals #sidebar_sub ul li.active,
#professionals #sidebar_sub ul li a:hover {
	background: #e0c2c2 url(/images/subnav_pros.gif) no-repeat left top;
	color: #431d07;
}
#professionals #sidebar_sub ul li.active a { color: #11416e; }

#about #sidebar_sub ul li.active,
#about #sidebar_sub ul li a:hover {
	background: #eccaad url(/images/subnav_about.gif) no-repeat left top;
	color: #d16f1a;
}
#about #sidebar_sub ul li.active a { color: #684427; }





#birth_parents #sidebar_sub ul li ul li,
#adoptive_parents #sidebar_sub ul li ul li,
#misc #sidebar_sub ul li ul li,
#professionals #sidebar_sub ul li ul li,
#about #sidebar_sub ul li ul li,
#birth_parents #sidebar_sub ul li ul li a:hover,
#adoptive_parents #sidebar_sub ul li ul li a:hover,
#misc #sidebar_sub ul li ul li a:hover,
#professionals #sidebar_sub ul li ul li a:hover,
#about #sidebar_sub ul li ul li a:hover {
	background: none;
}

#sidebar_sub ul li ul li a,
#birth_parents #sidebar_sub ul li.active ul li a {
	color: #582700;
	text-transform: none;
}






#footer {
	clear: both;
	width: 960px;
	height: 50px;
	margin: 10px auto 0;
	padding: 0;
	font-size: 80%;
	text-align: center;
}

#birth_parents #footer {
	background: url(../images/birthparents_subpgcontent_footer.gif) no-repeat left bottom;
	color: #fff;
}

#adoptive_parents #footer,
#misc #footer {
	background: url(../images/adoptiveparents_subpgcontent_footer.gif) no-repeat left bottom;
	color: #fff;
}

#children #footer {
	background: url(../images/children_subpgcontent_footer.gif) no-repeat left bottom;
	color: #fff;
}

#professionals #footer {
	background: url(../images/professionals_subpgcontent_footer.gif) no-repeat left bottom;
	color: #fff;
}

#about #footer {
	background: url(../images/about_subpgcontent_footer.gif) no-repeat left bottom;
	color: #fff;
}





/*	Search 
-------------------------------------------------------------------*/
#search {
	position: absolute;
	right: 0px;
	top: 28px;
	font-size: 11px;
	font: 11px/1em Arial, Helvetica, sans-serif;
	color: #582700;
}

#search label {
	color: #582700;
	border-color: #5f869e;
	padding: 4px 6px 0 0;
	float: left;
}

#search img {
	border: 0;
	vertical-align: middle;
}

#search form{
	padding-left: 5px;
	float: right;
}

#search form input {
	font-size: 11px;
/*	opacity: 0.8;*/
	border: 1px solid #ccb08f;
	font-family: Arial, Helvetica , sans-serif;
	color: #7f5023;
	float: left;
}

#search input.submit {
	float: left;
}

#search input#keywords {
	height: 15px;
	margin-right: 4px;
}

/*#search form input:focus{
	opacity: 1.0;
}
*/

#search p {
	display: block;
	float: left;
	margin: 4px .75em 0 0;
	padding: 0 1em 0 0;
	border-right: 1px solid #582700;
	color: #582700;
}

#search p a {
	color: #582700;
	text-decoration: none;
}

#search p a:hover { text-decoration: underline; }




/*	Header 
-------------------------------------------------------------------*/

h1#logo span {
	display: block;
	text-indent: -9999px;
}

#home h1#logo {
	width: 477px;
	height: 261px;
	margin: 0 1px 0 0;
	padding: 0;
	background: url(/images/logo.gif) no-repeat bottom left;
	float: left;
}

h1#logo a {
	width: 418px;
	height: 261px;
	margin: 0;
	padding: 0;
	display: block;
	outline: none;
}

/*	adjust logo for subpages since photos are shorter than on home page
	2008-10-01 - .alh
*/
#birth_parents h1#logo,
#adoptive_parents h1#logo,
#children h1#logo,
#professionals h1#logo,
#about h1#logo,
#misc h1#logo {
	width: 477px;
	height: 241px;
	margin: 0 1px 0 0;
	padding: 0;
	background: url(/images/logo_sub.gif) no-repeat bottom left;
	float: left;
}


#header_graphics {
	margin: 55px 0 0 0;
	padding: 0;
	float: right;
}

#home #header_graphics {
	margin-top: 54px;
}

#header_graphics img {
	display: inline;
	border: 0;
}







/*	Main
-------------------------------------------------------------------*/
.intro {
	height: 205px;
	background: url(../images/corners/main_blue.gif) no-repeat right top;
	background-color: #7893a5;
	margin-bottom: 5px;
	padding: 0;
	border-top: 1px solid #f1e2c7;
}

.intro p {
	width: 460px;
	margin: 14px 0 0 30px;
	padding: 0;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: .05em;
	font-weight: normal;
	text-align: center;
}

.news {
	width: 204px;
	height: 246px;
	background: url(../images/corners/main_news.gif) no-repeat top right;
	background-color: #764c28;
	float: left;
	margin: 0 4px 0 0;
	/*	padding: 0 20px 0 20px;*/
}

.news h3 {
	text-align: center;
	margin-top: 80px;
}

.news ul {
	margin: 1.3em 20px 0;
	padding: 0;
	list-style: none;
	/*	font: 11px/1.05em Arial, Helvetica, sans-serif;*/
	font-size: 80%;
	line-height: 1.1em;
}

.news ul li {
	margin: 0 0 1.2em 0;
	color: #fff;
}

.news li a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 3px;
}

.middle {
	width: 269px;
	height: 246px;
	background-color: #eadec4;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
	overflow: hidden;
}

.right {
	width: 271px;
	height: 246px;
	background: url(../images/corners/main_right.gif) no-repeat top right;
	background-color: #95a266;
	float: right;
	margin: 0;
	padding: 0;
	overflow: visible;
	position: relative;
}

.right img {
	border: 0;
	position: absolute;
	left: 18px;
	bottom: 0;
}

/*	Sidebar 
-------------------------------------------------------------------*/

#sidebar .families {
	width: 204px;
	height: 416px;
	background: #572600 url(../images/corners/sidebar_families.gif) no-repeat top left;
	font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

.families img {
	margin: 18px 0 0 7px;
}

.families p {
	text-align: center;
  	padding: 0 25px;
	color: #fff;
}

.families a { color: #fff; }

.families a:hover { text-decoration: none; }

#sidebar .involved {
	width: 204px;
	height: 36px;
	background: url(../images/corners/sidebar_involved.gif) no-repeat top left;
	background-color: #728a41;
	margin-top: 3px;
	/*  padding: 3px 10px 0px 10px;*/
}

h3#waiting, h3#contact {
	padding-left: 15px;
	background: transparent url(/images/green_arrow.gif) no-repeat 155px 6px;
}

h3#get_involved {
	/*	width: 166px;
	height: 26px;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;*/
	padding-left: 30px;
	background: transparent url(/images/brown_arrow.gif) no-repeat 135px 6px;
}

h3#contact {
	padding-left: 68px;
	background: transparent url(/images/green_arrow.gif) no-repeat 155px 6px;
}


#sidebar img {
	border: 3px solid #fff;
/*	margin-bottom: 10px;*/
}

#rotating_families {
	width: 200px;
	height: 208px;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}


/*	Parent Profile Excerpts
-------------------------------------------------------------------*/
.family {
	width: 280px;
	height: 22em;
/*	color: #582700;*/
	display: block;
	float: left;
	background: #dbe6eb;
	margin: 0 20px 20px 0;
}

.family dl {
	margin: 10px 14px;
	padding: 0;
	float: left;
}

.family dt {
	margin-bottom: .7em;
	font-size: 120%;
	color: #005581;
	float: right;
	width: 138px;
}

.family dd {
	margin: 0 0 0 114px;
	padding: 0;
	font-size: 90%;
	color: #223b47;
}

.family dd.family_photo {
	float: left;
	border: 1px solid #6094ad;
	margin: 0;
	padding: 0;
}

.family dd img {
	margin: 0;
	padding: 0;
	display: block;
}

.family dd.family_more {
	font-size: 85%;
}

img.profile_image {
	float: right;
	margin: 0 0 10px 14px;
	padding: 6px;
	background: #fff;
	border: 1px solid #9fbdca;
}

p.profile_note {
	color: #777 !important;
	font-style: italic;
	margin-top: 4em;
}

p.profile_note a {
	color: #777 !important;
}










/*	Footer
-------------------------------------------------------------------*/
p.copyright {
	text-align: center;
	padding: 0;
	color: #582700;
}

p.copyright a {
	color: #582700;
	text-decoration: none;
}

p.copyright a:hover { text-decoration: underline; }

/*p.credit {
	font-size: 11px;
	padding-bottom: 8px;
}

p.credit a {
	text-align: center;
	color: #5b1c13;
	text-decoration: none;
}

p.credit a:hover {
	color: #5b1c13;
	text-decoration: underline;
}*/

#birth_parents #footer p.copyright, #adoptive_parents #footer p.copyright, 
#misc #footer p.copyright,
#children #footer p.copyright, #professionals #footer p.copyright, 
#about #footer p.copyright {
	text-align: center;
	margin-top: -10px;
	padding: 0 0 0 158px;
	color: #fff;
}

#birth_parents #footer p.copyright a, #adoptive_parents #footer p.copyright a, 
#misc #footer p.copyright a, 
#children #footer p.copyright a, #professionals #footer p.copyright a, 
#about #footer p.copyright a {
	color: #fff;
}

/*	Typography
-------------------------------------------------------------------*/
#main_sub h1 {
	font-size: 28px;
	letter-spacing: 1px;
	color: #572700;
	line-height: 1em;
}

#main_sub h1 span {
	font-size: 22px;
	letter-spacing: 1px;
}

#birth_parents #main_sub h1 span,
#birth_parents #main_sub h2 {
	color: #005581;
}

#adoptive_parents #main_sub h1 span,
#misc #main_sub h1 span,
#adoptive_parents #main_sub h2,
#misc #main_sub h2 {
	color: #4c721d;
}

#children #main_sub h1 span,
#children #main_sub h2 {
	color: #5a2049;
}

#professionals #main_sub h1 span,
#professionals #main_sub h2 {
	color: #8c0b05;
}

#about #main_sub h1 span,
#about #main_sub h2 {
	color: #d26f1a;
}

#main_sub p {
	font-size: 12px;
	line-height: 20px;
	color: #000;
}

#main_sub .quote {
	padding: 30px 0 0 0;
}

#birth_parents #main_sub .quote, #birth_parents #main_sub a {
	color: #005581;
}

#adoptive_parents #main_sub .quote, #adoptive_parents #main_sub a,
#misc #main_sub .quote, #misc #main_sub a {
	color: #83995b;
}

#children #main_sub .quote, #children #main_sub a {
	color: #5a2049;
}

#professionals #main_sub .quote, #professionals #main_sub a {
	color: #8c0b05;
}

#about #main_sub .quote, #about #main_sub a {
	color: #d26f1a;
}

#sidebar_sub .box {
	width: 200px;
	margin: 2em 0 50px 15px;
}

#sidebar_sub .box h2 {
	font: italic 16px/24px Georgia, serif;
}

#sidebar_sub .box p {
	font: italic 8px/12px;
}

#birth_parents .box {
	background: url(../images/box/birthparents_bg.gif) repeat-y;
}

#birth_parents .box h2 {
	background: url(../images/box/birthparents_topbg.gif) no-repeat left top;
	padding-top: 20px;
}

#birth_parents .box .last {
	background: url(../images/box/birthparents_footerbg.gif) no-repeat left bottom;
	padding-bottom: 20px;
}

#birth_parents .box h2, #birth_parents .box p {
	padding-left: 20px;
	padding-right: 20px;
	color: #01496e;
}

#adoptive_parents .box,
#misc .box {
	background: url(../images/box/adoptiveparents_bg.gif) repeat-y;
}

#adoptive_parents .box h2,
#misc .box h2 {
	background: url(../images/box/adoptiveparents_topbg.gif) no-repeat left top;
	padding-top: 20px;
}

#adoptive_parents .box .last,
#misc .box .last {
	background: url(../images/box/adoptiveparents_footerbg.gif) no-repeat left bottom;
	padding-bottom: 20px;
}

#adoptive_parents .box h2, #adoptive_parents .box p,
#misc .box h2, #misc .box p {
	padding-left: 20px;
	padding-right: 20px;
	color: #582700;
}

#children .box {
	background: url(../images/box/children_bg.gif) repeat-y;
}

#children .box h2 {
	background: url(../images/box/children_topbg.gif) no-repeat left top;
	padding-top: 20px;
}

#children .box .last {
	background: url(../images/box/children_footerbg.gif) no-repeat left bottom;
	padding-bottom: 20px;
}

#children .box h2, #children .box p {
	padding-left: 20px;
	padding-right: 20px;
	color: #582700;
}

#professionals .box {
	background: url(../images/box/professionals_bg.gif) repeat-y;
}

#professionals .box h2 {
	background: url(../images/box/professionals_topbg.gif) no-repeat left top;
	padding-top: 20px;
}

#professionals .box .last {
	background: url(../images/box/professionals_footerbg.gif) no-repeat left bottom;
	padding-bottom: 20px;
}

#professionals .box h2, #professionals .box p {
	padding-left: 20px;
	padding-right: 20px;
	color: #582700;
}

#about .box {
	background: url(../images/box/about_bg.gif) repeat-y;
}

#about .box h2 {
	background: url(../images/box/about_topbg.gif) no-repeat left top;
	padding-top: 20px;
}

#about .box .last {
	background: url(../images/box/about_footerbg.gif) no-repeat left bottom;
	padding-bottom: 20px;
}

#about .box h2, #about .box p {
	padding-left: 20px;
	padding-right: 20px;
	color: #582700;
}

blockquote {
	border-left: 2px solid #edd2ac;
	padding-left: .5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}







/*	Search results
-------------------------------------------------------------------*/
.resultRowOne, .resultRowTwo {
	border-bottom: 1px solid #ddd;
}







/*	About section
-------------------------------------------------------------------*/
.resources_wrap,
.news_wrap,
.press_wrap {
	margin: 2em 0;
	border-bottom: 1px solid #ddd;
}