body {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 0.8em;    
voice-family: "\"}\"";   
voice-family: inherit;
margin: 0;
padding: 0;
background:url("../images/background.gif") repeat #fac266;

}

/* structure */

#wrapper {
width: 951px;
background: url("../images/wrapperBackground.jpg") repeat;
margin: 0 auto;
margin-top: 20px;
}

#topContainer {
background: url("../images/topBorder.gif") no-repeat;
width: 951px;
height: 25px;
}

#centerContainer {
background: url("../images/centerBorder.gif");
width: 951px;
}

#middleContainer {
padding-left: 28px;
}

#bottomContainer {
background: url("../images/bottomBorder.gif") no-repeat;
width: 951px;
height: 25px;
}

#masthead {
height: 100px;
width: 900px;
}

.logo {
position:absolute;
width:370px;
margin:-35px 0 0 -30px;
border: 0px;
}

#pullnav {
float: right;
width: 300px;
height: 90px;
font-weight: bold;
font-size: 90%;
font-family:arial;
}

#pullnav ul {
padding: 8px 10px 0 7px;
margin: 0;
list-style-type: none;
float: left;
voice-family: "\"}\""; 
voice-family:inherit;
}

#pullnav li {
padding-bottom: 8px;
}

#pullnav a {
text-decoration: none;
}

#pullnav, #pullnav a {
color: #5C4221;
}

#pullnav a:hover, #pullnav ul#contactlist a:hover {
color: #000000;
}

#formcontainer {
clear: both;
font: bold 11px/22px Arial, sans-serif;
color: #4b6782;
padding: 0 0 0 7px;
}

#formcontainer {
text-transform: uppercase;
}

#pullnav form {
float: left;
margin: 0;
padding: 5px 7px 0 0;
}

#pullnav input {
background: #ffffff;
border: 1;
font: 11px Arial, sans-serif;
margin-left: 0px;
width: 180px;
}

input#go {
width: 70px;
}

#dropnav {
float: left;
width: 894px;
background-color: #D2232A;
}

#dropnav img {
border-right: 1px solid #4b6782;
}

#dropnav ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#dropnav ul ul {
margin-left: -1px;
background-color: #ffffff;
}

#dropnav ul ul ul {
margin-left: 0px;
}


#dmenu {
font: 10px Arial, sans-serif;
font-size:11px;
height: 28px;
}

#dropnav a {
text-decoration: none;
}

#dropnav ul {
list-style-type: none;
border-top: 1px solid #ccc;
}

#dropnav li {
float: left;
}

#dropnav li li {
float: none;
}

#dropnav .white {
	color: #fff;
}

#dropnav .white:hover {
	color: #fff;
}

#dropnav ul a {
display: block;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 12px;
padding-right: 12px;
font: 11px/22px verdana,Arial, sans-serif;
voice-family: "\"}\""; 
voice-family:inherit;
}

#dropnav ul a {
text-transform: none;
letter-spacing: .1em;
}

#dropnav li li a {
border: none;
text-transform: none;
letter-spacing: normal;
}

.dropsubmenu {
position: absolute;
display: none;
border-left: 1px solid #4B6782;
border-right: 1px solid #4B6782;
list-style-type: none;
}

#dropnav ul li ul {
}

#dropnav li li a {
font-weight: normal;
display: block;
padding-left: 7px;
line-height: 19px;
background: url("%24705") repeat-x;
font-size: 11px;
width: 200px;
margin-left: -16px;
voice-family: "\"}\""; 
voice-family:inherit;
margin-left: 0;
border-bottom: 1px solid #4B6782;
margin-top: -2px;
margin-bottom: 2px;
}

#dropnav li li a:hover{
text-decoration: none;
background:#E1E8F0;
}

#dropnav li li li a {
border: 0;
padding-left: 10px;
background: #ffffff;
margin-left: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 140px;
margin-left: 0;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
display: block;
}

#dmenu li>ul { 
top: auto;
left: auto;
}

#dropnav a:hover {
color: #4B6782;
}



div.separator {
height: 1px;
clear: both;
}

#navarea {
	float: left;
	width: 170px;
	padding: 0;
	margin-right: 20px;
	margin-top: 20px;
}

#contentarea {
	margin-top: 20px;
	float: left;
	width: 690px;
}

#homeRight {
	width: 250px;
	float: right;
}


#contentarea .boxOne {
	width: 248px;
	height: 125px;
	border: 1px solid #399;
}

#contentarea .boxOne img {
	padding-left: 5px;
}



#contentarea .boxOne li {
	font-weight: bold;
	font-size: 13px;
	padding-top: 10px;
}

#contentarea .boxTwo {
	width: 248px;
	height: 310px;
	border: 1px solid #399;
}

#contentarea .boxTwo img {
	float: left; 
	padding-right: 20px;
	border: 0px;
}

#contentarea .boxTwo p {
	font-family: "Comic Sans MS", cursive;
	font-weight: bold;
	font-size: 24px;
	padding-top: 35px;
	color: #D2232A;
	text-align: center;
	padding-bottom: 10px;
}

#contentarea .boxTwo ul {
	margin-left: 30px;
}

#contentarea .boxTwo li {
	font-weight: bold;
	font-size: 12px;
	padding-top: 20px;
}
	

#footer {
padding-top: 20px;
width: 850px;
margin-left: 20px;
}

#footer h2 {
padding-bottom: 10px;
margin-top: 10px;
}

#footer p {
border-top: 1px solid #859057;
font-size: 75%;
}

#boxout {
float: right;
width: 220px;
padding: 0px 10px 5px 10px;
margin-left: 15px;
margin-bottom: 15px;
margin-top: 10px;
background-color: #ddd;
border: 1px solid #ccc;
}

div.boxout {
float: right;
width: 200px;
padding: 0px 10px 5px 10px;
margin-left: 15px;
margin-bottom: 15px;
margin-top: 10px;
background-color: #ddd;
border: 1px solid #ccc;
}

div.boxout li {
	margin-bottom: 5px;
	list-style: none;
	margin-left: -20px;
}



div.left_boxout {
float: left;
width: 200px;
padding: 0px 10px 10px 10px;
margin-right: 15px;
margin-bottom: 15px;
margin-top: 10px;
background-color: #eeeeee;
border: 1px solid #ccc;
}

div.whatsinside {
width: 280px;
float: right;
padding: 0 10px 10px;
margin-left: 20px;
}

div.leftcolumn {
width: 280px;
}

div.rightcolumn {
width: 280px;
float: right;
}



div.imagewithcaption {
	float: right;
	margin: 0 0 5px 10px;
}


#googlesearch {
padding: 0 10px;
}

#googlesearch input {
font: 95% Arial, Helvetica, sans-serif;
color: #555555;
border: 2px solid #dbab68;
padding: 2px 5px;
background-color: #f2dfc2;
}

#googlesearch select {
font: 95% Arial, Helvetica, sans-serif;
color: #555555;
border: 1px solid #dbab68;
padding: 1px;
background-color: #f2dfc2;
}

/* global links */
a {
color: #4B6782;
}

a:visited {
color: #5A7C9C;
}

a:hover {
color: #000000;
}

div.invisible a {
visibility: hidden;
position: absolute; top: 0; left: 0; z-index: -1;
}

.invisible a {
visibility: hidden;
position: absolute; top: 0; left: 0; z-index: -1;
}


/* nav */

#navarea {
font-size: 95%;
font-family: Arial, Helvetica, sans-serif;
}

#navarea ul {
margin: 0 0 0.8em;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #859057;
}

#navarea li {
border-top: 1px solid #859057;

}

#navarea a {
display: block;
height: 110%;
padding: 5px 8px;
text-decoration: none;
color: #5C4221;
}

#navarea li li {
border-top: 1px solid #859057;
margin-left: -5px;

}

#navarea li li li{
border-top: none;

}


#navarea li li a {
padding: 3px 10px 3px 20px;
}

#navarea li li li a {
padding: 3px 10px 3px 30px;
}

#navarea li ul {
border-bottom: none;
margin: 0;
}



#navarea a:visited {
color: #756A5A ;
}

#navarea a:hover {
background-color: #F7F7F7;
}

#navarea a.active {
background: #ffffff; 
}

li.title {
padding: 4px 10px;
font-weight: bold;
color: #555555;
}


/* fonts */

#contentarea p, #contentarea li {
font-size: 90%;
line-height: 1.4em;
}
#contentarea li li {
font-size: 100%;
}
#contentarea sup, #contentarea sub { 
line-height: 0;
font-size: 85%; 
}

#contentarea p {
margin-top: 0;
margin-bottom: 0.8em;
}

#contentarea ul {
margin-left: 1.5em;
padding-left: 0;
margin-top: 0;
margin-bottom: 0.8em;

}

#contentarea li {
padding: 0;
}

#boxout p, #boxout li {
font-size: 80%;
line-height: 1.4em;
}


#wrapper.boxout p, #wrapper.boxout li {
font-size: 80%;
line-height: 1.3em;
}

h1 {
color: #009393;
font: bold 120% Arial, Helvetica, sans-serif;
margin-top: 0;
margin-bottom: 0px;
}

#boxout h1 {
background-color: #009393;
color: #ffffff;
padding: 6px 10px;
font-size: 90%;
margin: 0 -10px 8px;
}

.boxout h1 {
background-color: #009393;
color: #ffffff;
padding: 6px 10px;
font-size: 90%;
margin: 0 -10px 8px;
}

#left_boxout h1 {
background-color: #009393;
color: #ffffff;
padding: 6px 10px;
font-size: 110%;
margin: 0 -10px 8px;
}

.left_boxout h1 {
background-color: #009393;
color: #ffffff;
padding: 6px 10px;
font-size: 110%;
margin: 0 -10px 8px;
}

.whatsinside h1 {
color: #688eb4;
font-size: 140%;
margin: 0 0px 8px;
border-bottom: 1px solid #688eb4;
}

h2 {
margin-top: 0em;
color: #859057;
font-size: 90%;
font-weight: bold;
}

h3 {
margin-top: 1em;
color: #004730;
font-size: 95%;
font-weight: bold;
}

.appointments {
padding: 10px;
background-color: #B46868;
color: #ffffff;
font-weight: bold;
font-size: 120%;
}

#footer ul {
padding: 0px 0 1em 0;
list-style-type: none;
font-size: 75%;
margin-bottom: -5px;
}

#footer li {
padding-right: 15px;
display: inline;
}
/* table styling */


#noborder table {
border: 0px;
}

#noborder table tr td {
border: 0px;
}



table {
border-top: 1px solid #555555;
border-left: 1px solid #555555;
margin-bottom: 0.8em;
}

table.noborder {
border: 0px;
}

td.noborder {
border: 0px;
}

th, td {
border-bottom: 1px solid #555555;
border-right: 1px solid #555555;
padding: 2px 5px;
font-size: 90%;
}

th, tfoot {
background-color: #009999;
text-align: left;
font-weight: bold;
color: #FFFFFF;
}

tfoot {
font-size: 75%;
}

tfoot td {
padding: 4px 5px;
}


caption {
padding: 0 0 5px;
font: bold 105% Arial, sans-serif;
text-transform: uppercase;
}

/* images */


#headshot {
padding: 0px 0px 0px 15px;
background-color: #FFFFFF;
float: right;
width: 140px;
}


#headshot p {
font: 80% Arial, sans-serif;
padding-left: 5px;
padding-right: 5px;
text-align: center;

}


#photo {
padding: 0px 0px 5px 5px;
float: right;
width: 220px;

}

#photo p {
font: 85% Arial, sans-serif;
padding-left: 5px;
padding-right: 5px;
padding-top: -15px;
text-align: justify left;
}

#photoleft {
padding: 0px 15px 15px 15px;
float: left;
width: 220px;

}

#photoleft p {
font: 80% Arial, sans-serif;
padding-left: 5px;
padding-right: 5px;
padding-top: -15px;
text-align: justify left;
}


#photolarge {
padding: 15px 15px 15px 15px;
width: 400px;

}

#photolarge p {
font: 80% Arial, sans-serif;
padding-left: 5px;
padding-right: 5px;
padding-top: -15px;
text-align: justify left;
}



#contentarea img {
border: 0;
margin: 0 0 0.8em;
}

#contentarea img.floatedimage {
float: right;
margin: 0 0 5px 5px;
}

#contentarea img.leftfloat {
float: left;
margin: 5px 5px 5px 5px;
}

#contentarea img.float {
float: right;
margin: 0 0 5px 5px;
}

.breadcrumb {
	margin-bottom: 20px;
	color: #000;
	font-size: 0.9em;
	line-height: 1.3em;
}

.breadcrumb a {
	text-decoration: none;
}

.breadcrumb a.active {
	color: #004730;
}

#contentarea img.captioned_image {
float: right;
width: 180px;
padding: 0 5px 5px;
margin-left: 20px;
background-color: #e6e6e6;
}

#contentarea img.border {
border: 1px solid #333333;
}

#contentarea img.floatborder {
float: right;
margin: 0 0 5px 5px;
border: 1px solid #333333;
}

#contentarea img.leftfloatborder {
float: left;
margin: 0 5px 5px 5px;
border: 1px solid #333333;
}

#wrapper img.floatedimage {
float: right;
margin: 0 0 5px 5px;
}

.footerlogo {
float: right;
margin-left: 20px;
}

.smallerfont {
	font-size: 12px;
	padding-bottom: 10px;
}

.tagline {
font-weight:bold;
background-color:#FFFFCC;
padding: 5px;
}

.shadedbox {
background-color:#deebff;
padding: 5px;
}

#grayborderbox {
border: solid 1px #ccc; 
padding: 10px; 
overflow: auto; 
margin-bottom: 10px;
}

.grayborderbox {
border: solid 1px #ccc; 
padding: 10px; 
overflow: auto; 
margin-bottom: 10px;
}
.dropdown {
float: right;
margin-left: 10px;
}  
#serviceslist li {
padding-bottom: 5px;
margin-left: -5px;
}
.newsBlock {
	margin-top: 20px;
	height: 150px;
	padding: 10px;
	border: 1px solid #ccc;
}

.newsBlock img {
float: right;
border: 1px solid #333;
padding-left: 40px;
}

.learnMore {
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    height: 25px;
}

.learnMore a {
	float: right;
    padding: 5px 35px 5px 5px;
	background: transparent url("../images/green_arrow.gif") no-repeat scroll right center;
	
}

.subbox {
	margin-top: 5px;
}

.subbox li {
	margin-top: -2px;
	list-style-image:url("../images/dash.gif");
}

/* Patient Outcomes */

.outcomesRow {
	width: 600px;
	
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 20px;
}

.outcomesRow .graphicBox {
    width:375px;
	height: 220px;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 5px;
	float: left;
	margin-right: 20px;	
}
.outcomesRow h1 {
   color: black;
   font-size: 90%;
   padding-top: 5px;
}

.outcomesRow .green {
   color: #859057;
}

div.boxoutOutcomes {
float: right;
width: 200px;
padding: 0px 10px 5px 10px;
margin-left: 15px;
margin-bottom: 15px;
margin-top: 10px;
margin-right: 10px;
background-color: #fff;
border: 1px solid #ccc;
}
div.boxoutOutcomes li {
	margin-bottom: 5px;
	list-style: disc;
	margin-left: 0px;
}	

div.boxoutOutcomes h1 {
background-color: #009393;
color: #ffffff;
padding: 6px 10px;
font-size: 90%;
margin: 0 -10px 8px;
}

/* Video */

#videotop {
width: 100%;
overflow: auto;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.leftbox {
border-right: 1px solid #ccc;
width: 310px;
float: left;
padding-right: 10px;
}

.rightbox {
width: 320px;
float: left;
padding-left: 10px;
padding-right: 30px;
padding-bottom: 10px;
}   

.rightbox h1 {
font-size: 110%;

}
.row {
	margin-top: 10px;
	width: 690px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	overflow: auto;
	
}

.program {
float: left;
width: 150px;
height: 220px;
margin-right: 15px;
}

#contentarea .program h2 {	
font-size: 90%;
}

#contentarea .program p {
line-height: 1.1em;
font-size: 95%;
}

.row h1 {
border-bottom: none;
color: #003366;
margin-bottom: 10px;
font-size: 110%;
float: left;
}

.row h2 {
margin-top: -5px;
margin-bottom: 3px;
}

#dropdownbox {
height: 60px;
}
#dropdownbox p {
width: 360px;
float: left;
}

.box {
float: right;
margin-right: 10px;
margin-top: 10px;
}

#headshot {
padding: 5px 0px 0px 15px;
background-color: #FFFFFF;
float: right;
width: 150px;
}


#headshot p {
font: 80% Arial, sans-serif;
padding-left: 5px;
padding-right: 5px;
text-align: center;

}