/* blank slate */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p {margin:0;padding:0;border: 0;}
a {text-decoration: none;}
a img {border: 0;}

/* hannah fischer */

/* basic fonts */

h1 {
	font: 18px 'Times New Roman',serif;
	letter-spacing: .15em;
	margin: 15px 0 10px 0;
}

h2 {
	font: 15px 'Times New Roman',serif;
	letter-spacing: .10em;
	margin: 15px 0 10px 0;
}

h3 {
	font: 13px 'Times New Roman',serif;
	letter-spacing: .05em;
	margin: 15px 0 10px 0;
}

h6 {
	font: 10px 'Times New Roman',serif;
	letter-spacing: .05em;
	margin: 15px 0 10px 0;
}

p {
	font: 11px/17px Helvetica,sans-serif;
}


/* presentation */

/* shared */

body {
	font: 11px/17px Helvetica,sans-serif;
	background: white;
}

div.container {
	width: 761px;
	margin: auto;
	text-align: left;
}

	div.header {
		position: relative;
	}
	
		div.header img.logo {
			float: left;
		}
	
		div.header h4 {
			font: 1.592em/1.036em 'Times New Roman',serif;
			color: #00669d;
			float: right;
			clear: right;
			margin: 10px 7px 0 0;
		}
		
		ul.topnav {
			font: 1em/1.7em Georgia,serif;
			letter-spacing: .15em;
			text-transform: lowercase;
			background: transparent url('images/topnav_bg_left.png') no-repeat;
			list-style-type: none;
			float: right;
			clear: right;
			position: absolute;
			bottom: 0px;
			right: 13px;
		}
		
			ul.topnav li {
				display: block;
				float: left;
			}
			
				ul.topnav li a {
					display: block;
					color: #757f7f;
					text-decoration: none;
					padding: 8px 13px 5px 13px;
				}
		
				ul.topnav li a:hover, ul.topnav li a.current {
					color: #7e4935;
					text-shadow: gray 0 0 2px;
				}

		div.topnav_cap {
			width: 15px;
			height: 31px;
			position: absolute;
			bottom: 0;
			right: 0;
			background: transparent url('images/topnav_bg_right.png') no-repeat right;
		}

		div.homeContent, div.subContent {
			background: transparent url('images/bodybg_top.png') no-repeat top center;
			padding: 14px 14px 0 22px;
			margin: 10px 0 0 0;
		}


		div.homeClear, div.subClear {
			background: transparent url('images/bodybg_bottom.png') no-repeat bottom center;
			clear: both;
			padding: 4px 0;
			margin: 0 0 10px 0;
		}


		div.footer {
			color: #a09d84;
			margin: 10px 0;
		}

			ul.footnav {
				list-style-type: none;
				margin: 4px 0;
			}

				ul.footnav li {
					display: block;
					float: left;
				}

				ul.footnav li:after {
				    content: "|";
				}
					ul.footnav li a {
						text-decoration: none;
						color: #a09d84;
						display: block;
						float: left;
						margin: 0 8px;
					}

			div.footer p {
				clear: both;
			}

				div.footer p img {
					margin-left: 6px;
				}



/* home page */
			
	div.homePhoto {
		clear: both;
		position: relative;
		height: 242px;
		width: 761px;
		background: transparent url('images/home_main_photo.jpg') no-repeat;
		margin: 10px 0;
	}
	
		div.homeQuote {
			position: absolute;
			right: -12px;
			bottom: 34px;
			background: transparent url('images/home_main_quote.png') no-repeat;
			height: 127px;
			width: 406px;
		}		
		
		div.homeLeft {
			float: left;
			width: 400px;
		}
		
			div.welcome {
				border-bottom: 1px dotted #d3d5be;
				padding-bottom: 8px;
			}
		
				div.welcome h2 {
					text-transform: uppercase;
					color: #7e665d;
				}
				
				div.welcome img {
					margin-bottom: 12px; 
				}
		
				div.welcome p {
					width: 260px;
					color: #899a9c;
					float: right;
					clear: right;
					margin-bottom: 7px;
				}
		
			div.emergencyContact {
				clear: both;
				border-bottom: 1px dotted #d3d5be;
				padding-bottom: 8px;
			}
			
				div.emergencyContact h3 {
					text-transform: uppercase;
					color: #44738c;
				}
				
				div.emergencyContact p {
					color: #899a9c;
				}
			
				div.emergencyContact h6 {
					line-height: 11px;
					color: #b08779;
					text-transform: uppercase;
				}
				
					h6 span.phone {
						display: block;
						font-size: 17px;
						line-height: 16px;
						color: #944e36;
					}
				
				div.emergencyLeft {
					width: 150px;
					float: left;
					padding-right: 15px;
					border-right: 1px dotted #d3d5be;
				}
				
				div.emergencyRight {
					float: left;
					margin-left: 20px;
					width: 175px;
				}
				
			div.counselingLinks {
			}
			
				div.counselingLinks h3 {
					color: #99946a;
					text-transform: uppercase;
				}
				
				div.counselingLinks ul {
				}
				
					div.counselingLinks ul li {
						background: transparent url('images/home_links_bullet.png') no-repeat 0 4px;
						display: block;
						float: left;
						width: 165px;
						font: 10px Georgia,serif;
						padding: 4px 0 4px 18px;
						margin: 0 4px 0 0;
						color: #194040;
					}
					
						div.counselingLinks ul li a {
							color: #194040;
						}
					
			div.choosing {
				background: transparent url('images/home_choosing_bg.png') no-repeat center;
				padding: 14px 16px 24px 16px;
				margin: 14px 0 8px 0;
			}
			
				div.choosing h3 {
					color: #44738c;
					text-transform: uppercase;
					margin-top: 0px;
				}
				
				div.choosing p {
					font: 11px/14px Helvetica,sans-serif;
					color: #8b865d;
				}

				div.choosing ul {
					margin: 8px 0 8px 12px;
				}
				
					div.choosing ul li {
						font: 11px Helvetica,sans-serif;
						color: #b1ad89;
					}

			div.locations {
				background: transparent url('images/home_location_bg.png') no-repeat center;
				padding: 11px 16px 42px 16px;
				position: relative;
				
			}
		
				div.locations h3 {
					color: #809555;
					text-transform: uppercase;
					margin-top: 0px;
				}
				
				div.locations p {
					font: 11px/13px Helvetica,sans-serif;
					color: #556437;
					display: block;
					float: left;
					margin-right: 12px;
					width: 120px;
				}
				
				div.locations strong {
					font-size: 12px;
					font-weight: bold;
					color: #556437;
				}
				
				div.locations img {
					position: absolute;
					bottom: 4px;
					margin: 8px 0;
				}
		
		div.homeRight {
			float: right;
			width: 320px;
		}
		
			img.home_right_promo {
				margin: 8px 0;
			}

			img.affiliations {border: 0;}

/* sub page */


div.subPhoto {
	width: 761px;
	height: 85px;
	position: relative;
	margin: 11px 0 18px 0;
}		

body#choosing  div.subPhoto {
	background: transparent url('images/choosing_photo.jpg') no-repeat;
	color: #674b3f;
	}
body#about  div.subPhoto {
	background: transparent url('images/about_photo.jpg') no-repeat;
	color: #f5f4ea;
}
body#contact  div.subPhoto {
	background: transparent url('images/contact_photo.jpg') no-repeat;
	color: #f5f4ea;
}
body#forms  div.subPhoto {
	background: transparent url('images/forms_photo.jpg') no-repeat;
	color: #f5f4ea;
}
body#sessions_fees  div.subPhoto {
	background: transparent url('images/sessions_fees_photo.jpg') no-repeat;
	color: #f5f4ea;
}

	div.subPhoto h1 {
		text-transform: uppercase;
		position: absolute;
		top: 36px;
		right: 40px;
		margin: 0;
	}

div.subLeft {
	float: left;
	text-align: center;
	width: 195px;
}

	div.subLeft div.subQuote {
		background: #826a60;
		text-align: left;
		padding: 18px 15px;
	}
	
		div.subQuote p {
			color: #ffffff;
			font: 13px/18px 'Times New Roman',serif;
			font-style: italic;
		}
		
		div.subQuote p.attr {
			text-transform: uppercase;
			font: 11px Helvetica,sans-serif;
			letter-spacing: .25em;
			color: #a6ccd6;
			text-align: right;
			margin-top: 1em;
		}

		div.contactPromo {
			text-align: left;
			background: transparent url('images/contact_promo_bg.png') no-repeat center center;
			width: 168px;
			padding: 14px;
			margin: 1em 0;
		}

			div.contactPromo h2 {
				letter-spacing: 0;
				margin: 0;
				color: #7098ad;
			}

			div.contactPromo p {
				border-bottom: 1px dotted #D3D5BE;
				color: #979266;
				line-height: 15px;
				padding-bottom: .25em;
				margin: .25em 0;
			}
			
			div.contactPromo h6 {
				margin: .45em 0;
				color: #969168;
			}
			
				

div.subRight {
	float: right;
	width: 460px;
	border-left: 1px dotted #D3D5BE;
	padding-left: 38px;
	margin-left: 20px;
}

div.subContent h2 {
	color: #0070a5;
	text-transform: uppercase;
}

div.subContent p {
	color: #a09d84;
	clear: both;
	margin-bottom: 1em;
}

div.subRight a {
	color: #00669d;
	text-decoration: underline;
}

div.subRight strong {
	font-weight: bold;
	color: #7d795b;
}

div.subRight ul {
	margin-bottom: 1em;
	margin-left: 1em;
}

div.subRight ul li {
	color: #a09d84;
	margin-bottom: .5em;
}

body#choosing div.subRight li {
	width: 48%;
	float: left;
}


ul.forms {
	list-style-type: none;
	margin-bottom: 1em;
}

	ul.forms li.form {
		float: left;
		clear: left;
		background: transparent url('images/forms_list_bg.png') no-repeat;
		font: 11px Georgia,serif;
		color: #9f9964;
		width: 270px;
		padding: 6px;
		margin: 3px 2px;
		vertical-align: center;
	}
	
	ul.forms li.link {
		float: left;
		clear: none;
		width: 125px;
		height: 24px;
		margin: 3px 2px;
	}
	
	ul.forms li.explanation {
		clear: left;
		width: 403px;
		height: 16px;
		margin: 3px 2px;
		padding: 0 4px;
	}
	
	img.contact_button {
		margin: 1em 0;
	}

/* contact form */

div.contactLeft {
	float: left;
	width: 45%;
}

div.contactRight {
	width: 45%;
	float: left;
}

form {
	
}

	fieldset {
		
	}
	
	input.text, textarea {
		background: white;
		border: 1px solid #e2dfc1;
		display: block;
		font: 11px Georgia,serif;
		color: #194040;
		padding: 5px 3px;
		width: 210px;
	}

	input.text {
		width: 175px;
	}
	
	textarea {
		height: 118px;
		width: 210px;
	}
	
	input#submit {
		margin-top: 20px;
	}
	
	label {
		font: 10px Georgia,serif;
		color: #194040;
		margin: 8px 5px;
		display: block;
	}
	
	
/* FLOAT CLEARING HACKS */
.header {height: 1%;}
.header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.homeContent {height: 1%;}
.homeContent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.emergencyContact {height: 1%;}
.emergencyContact:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.locations {height: 1%;}
.locations:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.subContent {height: 1%;}
.subContent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul.forms:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}