/*
######################################
css styles for clarence house;
    created by dave heywood @ trillium
    email dave@trilliumd.co.uk
    
    title colors : #19bcb9;

######################################
*/

body
{
}

.bodyText{ color:#818285;}
img
{
border:none;
}

#wrapper
{
width:920px;
margin:0 auto;
font-size:100%;
}

.greenText
{
 color:#19bcb9;	
}
#header
{
	margin-top:10px;
    width:920px;
    height: 70px;
}

#logo
{
    float:left;
}

#telephone
{
    float:right;
    color:#19bcb9;
    font-size:1.3em;
    font-weight:bold;
    
}

#footer
{
 border-top:solid 1px #cdcdcd;
 margin-top:5px;
 padding-top:5px;
color:#19bcb9;
 clear:both;
 font-size: 0.9em; 
}

#debug
{
  background-color:#efefef;
  padding:20px;
  margin:20px 0px 20px;
  border:solid 1px #cdcdcd;
}

#pageImage
{
 border-bottom:solid 1px #cdcdcd;
 margin-bottom:5px;
}


/*Top Menu*/

/*#topMenu
{
 
background:#fff ;
height:23px;
width:920px;
margin-top: 2px;
position:relative;
z-index:500;
}*/
#topMenu {
height:23px;
margin-top: 2px;
width:920px;
}

#menu
{
	list-style: none; 
	padding: 0;
	margin: 0;
	width: 920px;
	height: 23px;
	background: url('/images/CHD_MenuBar.jpg') no-repeat;
	position: relative;
	 
}

#menu span
{
	display: none;
	position: absolute;
}
#menu a
{
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover
{
	background-position: bottom left;
}
#menu a:hover span
{
	display:block;
}
#menu .menuHome
{
	width: 95px;
	height: 23px;
 background: url('/images/CHD_MenuBarHome.jpg') no-repeat;
 left:0px;
 top:0px;
}
#menu .menuHome span
{
	width: 95px;
	height: -23px;
	background: url('/images/CHD_MenuBarHome.jpg') no-repeat;
	/*left:0px;
	top:23px;*/
}
#menu .menuAbout
{
	width: 129px;
	height: 23px;
 background: url('/images/CHD_MenuBarAbout.jpg') no-repeat;
 left:95px;
 top:0px;
}
#menu .menuAbout span
{
	width: 129px;
	height: -23px;
	background: url('/images/CHD_MenuBarAbout.jpg') no-repeat;
	/*left:0px;
	top:23px;*/
}
#menu .menuWhatWeDo
{
	width: 148px;
	height: 23px;
 background: url('/images/CHD_MenuBarWhatwedo.jpg') no-repeat;
 left:224px;
 top:0px;
}
#menu .menuWhatWeDo span
{
	width: 148px;
	height: -23px;
	 background: url('images/CHD_MenuBarWhatwedo.jpg') no-repeat;
	/*left:0px;
	top:23px;*/
}

#menu .menuPatients
{
	width: 160px;
	height: 23px;
 background: url('/images/CHD_MenuBarPatients.jpg') no-repeat;
 left:372px;
 top:0px;
}
#menu .menuPatients span
{
	width: 160px;
	height: -23px;
	background: url('/images/CHD_MenuBarPatients.jpg') no-repeat;
	/*left:0px;
	top:23px;*/
}
#menu .menuTreatments
{
	width: 241px;
	height: 23px;
 background: url('/images/CHD_MenuBarTreat.jpg') no-repeat;
 left:532px;
 top:0px;
}
#menu .menuTreatments span
{
	width: 241px;
	height: -23px;
	background: url('/images/CHD_MenuBarTreat.jpg') no-repeat;
	/*left:0px;
	top:23px;*/
}

#menu .menuContact
{
	width: 147px;
	height: 23px;
background: url('/images/CHD_MenuBarContact.jpg') no-repeat;
 left:773px;
 top:0px;
}
#menu .menuContact span
{
	width: 147px;
	height: -23px;
	background: url('/images/CHD_MenuBarContact.jpg') no-repeat;
	/*left:0px;
	top:23px;*/
}
/*#topMenu ul
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0;
}*/



/*#topMenu a
{
width:151px;
color:#ffffff;
background-color:#7ac3be;
border:solid 1px #ffffff;
display:block;
float:left;
height:15px;
padding:5px 0px 3px;
text-align:center;
text-decoration:none;
font-weight: bold; 
font-size: 0.9em; 
}

#topMenu a.selected
{
background-color:#19bcb9;
}
#topMenu a:hover
{
background-color:#17a9a6;
}*/


/* ##### left menu styles */

#leftMenu
{
float:left;
/*width:175px;*/
background-color:#7ac3be;
}

#leftMenu ul
{
/*list-style-image:url(/images/liToothIcon.gif);*/
list-style-image:none;
list-style-position:outside;
margin:0;
padding:0;
}

#leftMenu li
{
display:inline;
}

#leftMenu a
{
width:150px;
color:#ffffff;
background-color:#7ac3be;
/*border:solid 1px #ffffff;*/
display:block;
height:20px;
padding:5px 0px 3px 25px;
text-align:left;
text-decoration:none;
background-image:url(/images/liToothIcon.gif); background-repeat:no-repeat; background-position:5px center;
}


#leftMenu a:hover,#leftMenu a.selected
{
background-color:#17a9a6;
background-image:url(/images/liToothIcon-hover.gif)
}

#subSelected  a
{
	background-color: #ffffff; 
 color: #17a9a6;
 background-image: none; 
}
#subSelected  a:hover
{
	background-color:#ffffff;
	 background-image: none; 
}


/* ---- Main Content ---- */

.rightContent
{
width:705px;
float:right;
margin: 0px 5px 5px 5px; 
border: solid 1px #C7C8C9;
padding: 10px 10px 10px 10px; 

}

/*#mainContent
{
	border: solid 1px #C7C8C9; 
 
}*/

#mainContentRightImage
{

	padding: 8px; 
 width: 199px; 
 float: right; 	

}
#borderCol
{
 float: left;
 width: 2px;
 border-right:solid 1px #C7C8C9;
 /* min-height: 500px;*/
}
#mainContentLeft
{
	padding: 5px;
	float: left;
	width: 476px; 
	/*border-right: solid 1px #C7C8C9;
  min-height: 500px;*/
}
#mainContentRight
{
 width: 220px; 
 float: right; 	
}

#mainContentRight li
{
	font-size: 0.9em; 
 display:block;
}
#mainContentRight a
{
 color: #818285;	
 text-decoration: none; 
}
.listHead
{
  color: #17a9a6;
  font-weight: bold; 
  
}
.staffProfile
{
	width: 700px;
	height: 250px;
  border-bottom: solid 1px #C7C8C9;
  padding: 5px; 
}
.supportStaff
{
 width: 140px; 	
 margin: 5px; 
}

.supportStaffImg
{
	margin: 5px; 
}
.staffImg
{
	margin: 5px 10px 5px 5px;
}

.news
{
	width: 90%; 
	margin: 5px;
	padding: 5px;
	border-bottom: solid 1px #C7C8C9;
}
.news h4
{
 font-size : 1.2em; margin: 0 0 -5px 0;
}
.newsdate{ font-size : 1.2em; color:#19bcb9; }
.news p { margin: 0;   }
.news img
{
 margin: 5px;
}
.newsTitle{ font-size : 1.4em; color: #19BCB9; }
.testimonial
{
	width: 90%; 
	margin: 5px;
	padding: 5px;
	border-bottom: solid 1px #C7C8C9;
}
.testimonial h4
{
 font-size : 1.2em; margin: 0 0 -5px 0;
}
.layoutimagemiddle
{
	padding: 3px; 
	width: 700px; 
	margin:0 auto;
/* text-align:center; */
   color: #17a9a6;
   border-bottom: solid 1px #C7C8C9;
}

.layoutMiddleRight
{
	padding: 3px; 
	width: 460px; 
	margin:0 auto;
/* text-align:center; */
   color: #17a9a6;
   border-bottom: solid 1px #C7C8C9;
}

#divTour
{
	width: 600px; 
 	margin:0 auto;
 	
}
#divTour img
{
	margin: 5px;
}


/* ---- home page ---- */

#introPanel
{
  min-height: 200px;
	background-image: url(/images/intro_image_1.jpg); 
	background-position: bottom right;
	background-repeat: no-repeat;
}
.introPanelDesc
{
	width: 260px; 
	float:left;
}

#homeTopRightTable img
{
    border:solid 1px #c7c8c9;
    margin:2px;
}

tr.imglinkbottom
{
    background:#19bcb9;
    text-align:center;
    color:#ffffff;
    font-size:0.95em;
}
#chFactLeft
{
	
 font-size: 1.1em;
 color:#ffffff;
 width: 495px;
 height: 40px;
 background-image: url("/userfiles/image/homeimages/fact.jpg"); 
}
#chFactLeft span 
{
	color:#ffffff;
	float: left;
	padding-left: 50px;
	padding-top: 10px;
}
#chFactLeft span strong
{color:#ffffff;
}

#divBottomRight
{
width:400; font-size:0.9em; padding-left: 5px;
}

#divBottomRight ul
{
list-style-image:none;
list-style-image:none;
list-style-position:outside;
margin:0;
padding:0;
}

#divBottomRight li
{
display:inline;

}

#divBottomRight a strong
{
color:#006bb7;
}

#divBottomRight a
{
width:395px;
text-decoration:none;
color:#818285;
display:block;
margin:5px 50px 2px 0px;
text-align:left;
border-bottom:solid 1px #efefef;
background-image:url(/images/liMore.jpg); background-repeat:no-repeat; background-position:right center;

}

#divBottomRight a:hover
{
 background-color:#e9f8fe;
}

.courses
{
	 
	float:left;
	padding: 10px;
 width: 500px;
}
.courseDate
{
 float:left;
 width:	110px;
}
.courseInfo
{
	float:left;
	width:380px;
}
.inputFail
{
	background-color:#ff9999;
}
#tickBox p{margin-left: 5px; color: #FF0000;}