/*the compassion project*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, nput, p, blockquote, th, td
	{margin: 0; padding: 0; }
	
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
	{font-size: 100%; }
	
ol, ul
	{list-style: none;}
	
address, caption, cite, code, dfn, em, strong, th, var
 {font-style: normal; font-weight: normal;}
 
table
	{border-collapse: collapse; border-spacing: 0;}
	
fieldset, img
	{border: 0;}
	
caption, th
	{text-align: left;}
	
/* Centers body element w/i html*/	
html {
	text-align: center;
	background: #fff;}
	
body {
	width: 770px;
	margin: 0 auto;
	text-align: left;}
	
/* --------------------------------------------------------------------------------------------- */
/*layout structure*/
	
	
div#branding {
	float: left;
	width: 768px;
	height: 135px;
	overflow: hidden;
}

div#content {
	float: left;
	width: 768px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background: #FFF;}
	
div#navigation {
	float: right;
	width: 474px;
}
	
div#content_main {
	float: right;
	width: 474px;
	overflow: hidden;
	padding: 0;}
	
div#content_sub {
	float: left;
	width: 294px;
	overflow: hidden;}

	
div#site_info {
	width: 100%;
	float: left;}
	
/* --------------------------------------------------------------------------------------------- */
/*type*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;}
	
p {
	font-size: .8em;
	padding: 0 0 1.5em 0;}

h1 {
	font-size: 1.75em;
	color: #FFFFFF;}

h2 {
	font-size: 1em;
	color: #6f8aad;
	font-weight: normal;
	padding: 2em 0 1.25em 20px;}
	
h3 {
	font-size: .9em;
	letter-spacing: 1px;
	color: #c8c3b4;
	padding: .5em 0 .5em 0;}
	
h4 {
	font-size: .9em;
	font-weight: normal;}
	
#stress {
	color: #555;}

/* --------------------------------------------------------------------------------------------- */
/* branding */	
	
div#branding {
	margin: 20px 0 0 0;
	background-color: #fff;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #ccc;
	background: url(images/cp_logo.jpg) no-repeat;}
	
	
div#branding .logo {
	padding: 1em 0 2em 0;
	margin-left: -9999px;
	font-size: 1.5em;
	letter-spacing: .1em;
	font-weight: normal;
	color: #fff;}
	
	
/* --------------------------------------------------------------------------------------------- */
/* page name */





/* --------------------------------------------------------------------------------------------- */
/* navigation */

#navigation {
	background: #fffcdf;
	padding: 5px 0 10px 0;}

#nav_main {
	float: left;
	/*allows li to fill entire ul bg expands w/ contents*/
	width: 474px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav_main li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: .75em;
	letter-spacing: .1em;
	font-weight: normal;
}


#nav_main a {
	float: left;
	display: block;
	/* float overrides separate line display of block; block w/ padding makes entire menu item clickable*/
	margin: 0;
	padding: 8px 0 10px 18px;
	color: #7591b6;
	text-decoration: none;
}

#nav_main #home a {
	padding-left: 20px;}
	
#nav_main a:hover, body#mission_page #mission a {
	color: #a19d8f;
}	
#nav_main a:hover, body#home_page #home a {
	color: #a19d8f;
}
#nav_main a:hover, body#journeys_page #journeys a {
	color: #a19d8f;
}
#nav_main a:hover, body#partnership_page #partnership a {
	color: #a19d8f;
}
#nav_main a:hover, body#products_page #products a {
	color: #a19d8f;
}
#nav_main a:hover, body#contact_page #contact_us a {
	color: #a19d8f;
}


/* --------------------------------------------------------------------------------------------- */
/* content_main */

div#content_main {
	position: relative;
	background: #fffcdf;
	padding-bottom: 15px;}

#content_main p{
	padding: 0 25px 20px 20px;
	line-height: 1.5em;
	color: #777;}
	
#content_main .first{
	padding-top: 30px;}
	
#content_main .last{
	padding-bottom: 15px;}
	
#content_main img{
	padding: 20px 20px 5px 20px;}
	
#content_main a{
	text-decoration: none;
	color: #7591b6;}
	
div#content_main p.notecard{
	padding: 0 12px 0 0;
	display: inline;
	color: #fffcdf;}
	
div#content_main p.top_flv{
	padding: 15px 0 0 0;
	color: #fffcdf;}
	
div#content_main p.bottom_flv{
	padding: 20px 0 10px 20px;}
	
	
/* --------------------------------------------------------------------------------------------- */
/* div_quote */

div#quote {
	float:right;
	width: 474px;}
	
div#quote img{
	padding: 10px 0 0 15px;}
	
	
	
/* --------------------------------------------------------------------------------------------- */
/* content_sub */
	
#content_sub p{
	background-color: #FFF;
	padding: 10px 25px 10px 20px;
	color: #777;}
	
#content_sub .first{
	padding: 60px 25px 10px 20px;}
	
#content_sub .last{
	padding: 10px 25px 10px 20px;}	
	
div#content_sub img{
	padding: 0;}
	
#content_sub a{
	text-decoration: none;
	color: #7591b6;}
	

/* --------------------------------------------------------------------------------------------- */
/* site_info */

div#site_info {
	border-bottom: 1px solid #999;
}
	
div#site_info p {
	font-size: .7em;
	color: #c9c9c9;
	padding: 35px 0 15px 315px;
}

#info_brand {
	color: #b9b4a5;}
	
#info_jwdd {
	color: #7591b6;}
	
#site_info a {
	color: #7591b6;
	text-decoration: none;
}