/* @override http://jadeprojects.dev/styles/global.css */

@import url(reset.css);
@import url(basics.css);
@import url(nav.css);

/*=====  STRUCTURE  =====*/


body {
	margin: 0;
	padding: 0;
	background-color: #D9E1E9;
}


	/* ------ sticky footer ----- */
	html, body, #wrapper {height: 100%;}
	body > #wrapper { height: auto; min-height: 100%; }
	#wrapper{
		width: 840px;
	}
		#content_wrap {
			/*sticky footer bits */ padding-bottom: 4em; /* same value as footer height*/
			}
	#footer {
		/*sticky footer bits */ position: relative; clear:both;
		height: 4em;
		margin-top: -4.5em; /* the inverse of height+padding+border*/
		border-top: .1em solid #4C914E;
		width: 810px;
		padding: .2em 15px;
	}

	#wrapper,
	#footer {
		margin-left: auto;
		margin-right: auto;
		background-color: white;
	}




#header {
	overflow: auto;
	border-bottom: #1B2B5B solid 1.5em;
}

#header h1.imgReplace {
	background: #9AC2E1 url("/images/text_title.jpg") no-repeat top left;
	height: 87px;
}


#content_wrap {
	border-top: #938000 solid 1px;
	padding-top:1.5em;
	/*padding-bottom is set above as part of sticky footer*/
}

#sidecol {
	width: 14em;
	margin-right: -14em;
	float: left;
	background: #E5E5F3 url("/images/bg_sidecol.gif") repeat-x bottom right;
	min-height: 200px;
}



#content {
	margin-left: 15em;
	overflow: auto;
}





/*--------- Floated Elements ---------*/

.spacer {
	clear: both;
}

#content .pushRight {
	margin-right: 0px;
	margin-left: 20px;
}

#content .pushLeft {
	margin-left: 0px;
	margin-right: 20px;
}

div.splitColL  {
	width: 49%;
	float: left }

div.splitColR {
	width: 49%;
	float: right }


/*--------- Callout Block ---------*/

div.callout {
	width: 20em;
	background-color: #F9F3EF;
}
	div.callout h1,	div.callout h2, div.callout h3,
	div.callout h4, div.callout h5, div.callout h6,
	div.callout p, div.callout ul, div.callout ol, div.callout dl,
	div.callout blockquote, div.callout form
	{
		padding-left: 1em;
		padding-right: 1em;
	}

	div.callout h3 {
		background-color:#83301d;
		margin: 0 0 1em 0;
		padding-top: .25em;
		padding-bottom: .25em;
		color: white;
		font-size: .9em;
		letter-spacing: .1em;
	}

	div.callout h4 {
		padding-top: .25em;
		padding-bottom: .25em;
		color: #1B2B5B;
		font-size: 1em;
	}

	div.callout p {
		font-size: 1em;
		font-family: Georgia, serif;
		color: #5D563B;
	}

	
	div.callout ul.bullets.indent  {
		list-style: disc;
		list-style-position: inside;
		margin-left: 0;
	}
	

div.callout	a, a:link { 	
	color: #434343;
	}
div.callout a:visited {
	color: #434343;
	}
div.callout a:hover {
	color: #434343;
	}
div.callout a:active  {
	color: #434343;
	}

/*--------- misc structure ----------*/

.skipNav { display: none; } /* accessibility links */


/*--------- find a therapist form ----------*/
#find_a_therapist {
	padding: 0 1em 1em 0;
	margin-bottom: 3em;
}

#find_a_therapist label {
	float: left;
	width: 9em;
	font-size: 1em;
	/*color: #767676;*/
	padding-top: .3em;
}

#find_a_therapist label.inline {
	float: none;
}

#find_a_therapist input,
#find_a_therapist option {
	font-size: 1.1em;
	margin-right: .5em;
}

#find_a_therapist ul.notes {
	margin-left: 7em;
	padding-bottom: .5em;
	margin-bottom: 0;
}
#find_a_therapist ul.notes li{
	font-size: .9em;
	color: #7C7C7C;
	font-style: italic;
}
#find_a_therapist .full_wide {
	float: left;
	overflow: visible;
	width: 100%;
	padding-bottom: .5em;
}
#find_a_therapist .half_wide {
	float: left;
	overflow: visible;
	width: 50%;
	padding-bottom: .5em;
}

#find_a_therapist .button_row {
	clear: left;
	text-align: right;
}
	
p.expandomatic {
	background: transparent url("/images/bg_expandomatic_white.gif") no-repeat left center;
	padding-left: 23px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	}

p.expanded {
	background-image: url("/images/bg_expanded_white.gif");
}

/*--------- find a therapist results table ----------*/

table.results {
	width: 100%;
}

	table.results th {
		padding: .2em .5em .2em 0 ;
		color: black;
		font-weight: bold;
		border-bottom: 2px solid #A1A1A1;
		}

	table.results td {
		padding: .2em;
		background-color: #fafafa;
		border-bottom: 1px solid #C8C8C8;
		vertical-align: top;
		}

p.results_nav {
	margin-top: 1.5em;
	margin-bottom: 3em;
}

p.results_nav span {
	font-weight: bold;
	padding: 0 .25em;
	background-color: #002B5D;
	color: white;
}

p.results_nav a {
	font-weight: bold;
	padding: 0 .15em;
}

/*--------- find a therapist profile page----------*/

.therapist_profile dt {
	float: left;
	width: 20%;
	font-size: 1em;
	color: #767676;
	clear: left;
}

.therapist_profile dd {
	width: 76%;
	margin-left: 24%;
	font-size: 1.1em;
	padding-bottom: 1em;
}


/*=====  TYPOGRAPHY  =====*/


p.breadcrumbs {
}

#footer p {
	font-size: 1em;
}

#footer a {
	text-decoration: none;
}

#footer a:hover,
#footer a:active {
	text-decoration: underline;
}


p.signatureLine {
	display: block;
}

p.signatureLine span {
	display: inline-block;
	margin: 0 1em 0 0 ;
	border-bottom:1px solid black;
}
	
.success {
	background: url("/images/icon_success.gif") no-repeat left .2em;
	color: #398E2A;
	padding-left: 20px;
}

.info {
	background: url("/images/icon_info.gif") no-repeat left .2em;
	padding-left: 20px;
}

.error {
	background: url("/images/icon_error.gif") no-repeat left .2em;
	color: #D0492A;
	padding-left: 20px;
}


/*=====  OVERRIDES  =====*/