@charset "utf-8";
/*
Design by Creative Media Heroes
http://www.blackwaterclinic.co.uk
*/


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body {
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background:url(../images/lilac-bg1.jpg) repeat-x;
	background-color:#aa91b2;
}


/* Fonts */

h1, h2, h3 {font-family: Tahoma, Arial, sans-serif; font-weight: normal; color:#669;}
h1 {font-size: 22px;}
h2 {font-size: 14px; margin: 8px 0 0 0; border: 1px solid #CAC5E3;}
h3 {font-size: 13px; font-weight:bold;}
strong {font-weight:bold; color:#669;}
p {line-height: 19px; margin-top:8px;}
b {font-weight: bold; color:#669;}		
a {color:#FF3300; text-decoration:underline;}		
a:hover {color:#9966FF; text-decoration:underline;}		

#content ul {line-height:19px; 
list-style: disc url(../images/bullet.jpg) inside;
margin-left: 0;
	padding-left: 24px;
	text-indent: -24px;}
 

/* Layout */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

#wrapper, #footerbar {width: 870px; margin: 0 auto; padding: 0;}

/*#wrapper, #header, #menubar, #menubar2, #sidebar { 
 display:inline;}*/

#header, #infobar{ 
 float: left;}
 
#wrapper { 
	border-right: 1px solid #ccc;
	background-color: white;
	height:auto;
	color: #999;
	margin-top:0;
	border: 1px solid white;
	border-top: none;}
  
#logohead {
	margin-top:3px; height: 76px;
	background:url(../images/blackwater-clinic-logo.jpg) no-repeat;
	border-bottom: 6px solid #323232;}
   
#telephone {float:right; margin: 35px 10px 0 0; height:28px; width:145px; background:url(../images/telephoneno.jpg) no-repeat;
}

#header {
	height: 150px;}
	
   
#main {
	height:auto;
	background-color: white;
	position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	width:100%; /* width of whole page */
	overflow:hidden; /* This chops off any overhanging divs */
	}

/* Sidemenu */

#sidemenu{
	float:left;
	position:relative;
	z-index:1;
	width:195px;
	padding:0;
	margin: 0;
}

#sidemenu ul.vert-one{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	line-height: 21px;
	width:185px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	color: #999;
}

#sidemenu ul.vert-one li{
margin:0;
padding:0;
border-bottom:1px solid #CAC5E3;
}

#sidemenu ul.vert-one li a{
	display:block;
	text-decoration:none;
	color:#535353;
	width:165px;
	background-color: #fff;
	padding: 0 0 0 20px;
}

#sidemenu ul.vert-one li a:hover{
	background-color: #EEE8F4;
}

#sidemenu ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#CCC;}


.pic1 {width:230px; height:auto; border: 1px solid #666699; float:right; margin:4px 0 0 5px;}
.rightalign {float:right; margin:0 0 0 5px;}
.frame1 {border: 1px solid #666699;}



/* SIDE MENU VERTICAL DROP DOWN \*/
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(../images/glossyback.gif) repeat-x bottom left;
font: normal 11px Tahoma, Helvetica, sans-serif;
color:#5C5479;
display: block;
width: auto;
padding: 5px 0;
padding-left: 20px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu2 li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 290px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 3px;
background: transparent url(../images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color:#5C5479;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */




/* Right and main content */

#rightcolumn {
	float:left;
	position:relative;
	width: 204px;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: white;
	height: 380px;
}

#content {
	float:left;
	position:relative;
	z-index:0;
	width:450px;
	height:auto;
	min-height: 400px;
	border-right: 1px solid #CCC;
	color: #333;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	}

/* Infobar*/

#infobar {
	width: 850px;
	height: 17px;
	margin-top: 10px;
	color: #A799CA;
	padding: 0 0 0 15px;
	background-color:white;}

#infobar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#infobar li {
	display: inline;
}

#infobar a {
	float: left;
	padding: 0 13px;
	border-left: solid 1px #95a2c0;
	color: #A799CA;
	text-decoration: none;
	font-size: 10px;
}

#infobar a:hover {
	color:#6954A0;
	text-decoration: none;
}

#infobar li.first a{
	border-left: 0;
	padding-left:7px;
	}


/* Menubar*/

#menubar {
	margin: 0;
	padding: 0;
	width: 870px;
	height: 35px;
	background: url(../images/menu-brown.jpg);
	background-repeat: repeat-x;
	display:inline;
}

img.left {
	float: left;
}

img.right {
	float: right;
}



/* GLOBALHEADER */
#menubar2 { display: inline; float: left; width: 870px; height: 35px;}
#menubar2 li { display: inline; height: 35px;}
#menubar2 li a { float: left; ; height: 0; padding-top: 35px; overflow: hidden; }
#menubar2 ul, #menubar2 li a { background-image:url(../images/blackwater-menubar.jpg); background-repeat: no-repeat; }

/* BUTTONS */
#menubar2 li#homepage a { width: 82px; background-position: 0 0; }
#menubar2 li#newbeg a { width: 144px; background-position: -82px 0; }
#menubar2 li#mindbody a { width: 167px; background-position: -226px 0; }
#menubar2 li#altpain a { width: 175px; background-position: -393px 0; }
#menubar2 li#sportsinj a { width: 136px; background-position: -568px 0; }
#menubar2 li#commonail a { width: 166px; background-position: -704px 0; }


/* ON STATES */
#menubar2 li#homepage a:hover { width: 82px; background-position: 0 -35px; }
#menubar2 li#newbeg a:hover { width: 144px; background-position: -82px -35px; }
#menubar2 li#mindbody a:hover { width: 167px; background-position: -226px -35px; }
#menubar2 li#altpain a:hover { width: 175px; background-position: -393px -35px; }
#menubar2 li#sportsinj a:hover { width: 136px; background-position: -568px -35px; }
#menubar2 li#commonail a:hover { width: 166px; background-position: -704px -35px; }



/* CONTENTBOX */

.contentbox {
	clear: both;
	float: left;
	position:relative;
	width: 440px;
	min-height:400px;
	margin: 0 15px 15px 210px;
	padding: 10px;
	border: 1px solid #CCC;
	}
	




#footerbar {
	background:url(../images/footer-bg.jpg) repeat-x;
	height:77px;
border: 1px solid black;
border-top:none;
z-index:-1;}

/* Footer bar*/

.footer {
	margin:0 auto;
	padding: 0 20px;
	display: inline;
	width:870px;
	height:77px;
	color: #999;
	line-height:24px;}
	
.footer a {
	border: none;
	color: white;
	text-decoration: none;
	font-size: 10px;
}

.footer ul {
	margin: 0 15px;
	padding: 0 3px;
	list-style: none;
}

.footer li {
	display: inline;
}

.footer ul a {
	float: left;
	padding: 0 10px;
	border-left: solid 1px white;
	color: white;
	text-decoration: none;
	font-size: 10px;
}

.footer a:hover {
	color:#CFCACE;
	text-decoration: none;
}




#sidebar1 {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #CCC;
}
#sidebar2 {
	float: right;
	margin: 0;
	width: 165px;
	padding: 0;
}
#mainContent { 
	margin: 0 170px 0 210px;
	height: auto;
	padding: 10px 15px 5px 15px;
 	border-left: 1px solid #CCC;
} 

#dateinfo {height: 22px; line-height:24px;
	background:url(../images/datebg.jpg) no-repeat;
	padding-right:11px;
	text-align:right;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #333; }
	
.newsitem {margin:0; background-color:#91C8FF; border-bottom:1px solid white; text-align:left; color:#669; font-weight:bold; text-decoration:none; display:block; text-decoration:none; line-height: 17px; background-image:url(../images/newspanel2.jpg);}
.newsitem a{color:#669; padding:5px; text-decoration:none; display:block;}
.newsitem a:hover {background-color:#BBE6F9; background-image:url(../images/newspanel1.jpg);}
.fitness {margin:0; width:204px; height:260px; background-color:#91C8FF; border-bottom:1px dashed white; text-align:left; color:#669; display:block; text-decoration:none;}


