/* Customer CSS */
#page-index {
background-color:#88988B;
font-family:Tahoma, Arial, sans-serif;
color:#ffffff;
font-size:11px;
margin:0px;
line-height:1.6;
}
body {
background-color:#88988B;
font-family:Tahoma, Arial, sans-serif;
color:#ffffff;
font-size:11px;
margin:0px;
line-height:1.6;
}

#main h6 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

.int_bg {
background-image:url(../images/int_bg.gif);
background-repeat:repeat-x;
}

#backgroundImage {
	width: 100%;
	background-image: url(../images/int_bg.gif);
	background-repeat:repeat-x;
}

#page-index #backgroundImage {
	background-image:url(../images/background_repeat.gif);
	background-repeat:repeat-x;
	width: 100%;
}

#main {
margin:auto;
width:773px;
overflow: hidden;
}

#header {
width:773px;
height:78px;
background-image:url(../images/top_image.gif);
background-repeat: no-repeat;
}

#logo {
width:748px;
height:81px;
background-color:#000000;
background-image: url(../images/logo_image.gif);
background-repeat: no-repeat;
margin: 1px 0 0 11px;

border-left: 1px #808080 solid;
border-right: 1px #808080 solid;
}

#comp-logo {
	margin: 0px 0px 0px 20px;
}

#address_top {
	margin: 0 0 0 20px;
}

.phone {
font-size:14px;
font-weight:bold;
}

#page-index #slot-links {
width:773px;
height:29px;
margin-top: -6px;
margin-top: 4px !ie;
margin-left: 0;
}
#slot-links {
width:773px;
height:29px;
margin-top: -6px;
margin-top: 4px !ie;
margin-left: 0;
}

#slot-links ul {
	margin-top: 11px;
	margin-top: 1px !ie;
	_margin-top: 1px;
	margin-left: 11px;
	padding: 0px;
}
#slot-links li {
	display: inline;
	float: left;
}
#slot-links a {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 0px 1px 0px;
	text-align: center;
	width: 188px;
	display: block;
}

#slot-links #links-1 a {
	background-color: #d1d076;
	color: #597a5d;
}
#slot-links #links-2 a {
	background-color:#597a5d;
}
#slot-links #links-3 a {
	background-color: #9a9456;
}
#slot-links #links-4 a {
	background-color: #c2c6c5;
	color: #597a5d;
}
#slot-links #links-1 a:hover {
	background-color: #ffffff;
	color: #d1d076;
}
#slot-links #links-2 a:hover {
	background-color: #ffffff;
	color: #597a5d;
}
#slot-links #links-3 a:hover {
	background-color: #ffffff;
	color: #9a9456;
}
#slot-links #links-4 a:hover {
	background-color: #ffffff;
	color: #DADDD7;
}

#main_img {
width:750px;
height:353px;
margin-left: 10px;
margin-right: auto;
border-left:1px solid #818181;
border-right:1px solid #818181;
}
#page-index #top-header {
	display: none;
}
#top-header {
display: block;
width:750px;
height:121px;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 0px !ie;
_margin-top: 1px;
border-left:1px solid #818181;
border-right:1px solid #818181;
border-bottom:1px solid #818181;
background-image: url(../images/int_image4.jpg);
	background-repeat:no-repeat;
}
#page-staff #top-header {
	width:750px;
	height:121px;
	background-image: url(../images/int_image6.jpg);
	background-repeat:no-repeat;
}
#page-offices #top-header, #page-office #slot-header {
	width:750px;
	height:121px;
	background-image: url(../images/int_image4.jpg);
	background-repeat:no-repeat;
}
#page-services #top-header {
	width:750px;
	height:121px;
	background-image: url(../images/int_image5.jpg);
	background-repeat:no-repeat;
}
#page-patients #top-header {
	width:750px;
	height:121px;
	background-image: url(../images/int_image.jpg);
	background-repeat:no-repeat;
}
#page-contact #top-header {
	width:750px;
	height:121px;
	background-image: url(../images/int_image7.jpg);
	background-repeat:no-repeat;
}
#page-appointment #top-header {
	width:750px;
	height:121px;
	background-image: url(../images/int_image2.jpg);
	background-repeat:no-repeat;
}
#page-education #top-header, #page-library #top-header, #page-privacy #top-header, #page-disclaimer #top-header,
	#page-siteMap #top-header, #page-gallery #top-header {
	width:750px;
	height:121px;
	background-image: url(../images/int_image.jpg);
	background-repeat:no-repeat;
}

#slot-navigation {
width:750px;
height:33px;
height:34px !ie;
_height:40px;
/*background-image:url(../images/nav_bg.gif);*/
background-repeat:no-repeat;
background-color: #c2c6c5;
border-left: 1px solid #818181;
border-right: 1px solid #818181;

color:#717171;
font-size:12px;
text-align:center;
font-weight:bold;
margin-left:10px;
}

#slot-navigation ul {
	margin:0px 0 0 30px;
	padding:8px 0 0 0px;
}
#slot-navigation li{
	display: inline;
}
#slot-navigation a{
	text-decoration: none;
	color: #717171;
	padding: 0 6px 0 6px;
}
#slot-navigation a:hover {
	color: #000000;
}


.nav {
padding-right:20px;
}

#footer_page {
width:100%;
height:82px;
background-image:url(../images/footer_bg.gif);
background-repeat:repeat-x;
clear:both;
padding-top:1px;
}

#wrapper {
width:773px;
background-image:url(../images/content_top.gif);
background-repeat:no-repeat;
background-position:top;
_margin-top: -8px;
}

#content {
width:712px;
margin:auto;
}

#page-index #content_left {
width:436px;
float:left;
padding:25px 0 0 0;
_margin-left: 0px;
}

#page-education #content_left, #page-library #content_left {
width:436px;
float:left;
padding:25px 0 0 0;
_margin-left: 20px;
}

#content_left {
width:436px;
float:left;
padding:25px 0 0 0;
_margin-left: 20px;
}

#content_right {
width:216px;
_width:226px;
float:right;
padding-top:40px;
}

#page-index #content_right {
width:276px;
_width:226px;
float:right;
padding-top:40px;
}

#content_footer {
width:773px;
height:85px;
clear:both;
background-image:url(../images/content_bottom.gif);
background-repeat:no-repeat;
}

#right_holder {
width:249px;
margin:auto;

}

#right_holderINT {
width:249px;
margin:auto;
}

/* INDEX RIGHT BOXES */
#right_top {
width:249px;
height:12px;
background-image:url(../images/index_top.gif);
background-repeat:no-repeat;
}

#right_middle {
width:235px;
background-image:url(../images/index_middle.gif);
background-repeat:repeat-y;
padding-left:17px;
padding-right:7px;
color: #597A5D;
min-height:200px;
}

#right_bottom {
background-image: url(../images/index_bottom.gif);
background-repeat: no-repeat; 
width:249px;
height:16px;
}

/* END */

.doc_index {
line-height:1.3;
}

#footer-content {
background-color:#9A9456;
width:710px;
height:72px;
margin-top:1px;
margin:auto;
border-left:1px solid #817F80;
border-right:1px solid #817F80;
border-top:1px solid #817F80;
margin-bottom:0px;
padding:10px 20px 0px 20px;
color: #ffffff;
text-align: center;
}
#footer-content a {
	color: #ffffff;
	padding: 0 5px 0 5px;
}
#footer-content a:hover {
	text-decoration:none;
}



a {
color:#ffffff ;
text-decoration:underline;
}

a:hover {
color:#ffffff;
text-decoration:none;
}


#librarySearchForm {
	width: 240px;
	float: left;
	margin-top:10px;
}

#appointment-form {
	width: 500px;
	float: left;
	margin-top: 10px;
}

#appointment-form p {
	margin: 0px;
}

#contact-form {
	width: 500px;
	float: left;
	margin-top: 10px;
}

#contact-form p {
	margin: 0px;
}

#comp-contactForm {
	float: left;
	margin-left: 10px;
}

#page-index #slot-rsidebar {
	width: 215px;
	margin: 20px 0 0 0;
	float: left;
	clear: both;
	text-align:left;
}

#slot-rsidebar {
	width: 215px;
	margin: 20px 0 0 0;
	float: left;
	clear: both;
	text-align: right;
}

#slot-rsidebar p {
	margin: 0px;
}

#slot-lsidebar {
	clear: both;
	float: left;
	width: 182px;
	margin: 20px 0 0 10px;
}

#libraryContent {
	float:left;
	margin:10px 0px;
	width:436px;
}

#slot-footer1 {
  padding: 0 0 0 5px;
  min-height: 16px;
  _height: 16px;
}

#slot-footer2 {
  padding: 0 0 0 5px;
  min-height: 16px;
  _height: 16px;
}
#slot-footer2 ul,#slot-footer3 ul {
	padding:0px;
	margin:0px;
}

#slot-footer2 li,#slot-footer3 li {
	display:inline;	
}




		#education_menu {
			margin: 20px 10px 0 0;
			_margin: 20px 5px 0 0;
			display: block;
			float: right;			
		}
		
		.mlmenu {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight:bold;
			}

		/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 1px solid;
			width: 184px;
			color: #0066FF;
			background-color: #FFFFFF;
			
		}
		.vertical li a{
			display: block;
			width: 180px;
			text-decoration: none;
			height: 15px;
			padding: .1em 1px;
			border: 1px solid;
			border-top: 0px;
			color: #0066FF;
			background-image: url(bg.gif);
			height: auto;
		}
		
		.vertical li a:hover {
			background-image: url(bg2.gif);
			background-color: #CCC;
		}
		
		.vertical li ul li a { /* to style sub levels */ 
			background-image: none;
			background-color: #FFFFCC;
		}
		
		.vertical li ul li a:hover { /* to style sub levels */ 
			background-image: none;
			background-color: #333;
		}
		
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.3em;
			margin-left: -80px;
		}
		
		.vertical .page, .vertical .page:hover {
			background-image: none;
			background-color: #CCC;
			color: #000000;
		}
		
		/*over-write*/
		.vertical ul{
			border-top: none;
			width: 145px;
			color: #ffffff;
			background: none;
		}
		.vertical li a{
			width: 143px;
			color: #ffffff;
			border: none;		
			text-align: right;
		}
		
		.vertical li a:hover {
			background-color:#597A5D;
		}
		
		/*sub nav styles */
		
		.vertical li ul{
			border-top: 1px #666666 solid;
			margin-left: -120px;
		}
		
		
		.vertical li ul li a { /* to style sub levels */ 
			background-color: #FFFFFF;
			border: 1px #666666 solid;
			border-top: none;
			color: #597A5D;
			font-weight: normal;
		}
		
		.vertical li ul li a:hover { /* to style sub levels */ 
			background-color: #597A5D;
			color: #ffffff
		}
		
		
		/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding: 0px;
			border-left: 1px solid;
			display: block;
			height: 1.4em;
			color: #0066FF;
			background-color: #FFFFFF;
		}
		.horizontal li{
			float: left;
			display: inline;
		}
		.horizontal li a{
			text-decoration: none;
			height: 15px;
			float: left;
			display: block;
			width: 125px;
			padding: .1em 1px;
			border: 1px solid;
			border-left: none;
			color: #0066FF;
			background-color: #FFFFFF;
		}
		.horizontal li li a{
			border-top: none;
			border-left: 1px solid;
			height: 30px;
			width: 154px;
		}
		.horizontal li ul{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 154px;
			border: none;
			display: block;
			height: auto;
			border-top: 1px solid;
		}
		.horizontal li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 125px;
		}
		.horizontal li ul li a{
		width: 150px;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color: white;
			color: black;
			border-color: black;
		}
		.blackwhite li a:hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: black;
		}
		.bluewhite li a{
			background-color: white;
			color: #000033;
			border-color: #000033;
		}
		.bluewhite li a:hover{
			background-color: #000033;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}


#content_left {
width: 436px;
}