@charset "UTF-8";

/* Stylesheet */



/* ------------------------------------------------------------ COLOR KEY ----- */

/*



	Color (usage): #abcdef

	Color (usage): #abcdef

	Color (usage): #abcdef

	Color (usage): #abcdef

	Color (usage): #abcdef

	

*/

/* ------------------------------------------------------------ GLOBAL STYLES ----- */



body {

	padding-top:60px;

	height:100%; /* fixes alignment issues in IE6 */

	width:100%; /* fixes alignment issues in IE6 */

	font: 62.5% Georgia, "Times New Roman", Times, serif;

	color:#121212;

	background:url(../images/page-bg.gif) top center no-repeat #38494a;

	}

	

.left {

	float:left;

	}

	

.right {

	float:right;

	}

	

.clear {

	clear:both;

	height:0px;

	}

	

#container {

	width:900px;

	margin:0px auto 10px;

	}

	

/* ------------------------------------------------------------ HEADER STYLES ----- */



#header {

	width:900px;

	height:110px;

	}

	

	#header img {

		display:block;

		float:left;

		}

		

	form#cse-search-box {

		display:block;

		width:265px;

		height:40px;

		padding:70px 20px 0px;

		float:right;

		}

		

		#cse-search-box p {

			padding:0px;

			margin:0px;

			}

		

		#cse-search-box input.search-field {

			display:inline;

			border:none;

			background:none;

			width:176px;

			height:17px;

			padding:1px 1px 0px;

			margin:0px;

			color:#777;

			border:1px solid #66797a;

			background-color:#e8e9dd;

			vertical-align:middle;

			}

			

		#cse-search-box input.search-submit {

			display:inline;

			margin:0px 0px 0px 10px;

			vertical-align:middle;

			}

	

/* ------------------------------------------------------------ NAV STYLES ----- */



#nav {

	display:block;

	width:880px;

	padding:10px 9px 0px;

	background:url(../images/nav-bg.gif) top left repeat-x #d3d5c0;

	border:solid #fdfdfa;

	border-width:1px 1px 0px;

	overflow:auto;

	}

	

	#nav li {

		float:left;

		}

		

		#nav li a {

			display:block;

			padding:20px 10px 10px;

			font-size:14px;

			color:#050505;

			text-decoration:none;

			}

			

		#nav li a:hover, #about li.about a, #juvenile-services li.juvenile-services a, #adult-services li.adult-services a, #growth li.growth a, #collaborations li.collaborations a, #events li.events a, #research li.research a, #contact-us li.contact-us a {

			color:#e8e9dd !important;

			background-color:#a6ab91;

			}

	

/* ------------------------------------------------------------ CONTENT STYLES ----- */



#content {

	width:880px;

	min-height:500px;

	height:auto !important; /* Min-height hack for IE6 Part I*/

	height:500px; /* Min-height hack for IE6 Part II*/

	padding:10px 9px 10px; /* reduced the bottom padding, may need to rethink on pages without pushes at the bottom */

	border:solid #fdfdfa;

	border-width:0px 1px 1px;

	background:url(../images/content-top-border.gif) top left repeat-x #e8e9dd;

	}

	

	#feature {

		width:880px;

		height:255px;

		margin-bottom:10px;

		overflow:hidden;

		}

		

		#feature img {

			display:block;

			}

	

	#content-body {

		width:580px;

		padding-right:10px;

		float:left;

		}

		

		img.content-header-image {

			display:block;

			margin-bottom:10px;

			}

	

	h1 {

		display:block;

		margin-bottom:20px;

		padding:10px;

		font-size:24px;

		line-height:30px;

		font-weight:normal;

		text-transform:uppercase;

		letter-spacing:.01em;

		border-top:10px solid #909d9a;

		background-color:#bbc2ba;

		}

		

	h2 {

		padding:12px 10px 0px;

		margin-bottom:12px;

		font-size:24px;

		line-height:30px;

		font-weight:normal;

		color:#66797a;

		}

		

		#sidebar h2, .feature-push h2 {

			padding-top:0px;

			color:#121212;

			}

		

	h3 {

		padding:6px 10px 0px;

		margin-bottom:6px;

		font-size:18px;

		line-height:24px;

		font-weight:normal;

		color:#66797a;

		}

		

	h4 {

		padding:0px 10px;

		margin-bottom:5px;

		font-size:14px;

		line-height:18px;

		font-weight:bold;

		}

		

	h5 {

		padding:0px 10px;

		font-size:10px;

		line-height:14px;

		font-weight:normal;

		text-transform:uppercase;

		}

		

	h6 {

		}

		

	p {

		padding:0px 10px;

		margin-bottom:12px;

		font-size:14px;

		line-height:24px;

		}

		

		p a {

			color:#66797a;

			text-decoration:underline;

			}

			

		p a:hover {

			text-decoration:none;

			}

			

		#content-body p + p {

			text-indent:1em;

			}

			

	acronym {

		border-bottom:1px dashed #66797a;

		}

			

	#content-body ul {

		display:block;

		padding:0px 20px;

		margin-bottom:12px;

		font-size:14px;

		line-height:24px;

		list-style:disc inside;

		}

		

		#content-body ul li {

			margin-bottom:6px;

			}

			

		ul#directors {

			padding:0px 10px;

			list-style:none;

			}

			

			/*#directors li {

				/*font-weight:bold;

				color:#66797a;

				margin-bottom:0px !important;

				}*/

				

			/*#directors li.title {

				font-weight:normal;

				color:#121212;

				margin-bottom:12px !important;

				}*/

			

	#content-body .feature-push {

		width:285px;

		margin-top:30px;

		padding:10px 0px;

		border-top:10px solid #869592;

		background-color:#a7b1ab;

		float:left;

		}

		

		.feature-push.first {

			margin-right:10px;

			}

			

		.feature-push p {

			font-size:12px;

			line-height:20px;

			}

			

			.feature-push p a {

				color:#121212;

				}

			

	#sidebar {

		width:290px;

		/*padding:10px 0px;

		border-top:10px solid #b3b9a4;

		background-color:#c4c9b6;*/

		float:left;

		}

		

		#sidebar h2 {

			display:block;

			width:270px;

			padding:10px;

			border-top:10px solid #b3b9a4;

			background-color:#c4c9b6;

			}

			

		#sidebar ul#latest-news {

			}

			

			#latest-news li {

				margin-bottom:20px;

				}

		

		#sidebar p {

			font-size:12px;

			line-height:20px;

			}

			

		#sidebar ul#subnav {

			font-size:14px;

			line-height:24px;

			padding:0px 10px 0px 25px;

			margin-bottom:40px;

			list-style:square outside;

			}

			

			#subnav li {

				margin-bottom:6px;

				}

				

				#subnav li a {

					color:#66797a;

					text-decoration:underline;

					}

					

				#subnav li a:hover {

					text-decoration:none;

					}

					

		#sidebar .push {

			width:290px;

			/*margin-top:40px;*/

			padding:10px 0px;

			border-top:10px solid #909d9a;

			background-color:#bbc2ba;

			}

			

			#sidebar .push h2 {

				padding:0px 10px;

				border:none;

				background-color:#bbc2ba;

				background:none !important;

				}

				

			#sidebar .push p a {

				color:#000;

				}

		

/* ------------------------------------------------------------ FORM STYLES ----- */

		

	form p {

		text-indent:0px !important;

		}

	

	#sidebar form#email-form {

		width:290px;

		padding:10px 0px;

		/*margin-top:40px;*/

		border-top:10px solid #b3b9a4;

		background-color:#c4c9b6;

		}

		

		#email-form h2 {

			padding:0px 10px;

			border:none;

			background:none;

			}



		#email-form label {

			display:block;

			width:80px;

			font-size:12px;

			text-transform:uppercase;

			float:left;

			}

		

		#email-form input.text {

			width:180px;

			border:none;

			border:1px solid #a1a990;

			background:none;

			background-color:#e8e9dd;

			}

			

		#email-form input.submit {

			margin-left:80px;

			}

			

	form.content-form {

		margin-bottom:12px;

		padding:20px 0px 20px 20px;

		}

		

		.content-form label {

			display:block;

			width:150px;

			font-size:12px;

			text-transform:uppercase;

			float:left;

			}

			

		.content-form input.text {

			width:180px;

			border:none;

			border:1px solid #7f9db9;

			background:none;

			background-color:#fff;

			}

			

		.content-form input.submit {

			margin-left:150px;

			}

			

		.content-form input.error {

			border-color:#990000;

			}

			

		.content-form span.error {

			margin-left:10px;

			font-size:11px;

			line-height:11px;

			color:#990000;

			}

			

/* ------------------------------------------------------------ FOOTER STYLES ----- */



#footer {

	width:900px;

	height:50px;

	

	}

	

	#footer p {

		margin:0px;

		font-size:11px;

		line-height:16px;

		color:#fff;

		}

		

		#footer p a {

			color:#fff;

			text-decoration:underline;

			}

			

		#footer p a:hover {

			text-decoration:none;

			}

			

	#copyright {

		padding-top:10px;

		width:450px;

		float:left;

		}

		

	#contact {

		padding-top:10px;

		width:450px;

		float:right;

		text-align:right;

		}