body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container {
	width: 882px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*border: solid 1px #F00;*/
}
#header { padding: 0 0 0 17px; clear:both;}
#header .logo { margin-bottom:5px; margin-right: 33px; }
#header .image { margin-right: 100px; }

#menuTop {height:26px; width:315px; background-image:url(images/menu-top-bg.jpg); background-repeat:repeat-x; float:right; margin-top:45px;}
#menuTop ul {list-style:none; height:26px; padding:0; margin:0;}
#menuTop ul li {float:left;}
#menuTop ul li a {display:block; float:left; height:20px; padding:6px 25px 0 25px;
font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#506992; 
text-decoration:none; text-align:center; font-weight:bold;
border-right:solid 1px #FFF;}
#menuTop ul li a:hover {text-decoration:underline;}

#menuTop .open {float:left; height:26px; width:5px; background-image:url(images/menu-top-bg-left.jpg); background-position:left; background-repeat:no-repeat; padding:0; margin:0;}
#menuTop .close {float:right; height:26px; width:5px; background-image:url(images/menu-top-bg-right.jpg); background-position:right; background-repeat:no-repeat; padding:0; margin:0;}
#menuTop .last {border-right:none}

#menu {height:29px; background-image:url(images/menu-bg.jpg); background-repeat:repeat-x;}
#menu ul {list-style:none; height:29px; padding:0; margin:0;}
#menu ul li {float:left;}
#menu ul li a {display:block; float:left; height:21px; padding:7px 29px 0 28px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; 
text-decoration:none; text-align:center; font-weight:bold; text-transform:uppercase;
border-right:solid 1px #FFF;}
#menu ul li a:hover {text-decoration:underline;}
#menu .open {float:left; height:29px; width:17px; background-image:url(images/menu-bg-left.jpg); background-position:left; background-repeat:no-repeat; padding:0; margin:0;}
#menu .close {float:right; height:29px; width:10px; background-image:url(images/menu-bg-right.jpg); background-position:right; background-repeat:no-repeat; padding:0; margin:0;}
#menu .last {border-right:none}

/* ************************************************************ */
#menu {width:882px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html #menu {width:882px; w\idth:882px;}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0;margin:0;list-style-type:none;}
#menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {float:left; position:relative;}
/* style the links for the top level */
#menu a, #menu a:visited {display:block;}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {display:block;}

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#d4d8bd}
/* style the second level hover */
#menu ul ul a.drop:hover{background:#c9ba65}
#menu ul ul :hover > a.drop {background:#c9ba65}

/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
#menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden; position:absolute;height:0;top:28px;left:0; width:149px;border-top:2px solid #000;}
/* another hack for IE5.5 */
* html #menu ul ul {top:19px;t\op:28px;}

/* position the third level flyout menu */
#menu ul ul ul{left:149px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited { /* background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px; */
	background:#456A9F; background-image:url(images/menu-bg-sub.jpg); background-repeat:repeat-x;
	color:#fff; height:auto; padding:5px 5px 5px 29px; width:113px; 
	border:solid 1px #000; border-top:none; text-align:left; font-size:9px; 
	}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#menu a:hover {color:#fff; background:none;}
#menu :hover > a {color:#fff; background:none;}

#menu ul ul a:hover{color:#fff; background:#456A9F;}
#menu ul ul :hover > a {color:#fff; background:#456A9F;}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{visibility:visible;}
/* ************************************************************ */

#mainContent { padding: 34px 0 85px 0; /*border: solid 1px #0F0*/;
	background-image:url(images/f-img.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#mainContent .leftCol{float:left; width:525px; /*border:solid 1px #F00;*/ font:Arial, Helvetica, sans-serif; font-size:14px; color:#286373;}
#mainContent h1{font:Arial, Helvetica, sans-serif; font-size:18px; color:#0f3469; text-transform:uppercase; font-weight:normal; margin:0; padding:0;}
#mainContent h2{font:Arial, Helvetica, sans-serif; font-size:18px; color:#9eadc2; text-transform:uppercase; font-weight:normal; margin:0; padding:0;}
#mainContent h3{font:Arial, Helvetica, sans-serif; font-size:12px; color:#9eadc2; text-transform:uppercase; font-weight:normal; margin:0; padding:0;}
#mainContent h4{font:Arial, Helvetica, sans-serif; font-size:12px; color:#9eadc2; text-transform:uppercase; font-weight:normal; margin:0; padding:0;}
#mainContent p, table{ font:Arial, Helvetica, sans-serif; font-size:14px; color:#286373;}
#mainContent a {color:#0F3469;}
#mainContent a:hover{color:#456A9F;}

#mainContent .rightCol{float:right; width:354px; /*border:solid 1px #0F0;*/}
#mainContent .rightCol p{ font-size:12px;}


#mainContent .treatments {width:500px; padding-top:20px; text-align:justify;}
#mainContent .treatments h2 {color:#0F3469; }
#mainContent .treatments h3 {color:#0F3469; font-weight:bold; padding-top:20px; padding-bottom:10px}
#mainContent .treatments h4 {color:#0F3469; font-weight:bold; text-transform:none;}
.expanded {padding-top:5px; padding-bottom:5px;}



#mainContent .oneCol{}
#mainContent .oneCol h1 {color:#0f3469; font:Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; font-weight:normal;}
#mainContent .oneCol h2 {color:#003366; font:Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; font-weight:normal;}
#mainContent .oneCol h3 {color:#003366; font:Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; font-weight:normal;}
#mainContent .oneCol p {font:Arial, Helvetica, sans-serif; font-size:14px; color:#286373;}

#mainContent .treatments_f {text-align:justify; color:#286373;}
#mainContent .treatments_f h2 {color:#0F3469; }
#mainContent .treatments_f h3 {color:#0F3469; font-weight:bold; padding-top:20px; padding-bottom:10px; font-size:12px}
#mainContent .treatments_f h4 {color:#0F3469; font-weight:bold; text-transform:none; font-size:12px}

#mainContent .mediaboxout {float:left; margin:0 10px; padding:0 10px; width:245px; border:1px solid #CCCCCC; text-align:center; background-color:white;}
#mainContent .mediaboxout h1 {font-size:14px; font-weight:bold}
#mainContent .mediaboxout h2 {font-size:12px; text-transform:none; font-weight:bold; color:#286373}

#mainContent .clinic_search h1 {}
#mainContent .clinic_search h3 {font-size:12px; text-transform:none; font-weight:bold; color:#286373}
#mainContent .boxout {
  border: solid 1px #0F3469;
  display:block;
  float:left;
  margin-left:350px;
  padding:10px;
  text-align:center;
  width:18em;
}



#footer { padding: 0; height: 26px; background-image:url(images/f-bg.jpg); background-position:top; background-repeat:repeat-x;}
#footer p {margin:0; padding:0;}
#footer .email {
	height:26px; width:360px; 
	background-image:url(images/f-img-email.jpg); background-position:left; background-repeat:no-repeat; 
	float:left; padding: 0 0 0 95px;
	}
#footer .email a { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:9px; margin-top:7px; display:block; width:140px;}
#footer .sitemap{ height:26px; float:right; }	
#footer .sitemap a { 
	font:Arial, Helvetica, sans-serif; font-size:12px; color:#787878; font-weight:bold; text-decoration:none; 
	display:block; margin:6px 5px 0 0;
	}