/* BEGIN: General Styles */
body {
	margin: 0;
	padding: 30px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	color: #066;
	background-color: #d8eff0;
	background-image:url('../images/body/background.jpg');
}

div#site_container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background-color: white;
}

a { color: #066; }
a:hover { text-decoration: none; }

acronym {
	border-bottom-width: 0;
	cursor: help;
}

a.button {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	background: transparent no-repeat left top;
}

a.button:hover { background-position: left bottom; }
br.clear { clear: both; }

hr {
	border: none;
	border-top: 1px solid #066;
}

img.photo {
	float: left;
	margin-right: 14px;
	border: 4px solid #7ac142;
}

img.left {
	float: left;
	margin: 6px 12px 12px 0;
}
/* BEGIN: General Styles */

/* BEGIN: Header */
div#header div {
	float: left;
	width: 100%;
	padding-bottom: 22px;
}

	/* BEGIN: Logo */
	h1 {
		float: left;
		margin: 16px 0 0 0;
	}
	
	h1 a.button {
		width: 118px;
		height: 68px;
		background-image: url(../images/header/logo.gif);
	}
	/* END: Logo */

	/* BEGIN: Top Nav */
	ul#nav_top {
		position: relative;
		float: left;
		padding-left: 0;
		margin: 20px 0px 0px 20px;
		list-style: none;
		font-size: 13px;
		font-weight: bold;
		font-family: Arial, sans-serif;
		color: white;
	}
	
	ul#nav_top li {
		float: left;
		width: 112px; /* 116px total */
		height: 32px; /* 36px total */
		padding: 2px;
		margin-right: 7px;
		text-align: center;
	}
	
	ul#nav_top li a {
		display: block;
		width: 108px;
		height: 28px;
		line-height: 28px;
		border: 2px #FFF dotted;
		color: white;
		text-decoration: none;
	}

		/* BEGIN: Sub Nav */
		ul#nav_top li ul {
			display: none;
			width: 500px;
			padding: 6px 0 0 0;
			margin: 0 0 0 -2px;
			list-style: none;
			font-size: 68%;
			color: white;
		}
		
		ul#nav_top li ul li {
			width: 84px; /* 88px total */
			height: 24px; /* 28px total */
			margin-right: 4px;
		}
	
		ul#nav_top li ul li a {
			width: 80px;
			height: 20px;
			line-height: 20px;
		}
		/* END: Sub Nav */
	
		/* BEGIN: Individual Buttons */
		ul#nav_top li#nav_top_about-us,
		ul#nav_top li#nav_top_about-us ul li { background-color: #00a890; }
		/* ul#nav_top li ul li#nav_top_history { background-color: #7db2ce; }
		ul#nav_top li ul li#nav_top_excellence-in-action { background-color: #f48f9d; }
		ul#nav_top li ul li#nav_top_executive-staff { background-color: #b2b7bb; }
		ul#nav_top li ul li#nav_top_board-members { background-color: #008fc5; }
		ul#nav_top li ul li#nav_top_success-stories { background-color: #cea8ce; } */
		ul#nav_top li#nav_top_programs,
		ul#nav_top li#nav_top_programs ul li { background-color: #f7a11a; }
		/* ul#nav_top li ul li#nav_top_youth-of-the-year { background-color: #7db2ce; }
		ul#nav_top li ul li#nav_top_summer-camp { background-color: #f48f9d; }
		ul#nav_top li ul li#nav_top_awards { background-color: #b2b7bb; } */
		ul#nav_top li#nav_top_news,
		ul#nav_top li#nav_top_news ul li { background-color: #d063a6; }
		/* ul#nav_top li ul li#nav_top_upcoming-events { background-color: #7db2ce; }
		ul#nav_top li ul li#nav_top_press-room { background-color: #f48f9d; } */
		ul#nav_top li#nav_top_get-involved,
		ul#nav_top li#nav_top_get-involved ul li { background-color: #7ac142; }
		/* ul#nav_top li ul li#nav_top_volunteer { background-color: #c2cd23; }
		ul#nav_top li ul li#nav_top_careers { background-color: #00a0af; }
		ul#nav_top li ul li#nav_top_unit-advisory-board { background-color: #7bc143; }
		ul#nav_top li ul li#nav_top_become-a-mentor { background-color: #7eb0cd; } */
		ul#nav_top li#nav_top_blog { background-color: #00a1b1; }
		ul#nav_top li#nav_top_contact { background-color: #c0af00; }
		ul#nav_top li#nav_top_donate { background-color: #f16378; }
		
		ul#nav_top li ul li#nav_top_excellence-in-action a,
		ul#nav_top li ul li#nav_top_unit-advisory-board a {
			height: 18px;
			padding-top: 2px;
			line-height: 0.9em;
		}
		/* END: Individual Buttons */	

	/* END: Top Nav */

	/* BEGIN: Page Title */
	h2.page-title {
		margin-bottom: 0;
		margin-left: 22px;
		font-size: 170%; /* 24px; */
		font-weight: normal;
		color: #090;
	}
	/* END: Page Title */

	/* BEGIN: Subtitle */
	h3.subtitle {
		margin: 2px 0px 0px 22px;
		font-size: 100%; /* 14px */
		font-weight: normal;
		color: #090;
	}
	/* END: Subtitle */

/* END: Header */

/* BEGIN: Body */
div#body {
	padding: 22px;
}

	/* BEGIN: Banners */
	p.banner {
		position: absolute;
		left: 0;
		top: 390px;
		width: 1000px;
		margin: 0;
		line-height: 50px;
		letter-spacing: 1pt;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		color: white;
		background-color: black; /* Initial Contrast */
	}
	
	body.about-us		p.banner { background-color: #00a890; }
	body.programs		p.banner { background-color: #f7a11a; }
	body.news			p.banner { background-color: #d063a6; }
	body.get-involved	p.banner { background-color: #7ac142; }
	body.contact		p.banner { background-color: #c0af00; }
	body.donate			p.banner { background-color: #f16378; }
	/* END: Banners */

	/* BEGIN: CTA */
	div#body div.cta { border: 6px solid; }
	div#body div.cta h4 {
		margin: 0;
		border-bottom: 3px solid;
		line-height: 40px;
		font-size: 20px;
		text-transform: none;
		color: white;
		text-align: center;
		letter-spacing: 0.08em;
	}
	
	div#body div.cta h4 strong {
		display: block;
		border: 2px dotted white;
	}
	
	div#body div.cta div.content {
		margin: 3px;
		line-height: 1.2em;
	}
	
	div#body div.cta div.content p {
		margin: 11px 0;
		line-height: 1.2em;
	}
	
	div#body div.cta div.content ul {
		padding-left: 20px;
		line-height: 1.2em;
	}

	div#body div.cta div.content p a {
		font-weight: bold;
	}

	/* BEGIN: Become a Member CTA */
	div#body div.cta#cta_become-a-member {
		width: 220px;
		border-color: #f5a01a;
		color: #E96D1F;
		margin: 22px auto;
	}
	
	div#body div.cta#cta_become-a-member a { color: #E96D1F; }
	
	div#body div.cta#cta_become-a-member h4 {
		border-color: #f5a01a;
		background-color: #f5a01a;
	}

	body#page_contact div#body div.cta#cta_become-a-member div.content ul {
		margin-left: 0;
	}
	/* END: Become a Member CTA */

	/* END: CTA */

	/* BEGIN: Stickers */
	div#body div.cta_sticker {
		position: relative;
		float: left;
		width: 260px;
		height: 130px;
		border: 6px solid;
		padding-top: 30px;
		margin-right: 68px;
		margin-left: 0;
		font-size: 12px;
		line-height: 18px;
		color: #066;
	}
	
	div#body div.cta_sticker#cta_join {
		margin-right: 0;
	}
	
	div#body div.cta_sticker h4 {
		position: absolute;
		top: -74px;
		left: 81px;
		display: block;
		text-indent: -999em;
		width: 98px;
		height: 99px;
		margin: 0;
		background: transparent no-repeat 0 0;
		line-height: 99px;
		text-align: center;
	}
	
	div#body div.cta_sticker div.content { margin: 0 12px 12px 12px; }
	div#body div.cta_sticker div.content p {
		margin-top: 0px;
		line-height: 1.4em;
	}

	div#body div.cta_sticker div.content p a {
		white-space: nowrap;
	}
	
	div#body div.cta_sticker#cta_donate {
		border-color: #f7a21f;
	}
	div#body div.cta_sticker#cta_donate h4 {
		background-image: url(../images/stickers/sticker_donate.png);
	}

	div#body div.cta_sticker#cta_volunteer {
		border-color: #14a2b2;
	}
	div#body div.cta_sticker#cta_volunteer h4 {
		background-image: url(../images/stickers/sticker_volunteer.png);
	}

	div#body div.cta_sticker#cta_join {
		border-color: #7ac143;
	}
	div#body div.cta_sticker#cta_join h4 {
		background-image: url(../images/stickers/sticker_join.png);
	}
	/* END: Stickers */

div#body h4 {
	margin-bottom: -14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #090;
}

div#body p { line-height: 1.5em; }

	/* BEGIN: Unordered Lists */
	div#body ul {
		margin-top: -14px;
		line-height: 1.5em;
	}
	/* END: Unordered Lists */

	/* BEGIN: Definition Lists */
	div#body dl dt {
		font-weight: bold;
		margin-bottom: -10px;
	}

	div#body dl dd {
		margin-left: 0;
	}
	/* END: Definition Lists */

/* END: Body */

/* BEGIN: Footer */
div#footer {
	position: relative;
	height: 150px;
}
	
	/* BEGIN: Left Column */
	div#footer div.left {
		position: absolute;
		left: 30px;
		bottom: 20px;
	}

	div#footer div.left a#return_home {
		display: block;
		font-size: 18px;
		font-weight: bold;
		color: #6eba66;
		margin-bottom: 14px;
	}

	div#footer div.left a#be_great {
		width: 108px;
		height: 16px;
		background-image: url('../images/footer/be_great.gif');
		margin-bottom: 22px;
	}

		/* BEGIN: Copyright */
		p#copyright {
			margin-top: 0;
			margin-bottom: 2px;
			font-size: 55%; /* 7.76px */
			font-weight: bold;
			color: #231f20;
		}
		/* END: Copyright */
		
		/* BEGIN: Bottom Nav */
		ul#nav_bottom {
			padding-left: 0;
			margin: 0;
			color: #918f8f;
			list-style: none;
			font-size: 66%;
		}
		
		ul#nav_bottom li {
			display: inline;
			margin-right: 6px;
		}
		
		ul#nav_bottom li a { color: #918f8f; }
		/* END: Bottom Nav */
	
	/* END: Left Column */
	
	/* BEGIN: Right Column */
	div#footer div.right {
		position: absolute;
		right: 30px;
		bottom: 20px;
	}
	
		/* BEGIN: Donate CTA */
		p#donate-cta { margin: 0 0 3px 140px; }
		
		p#donate-cta a.button {
			width: 88px;
			height: 88px;
			background-image: url(../images/footer/donate.gif);
		}
		/* END: Donate CTA */
		
		/* BEGIN: Social Nav */
		ul#nav_social {
			float: left;
			padding-left: 0;
			margin: 0;
			list-style: none;
		}
		
		ul#nav_social li {
			float: left;
			margin: 0 0 0 6px;
		}
		
		ul#nav_social li#nav_social_facebook a.button {
			width: 50px;
			height: 50px;
			background-image: url(../images/footer/facebook.jpg);
		}
		
		ul#nav_social li#nav_social_twitter a.button {
			width: 50px;
			height: 50px;
			background-image: url(../images/footer/twitter.jpg);
		}
		
		ul#nav_social li#nav_social_flickr a.button {
			width: 50px;
			height: 50px;
			background-image: url(../images/footer/flickr.jpg);
		}
			ul#nav_social li#nav_social_youtube a.button {
			width: 50px;
			height: 50px;
			background-image: url(../images/footer/youtube.jpg);
		}
		/* END: Social Nav */
	
	/* BEGIN: Right Column */

/* END: Footer */