body,
html {
	margin:0;
	padding:0;
	background:#ffffff;
	color:#000;
	font-size: 16px;
	font-family:arial, Helvetica, sans-serif;
}
h1 { font-size: 2em; font-family: "trebuchet ms", arial; margin: 1em; padding: 0; }
h2 {
	font-size: 1.7em;
	font-family: "trebuchet ms", arial;
	margin: 0 0.2em;
	padding: 0;
}
h3 { font-size: 1.5em; font-family: "trebuchet ms", arial; margin: 0.5em 0.2em; padding: 0; }
h4 { font-size: 1.1em; font-family: "trebuchet ms", arial; margin: 0.5em 0.2em; padding: 0; border-bottom: 1px dotted #000051; }
p { margin: 0.2em 0.2em 0.5em; padding: 0; }
blockquote {
	font-style: italic;
}
img { border-width: 0; }
sup { font-size: 0.5em; line-height: 0.5em; }

a:link { color: #000051; font-weight: bold; text-decoration: underline; }
a:visited { color: #000051; font-weight: bold; text-decoration: underline; }
a:hover { color: #28870d; font-weight: bold; text-decoration: none; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
 height:0;
 font-size: 1px;
 line-height: 0px;
}

#header {
	margin: 0;
	padding: 0;
	background: white url(../img/graphics/head-banner-background.gif) repeat-x 0 bottom;
	position: relative;
	height: 123px;
}
#header #banner {
	width: 780px;
	margin: 0 auto;
	padding: 0;
}
#header h1 {
	float: left;
	width: 389px;
	margin: 0 auto;
	padding: 60px 0 0 0;
	font-size: 20px;
	color: #ff6600;
	font-style: italic;
	text-align: center;
}
#header h1 span {
	color: #226a9a;
	font-weight: normal;
}
#header #buttons {
	float: right;
	width: 195px;
	margin: 25px -9px 0 0;
	padding: 0;
}
#header #buttons img {
	float: right;
}
#container {
	width: 780px;
	margin: 0 auto 20px;
}
#nav {
	float: left;
	width: 185px;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0px;
	top: 0px;
}
#nav img { margin: 0; padding: 0; border: 0; }
#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav li {
	width: 185px;
	margin: 0;
	padding: 1.4em 0;
	background: url(../img/nav/main-nav-background.gif) no-repeat center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
#nav li:last-child {
	background: url(../img/nav/main-nav-bottom-background.gif) no-repeat bottom;
}
#nav li a:link, #nav li a:visited, #nav li a:hover {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#nav li a:hover { color: #ffff33; }
#content {
	position: relative;
	padding: 20px 0 0 0;
	margin: 0 0 0 205px;
}
#content ul { margin: 1em 0 1em 1em; padding: 0; }
#content li { margin: 0.25em 0 0.25em 0.75em; padding: 0; list-style-image: url(../img/bullet_01.gif); }
.therapists { width: 238px; float: left; margin-right: 10px; border: solid 1px #000051; }
.parents { width: 238px; float: right; margin-left: 10px; border: solid 1px #000051; }
.parents h2, .therapists h2 { background-color: #fdd513; background-image: url(../img/h3.jpg); background-repeat: repeat-x; background-position: center top; text-align: center; margin: 0; padding-top: 0.3em; padding-bottom: 0.3em; }
.parents p, .therapists p { margin: 0; padding: 0.3em 0.5em; }
.parents ul, .therapists ul { margin: 0 0 0 1.3em; padding: 0; }
.note { font-size: 0.8em; }

#foot {
	font-size: 12px;
	color: #999999;
	padding: 10px 0 0 0;
	width: 780px;
	margin: 20px auto;
	background: url(../img/graphics/footer-line-break.gif) no-repeat center top;
}
#foot p {
	margin: 10px 0 0 0;
}
#foot ul { text-align: center; margin: 0; padding: 0; list-style-type: none; }
#foot li { margin: 0; padding-right: 3px; padding-left: 3px; display: inline; }
#foot a:link { color: #6789b9; font-weight: bold; text-decoration: underline; }
#foot a:visited { color: #6789b9; font-weight: bold; text-decoration: underline; }
#foot a:hover { color: #6789b9; font-weight: bold; text-decoration: none; }