@charset "UTF-8";
/* 
Author: Ryan Lascano | Carew Co., LLC
URL: http://www.carewco.net/
Contact: ryan@carewco.net
Written For: Stacey Taylor | Children's Home Society of Idaho 
Copyright 2009-2010 Children's Home Society of Idaho. All Rights Reserved.
*/

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

	Tan (page bg): #eeeacf
	Mustard (logo, donate button, nav menu hover bg): #d0ce8d
	Green (logo, contact button, search button): #9bbf74
	Olive (logo, nav menu bg, footer nav bg): #7e8859
	D. Green (logo, h1): #313a20
	Color (usage): #abcdef
	
*/
/* ------------------------------------------------------------ GLOBAL STYLES ----- */

html {
	height:100%;
	}

body {
	height:100%; /* fixes alignment issues in IE6 */
	width:100%; /* fixes alignment issues in IE6 */
	font: 62.5% Arial, Helvetica, sans serif; /* resets the default font size in a way that allows using em sizes that relate to pixel sizes like so: 1.2em = 12px */
	background-color:#eeeacf;
	}
	
.left {
	float:left;
	}
	
.right {
	float:right;
	}
	
.clear {
	clear:both;
	height:0px;
	}
	
#container {
	width:770px;
	padding:0px 0px 0px 30px;
	margin:0px auto 0px;
	}
	
/* ------------------------------------------------------------ HEADER STYLES ----- */

#header {
	width:740px;
	padding:0px 30px 65px 0px;
	}
	
	#logo {
		width:245px;
		height:90px;
		padding-top:30px;
		float:left;
		overflow:hidden;
		}
		
		#logo a {
			margin:0px;
			padding:0px;
			border:0px;
			}
			
		#logo a img {
			margin:0px;
			padding:0px;
			border:0px;
			}
			
		/*#logo a.print, #logo a.print img {
			display:none;
			}*/
			
	#header-links {
		width:495px;
		float:left;
		}
		
		a.donate {
			display:block;
			width:145px;
			height:40px;
			margin-bottom:20px;
			text-indent:-6000px;
			background:url(../images/button-donate.gif) top left no-repeat;
			float:right;
			}
			
			a.donate:hover {
				background-position:top right;
				}
			
		form#search {
			display:block;
			width:295px;
			height:30px;
			float:right;
			clear:both;
			}
			
			form#search input.search-field {
				display:block;
				width:196px;
				height:22px;
				padding:8px 7px 0px;
				margin:0px;
				font-size:11px;
				color:#888;
				border:none;
				background:none;
				background:url(../images/search-field-bg.gif) center left no-repeat;
				float:left;
				}
				
			form#search input.submit {
				display:block;
				width:85px;
				height:30px;
				margin:0px;
				padding:0px;
				background:none;
				border:none;
				float:left;
				}
	
/* ------------------------------------------------------------ NAV STYLES ----- */

#nav {
	width:575px;
	padding:0px 30px 0px 165px;
	height:45px;
	position:absolute;
	top:140px;
	z-index:6000;
	}
	
	#nav dl {
		height:45px;
		margin-right:8px;
		color:#fff;
		overflow:hidden;
		float:left;
		}
		
		dl#chs {
			width:165px;
			background:url(../images/nav-chs-bg-over.png) no-repeat;
			}
			
			dl#chs dt {
				background:url(../images/nav-chs-bg.gif) no-repeat;
				}
			
			
		dl#bridge {
			width:108px;
			background:url(../images/nav-bridge-bg-over.png) no-repeat;
			}
			
			dl#bridge dt {
				background:url(../images/nav-bridge-bg.gif) no-repeat;
				}
			
		dl#wscc {
			width:126px;
			background:url(../images/nav-wscc-bg-over.png) no-repeat;
			}
			
			dl#wscc dt {
				background:url(../images/nav-wscc-bg.gif) no-repeat;
				}			
			
		dl#wsti {
			width:116px;
			background:url(../images/nav-wsti-bg-over.png) no-repeat;
			}
			
			dl#wsti dt {
				background:url(../images/nav-wsti-bg.gif) no-repeat;
				}
			
			dl#chs:hover dt, dl#chs.over dt, dl#bridge:hover dt, dl#bridge.over dt, dl#wscc:hover dt, dl#wscc.over dt, dl#wsti:hover dt, dl#wsti.over dt {
				background-image:none !important;
				}
					
		#nav dl:hover, #nav dl.over {
			height:280px;
			color:#000;
			}
			
		body.chs dl#chs dt, body.wscc dl#wscc dt, body.bridge dl#bridge dt, body.wsti dl#wsti dt {
			color:#000;
			background-image:none !important;
			}
			
		#nav dl dt {
			display:block;
			width:auto;
			height:45px;
			font-size:12px;
			text-align:center;
			overflow:hidden;
			}
			
			dl#chs dt, dl#bridge dt {
				height:30px;
				padding-top:15px;
				}
				
			dl#wscc dt, dl#wsti dt {
				height:38px;
				padding-top:7px;
				}
		
		#nav dl dd {
			padding-left:15px;
			margin-bottom:7px;
			font-family:"Trebuchet MS", Arial, sans-serif;
			font-size:11px;
			line-height:13px;
			visibility:hidden;
			}
			
			#nav dl:hover dd, #nav dl.over dd {
				visibility:visible;
				}
			
			#nav dl dd a {
				position:relative;
				color:#666;
				text-decoration:none;
				}
				
			#nav dl dd a:hover {
				color:#000;
				}
		
/* ------------------------------------------------------------ CONTENT STYLES ----- */

#content {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin-bottom:-60px;
	padding-bottom:30px;
	}
	
	#feature {
		margin:0px 0px 30px;
		padding:0px 30px 0px 0px;
		border:0px;
		width:740px;
		height:235px;
		overflow:hidden;
		}
		
	div.one-col {
		width:245px;
		padding-right:30px;
		float:left;
		}
		
		.one-col img {
			margin-bottom:20px;
			}
		
		.sidebar-push {
			padding:15px 0px;
			}
			
			.sidebar-push h1 {
				margin-bottom:-6px !important;
				}
				
				.sidebar-push h1 a {
					color:#7e8859;
					text-decoration:underline;
					}
					
				.sidebar-push h1 a:hover {
					color:#313a20;
					text-decoration:none;
					}
			
		a.learn-more {
			display:block;
			width:105px;
			height:25px;
			text-indent:-6000px;
			background:url(../images/button-learn-more.gif) top left no-repeat;
			}
			
		a.learn-more:hover {
			background-position:bottom left;
			}
			
		a.gallery-hidden {
			display:none;
			}
			
		img.staff-photo {
			margin:0px 15px 10px 0px;
			float:left;
			}
		
	div.two-col {
		width:465px;
		padding:15px 30px 0px 0px;
		float:left;
		}
	
	h1 {
		margin-bottom:12px;
		font:20px Georgia, "Times New Roman", Times, serif;
		line-height:28px;
		font-weight:normal;
		color:#313a20;
		}
		
	h2 {
		margin-bottom:15px;
		font:18px Georgia, "Times New Roman", Times, serif;
		line-height:24px;
		font-weight:normal;
		color:#313a20;
		}
		
	h3 {
		margin-bottom:10px;
		font:16px Georgia, "Times New Roman", Times, serif;
		line-height:20px;
		font-weight:normal;
		color:#313a20;
		}
		
	h4 {
		margin-bottom:5px;
		font:14px Georgia, "Times New Roman", Times, serif;
		line-height:18px;
		font-weight:normal;
		color:#313a20;
		}
		
	p {
		margin-bottom:20px;
		font-size:13px;
		line-height:20px;
		color:#555;
		}
		
		p a {
			text-decoration:underline;
			color:#444;
			}
			
		p a:hover {
			text-decoration:none;
			}
			
	p.answer {
		padding-left:20px;
		}
		
	hr {
		border:none;
		background:none;
		height:1px;
		margin:30px 0px;
		border-bottom:1px solid #d0ce8d;
		}
		
	acronym {
		border-bottom:1px dashed #9bbf74;
		}
			
	#content ul {
		padding-left:20px;
		margin-bottom:20px;
		font-size:13px;
		line-height:20px;
		color:#555;
		list-style:disc outside;
		}
		
	#content ol {
		padding-left:20px;
		margin-bottom:20px;
		font-size:13px;
		line-height:20px;
		color:#555;
		list-style:decimal outside;
		}
		
		#content li {
			margin-bottom:8px;
			}
			
			#content li a {
				text-decoration:underline;
				color:#444;
				}
				
			#content li a:hover {
				text-decoration:none;
				}
				
			#content li ul {
				padding-top:8px;
				margin-bottom:0px;
				list-style-type:circle;
				}
				
	div.two-col table.content-table {
		width:465px;
		margin-bottom:20px;
		font-size:13px;
		line-height:20px;
		color:#555;
		
		}
		
		table.content-table tbody td {
			padding:0px 20px 8px 40px;
			text-indent:-20px;
			}
		
		table.content-table thead {
			height:40px;
			background:url(../images/table-bg-top.jpg) top center no-repeat;
			}
			
			table.content-table th {
				padding-top:10px;
				font-family:Georgia, "Times New Roman", Times, serif;
				}
		
		table.content-table tbody {
			background-color:#e3debb;
			}
			
		table.content-table tfoot {
			height:40px;
			background:url(../images/table-bg-bottom.jpg) bottom center no-repeat;
			}
			
		#work-week col.activity {
			}
			
	.contact-map {
		width:465px;
		/*height:350px;*/
		margin-bottom:20px;
		text-align:center;
		}
		
		.contact-map iframe {
			margin-bottom:5px;
			border:1px solid #313a20;
			}
			
	#content .push {
		height:60px;
		clear:both;
		}
		
	p.apa-addy {
		font-size:11px;
		line-height:18px;
		color:#777;
		text-align:center;
		}
		
/* ------------------------------------------------------------ FORM STYLES ----- */	

form.content-form {
	padding-left:20px;
	margin-bottom:20px;
	}
	
	.content-form label {
		display:block;
		width:120px;
		float:left;
		}
		
	.content-form input.text {
		width:174px;
		padding:2px;
		font-size:11px;
		color:#888;
		border:1px solid #e3debb;
		}
		
	.content-form textarea.text {
		width:auto;
		padding:2px;
		font-size:11px;
		color:#888;
		border:1px solid #e3debb;
		}
		
	.content-form input.submit {
		width:85px;
		height:30px;
		margin-left:120px;
		border:none;
		}

	.content-form span.error {
		margin-left:10px;
		font-size:10px;
		line-height:10px;
		color:#900;
		font-weight:bold;
		}
		
	.content-form input.text.error {
		border-color:#900;
		}
		
/* ------------------------------------------------------------ FOOTER STYLES ----- */

#footer {
	width:740px;
	height:60px;
	padding-right:30px;
	}
	
	ul#footer-links {
		display:block;
		width:595px;
		height:30px;
		padding-top:30px;
		font-size:10px;
		color:#fff;
		text-align:center;
		background:url(../images/footer-bg.gif) top center no-repeat;
		float:left;
		}
		
		#footer-links li {
			display:inline;
			padding:0px 10px 0px 11px;
			border-left:1px solid #fff;
			}
			
		#footer-links li.first {
			padding-left:10px;
			border:none;
			}
			
			#footer-links li a {
				color:#fff;
				text-decoration:none;
				}
				
			#footer-links li a:hover {
				text-decoration:underline;
				}
				
	#footer a.contact-link {
		display:block;
		width:145px;
		height:60px;
		text-indent:-6000px;
		background:url(../images/button-contact.gif) top left no-repeat;
		float:left;
		}
			
		#footer a.contact-link:hover {
			background-position:top right;
			}
