@charset "utf-8";
/* CSS Document */

/* ----------------Global Resets--------------- */
* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }

body { 
	background-color:#dadada;
	background-image:url(../images/blue-header.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%;
	overflow-y:scroll;
}

/* Elements */
table { border-collapse:collapse; }
img { border:none; }

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; color:#00426a; padding-bottom:8px; }
p { font-size:12px; }

/* Global classes */
.clear { clear:both; }


/* ----------------Page Structure-------------- */

#wrapper {
	position:absolute;
	top:0;
	margin-top:78px;
	left:50%;
	margin-left:-486px;
	width:972px;
	min-height:610px;
}

#content {
	width:972px;
	min-height:475px;
	background-image:url(../images/white-body.png);
	background-repeat:repeat-y;
	}
	.counseling #content,
	.organizational #content,
	.executive #content,
	.curriculum #content {
		min-height:550px;
}
.story { 
	float:left;
	width:505px;
	margin:0 0 20px 180px;
	padding:40px 0 30px 0;
	}
	.counseling .story,
	.organizational .story,
	.executive .story,
	.curriculum .story {
		width:485px;
	}
	.story h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; }
	.about .story h2 { margin-top:7px; margin-bottom:7px; }
	.story h2 span { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; }
	.story h3 { margin-top:15px; }
	.story h3 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#00426a; }
	.story p { line-height:1.4em; padding-bottom:8px; }
	.about .story p { line-height:1.5em; }
	.story ul { list-style:none; }
	.clients .story ul { margin-top:10px; }
	.contact .story ul { margin-top:15px; }
	.story li { font-size:12px; padding-bottom:9px; }
	/* About-interviews */ 
	.interviews p, .interviews p a { color:#00426a; font-size:14px; margin-top:15px; }
	/* Giving-back */
	#unitedstates, #kenya, #africa { margin-top:15px; }
	#unitedstates img, #kenya img, #africa img { display:block; float:left; padding:3px 5px 0 0; }
	#unitedstates h2, #kenya h2, #africa h2 { display:inline-block; float:left; }
	#unitedstates p, #kenya p, #africa p { padding-top:5px; }

div#boxgraphic {
	display:block;
	width:308px;
	height:308px;
	margin:15px 0 0 328px;
	padding:0 0 30px 0; 
	}
	.home #boxgraphic {
		width:408px;
		height:408px;
		margin:0 0 0 282px;
		padding:50px 0 65px 0;
	}
	#boxgraphic img { 
		display:block;
		float:left;
		padding:0 4px 4px 0;
}

.callout {
	float:left;
	width:205px;
	margin-left:35px;
	margin-top:70px;
	border-bottom:1px solid #dadada;
	border-top:1px solid #dadada;
	}
	.counseling .callout,
	.organizational .callout,
	.executive .callout, 
	.curriculum .callout {
		margin-left:55px;
	}
	.callout h3 {
		padding:5px 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size:15px;
		font-weight:normal;
		color:#00426a;
		line-height:1.3em;
	}
	.callout #boxgraphic {
		display:block;
		width:174px;
		height:174px;
		margin:25px 0 0 0;
		padding:0 0 30px 0; 
		}
		.callout #boxgraphic img { 
			display:block;
			float:left;
			padding:0 2px 2px 0; 
			width:85px;
			height:85px;
}

#footer {
	width:972px;
	height:24px;
	background-image:url(../images/white-footer.png);
	background-repeat:no-repeat;
}

#trailer {
	width:972px;
	padding:5px 0 5px 25px;
	margin-top:-11px;
	font-size:10px;
	}
	#trailer ul {
		list-style:none;
		display:block;
		float:right;
		margin-right:45px;
		}
		#trailer li {
			display:inline;
}

/* Header */
#header {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-486px;
	width:972px;
	height:78px;
	}
	#cdalogo {
		display:block;
		float:left;
		margin:12px 0 0 25px;
	}
	#cdaname {
		display:block;
		float:right;
		margin:23px 50px 0 0;
}


/* -----------------Main navigation--------------- */
#mainnav {
	position:absolute;
	top:155px;
	left:50%;
	margin-left:-460px;
	width:105px;
	}
	#mainnav ul {
		list-style:none;
		}
		li#about, li#services, li#clients, li#giving, li#contact {
			text-align:right;
			font-size:15px;
			padding-bottom:18px;
		}
		li#home {
			text-align:right;
			font-size:14px;
			padding-top:15px;
		}
		li#counseling, li#organizational, li#executive, li#curriculum {
			text-align:right;
			font-size:12px;
			padding-bottom:18px;
	}
	#mainnav a:link { color:#999; text-decoration:none; }
	#mainnav a:visited { color:#999; text-decoration:none; }
	#mainnav a:hover { color:#00426a; text-decoration:none; }
	#mainnav a:active { color:#999; text-decoration:none; }

	/* Set current page nav style */
	.about li#about a, 
	.services li#services a,
	.counseling li#counseling a,
	.organizational li#organizational a,
	.executive li#executive a,
	.curriculum li#curriculum a,
	.clients li#clients a,
	.giving li#giving a,
	.contact li#contact a {
		color:#00426a;
}
