
/*####################
### TOP NAVIGATION ###
####################*/ 



.menu {
	padding					: 102px 0px 0px 0px;
}

.topNavMenu {
	font-size				: 0.85em; 
	position				: relative; 
	z-index					: 1000;
	width 					: 755px;
	padding					: 0px;
	margin					: 0px;
	background-color		: #E6EBEE;

}


/* hack to correct IE5.5 faulty box model */
* html .topNavMenu {
	width					: 760px; 
	w\idth					: 755px;
}
	
/* remove all the bullets, borders and padding from the default list styling */
.topNavMenu ul {
	padding					: 0px;
	margin					: 0px;
	list-style-type			: none;
	height					: 25px;


}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown topNavMenu positon */
.topNavMenu li {
	float					: left;
	display					: block;
	position				: relative;
	border	 				: 0px;
	}


/* style the links for the top level */
.topNavMenu a{
	display					: block;
	font-size				: 11px;
	text-decoration			: none; 
	color					: #428CC6; 
	padding					: 0px 8px 0px 8px; 
	line-height				: 25px;
	font-weight				: bold;
	border-right			: 1px solid #428CC6; 
}

.topNavMenu ul ul {
	width					: 135px;
	padding					: 6px 0px 2px 5px;
	visibility				: hidden;
	position				: absolute;
	z-index					: 1000;
	height					: auto;
	top						: 25px;
	left					: -1px; 
	text-align				: left;
	background-color		: #B4D2E9;
	border					: 1px solid #81B4DA 
	/*background-image		: url(../images/navBkgrd.png);
	background-position		: top left;*/
}



/* another hack for IE5.5 */
* html .topNavMenu ul ul {
	top						: 24px;
	t\op					: 25px;
}


/* style the second level hover */
.topNavMenu ul ul a.drop:hover{
	background-color		: #EF7E22;

	
}


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


/* style the second level links */
.topNavMenu ul ul a{
	background				: #DBDFE8; 
	height					: auto; 
	line-height				: 1.2em; 
	font-weight				: bold;
	padding					: 5px 10px; 
	margin-bottom			: 4px;
	width					: 110px !important;
	border					: 0x none !important;
		border-bottom			: 1px solid #428CC6; 
	
}

/* style the top level hover */
.topNavMenu a:hover, .topNavMenu ul ul a:hover{
	text-decoration			: none;
	color					: #FFF;
}

.topNavMenu a:hover, .topNavMenu a.selected{
	text-decoration			: none;
	background-color		: #008EC7;
	color					: #FFF;	
}

.topNavMenu :hover > a {
	text-decoration			: none;
	background-color		: #008EC7;
	color					: #FFF;
}

.topNavMenu ul ul :hover > a {
	background-color		: #008EC7;
	text-decoration			: none;
	color					: #FFF;
}


/* style the top level hover */

*html .topNavMenu ul a:hover{
	text-decoration			: none;
	background-color		: #008EC7;
	color					: #FFF;
}

*html .topNavMenu ul ul a:hover {
	text-decoration			: none;
	color					: #FFF;
	background-color		: #008EC7;
	background-image    	: none;
}


/* make the second level visible when hover on first level list OR link */
.topNavMenu ul li:hover ul, .topNavMenu ul a:hover ul{
	visibility				: visible; 
}




/*#####################
### LEFT NAVIGATION ###
#####################*/ 



#leftNav{
	display 				: block;
	margin					: 0px;
	padding					: 0px;
	width					: 162px;
}

#leftNav ul {
	margin					: 0px;
	padding		 			: 0px 5px 0px 0px;	
}

#leftNav li {
	list-style				: none;
	
}

#leftNav li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 5px 0px;
	color					: #428CC6;
	font-weight				: bold;
	border-top				: 1px solid #008EC7;
	background-image		: url(../images/leftNav.gif);
	background-position		: right;
	background-repeat		: no-repeat;
	
}

*html #leftNav li a {
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 5px 0px;
	height					: 15px;
	
}


#leftNav li a:hover, #leftNav li a.selected {
	color					: #245379;
	background-image		: url(../images/leftNavOver.gif);
	background-position		: right;
	background-repeat		: no-repeat;
	
}


/*####################
### MAP NAVIGATION ###
####################*/

.mapNav{
	width					: 100%;
	text-align				: center;
}

.mapNav a {
	display 				: block;
	margin					: 0px;
	padding					: 0px;
	color					: #428CC6;
	font-weight				: bold;
	text-decoration			: none;	
}

.mapNav a:hover {
	color					: #245379;
}


/*####################
### SUB NAVIGATION ###
####################*/ 



.subNav{
	display 				: block;
	margin					: 0px;
	padding					: 0px;
}

.subNav ul {
	margin					: 0px;
	padding		 			: 0px;	
}

.subNav li {
	list-style				: none;
	
}

.subNav span, .subNav li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 5px;
	padding					: 10px 0px 0px 10px;
	color					: #428CC6;
	font-weight				: bold;
	text-decoration			: none;
	
}	

*html .subNav li a {
	height					: 15px;
	
}


.subNav li a:hover, .subNav li .selected {
	color					: #245379;
	text-decoration			: none;
	
}

.subNav .Horsham li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 15px;
	padding					: 3px 0px 0px 10px;
	color					: #428CC6;
	font-weight				: bold;
	font-size				: 90%;
}

.subNav .Horsham li a:hover, .subNav .Horsham li .selected {
	color					: #245379;
	text-decoration			: none;
	
}


/*#################
###  NAVIGATION ###
#################*/ 



/* Tables with a White behind (title number implies gif width) */
#tblWhite160{
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background-image		: url(../images/table/bottom_White_Narrow.gif);
	background-position		: bottom left;
	background-repeat		: no-repeat;
}


*html #tblWhite160{
	margin					: 0px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
}

.tblWhiteTop160{
	margin					: 0px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	background-image		: url(../images/table/top_White_Narrow.gif);
	height					: 5px;
	display					: block;
	background-position		: top left;
	background-repeat		: no-repeat;
}
*html .tblWhiteTop160{
	margin					: 0px 0px -10px 0px;
}



/* Tables with a Blue behind  (title number implies gif width) */
#tblBlue140{
	display 				: block;
	margin					: 10px 10px 10px 10px;
	padding					: 0px 0px 10px 0px;
	width					: 140px;
	background-color		: #81BBE5;
	background-image		: url(../images/table/bottom_Blue140.gif);
	background-position		: bottom left;
	background-repeat		: no-repeat;
}

*html #tblBlue140{
	margin					: 10px 10px 0px 10px;
	padding					: 0px 0px 0px 0px;
}


.tblBlueTop140{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background-image		: url(../images/table/top_Blue140.gif);
	height					: 5px;
	display					: block;
	background-position		: top left;
	background-repeat		: no-repeat;
}

*html .tblBlueTop140{
	margin					: 0px 0px -10px 0px;
}


#tblBlue370{
	display 				: block;
	margin					: 10px 10px 10px 13px;
	padding					: 0px 0px 10px 0px;
	width					: 370px;
	background-color		: #81BBE5;
	background-image		: url(../images/table/bottom_Blue370.gif);
	background-position		: bottom left;
	background-repeat		: no-repeat;
}
*html #tblBlue370{
	margin					: 0px 10px 0px 13px;
}


.tblBlueTop370{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background-image		: url(../images/table/top_Blue370.gif);
	height					: 5px;
	display					: block;
	background-position		: top left;
	background-repeat		: no-repeat;
}

*html .tblBlueTop370{
	margin					: 0px 0px -10px 0px;
}



/* Table bottom clear */
.tableBottom{
	clear					: both;
	height					: 1px;
	display					: block;
}


/*********************************/
/**      Clinician nav          **/
/*********************************/
#clinicianNav {
	display					: block;
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 10px 0px;
	width					: 180px;
	background-color		: #CEE4FB;
}

#clinicianNav ul {
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;	
}

#clinicianNav li {
	list-style				: none;
	margin					: 5px 5px 5px 10px;
	padding					: 0px 0px 0px 0px;
	float					: left;
	display					: block;
	position				: relative;
	
}

*html #clinicianNav li {
	margin					: 5px 5px 5px 5px;
	
}

#clinicianNav li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 25px;
	font-weight				: bold;
	line-height				: 1.7em;
	background-color		: #FFF;
	border					: 1px solid #FFF;
	min-height				: 20px;	
	width					: 130px;
	text-decoration			: none;
}

#clinicianNav .consultants a{
	color					: #40A022;
	background-image		: url(../images/service1.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#clinicianNav .gps a{
	color					: #01ACB1;
	background-image		: url(../images/service2.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#clinicianNav .counsellors a{
	color					: #6B36CC;
	background-image		: url(../images/service4.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#clinicianNav .therapists a{
	color					: #EE27AF;
	background-image		: url(../images/service5.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#clinicianNav .dentists a{
	color					: #295FA2;
	background-image		: url(../images/service3.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#clinicianNav .audiologists a{
	color					: #A70069;
	background-image		: url(../images/service12.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#clinicianNav li a:hover, #clinicianNav li a.selected{
	border					: 1px solid #FFFFFF;
	color					: #FFFFFF;
	background-color		: #81BBE5;
	text-decoration			: none;
	background-image		: url(../images/serviceOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}





/********************************/
/**      Services nav          **/
/********************************/
#serviceTbl{
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 10px 0px;
	width					: 394px;
	background-color		: #81BBE5;
	background-image		: url(../images/table/bottom_White.gif);
	background-position		: bottom left;
	background-repeat		: no-repeat;

}

.tableTop{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background-image		: url(../images/table/top_White.gif);
	height					: 5px;
	display					: block;
	background-position		: top left;
	background-repeat		: no-repeat;
}





#serviceTbl ul {
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;	

}

#serviceTbl li {
	list-style				: none;
	margin					: 5px 5px 5px 8px;
	padding					: 0px 0px 0px 10px;
	float					: left;
	display					: block;
	
}

*html #serviceTbl li {
	margin					: 5px 5px 5px 5px;
	
}

#serviceTbl li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 25px;
	color					: #428CC6;
	font-weight				: bold;
	line-height				: 1.7em;
	background-color		: #FFF;
	border					: 1px solid #FFF;
	height					: 20px;	
	width					: 140px;
	text-decoration			: none;
	
}


#serviceTbl .link1 a{
	color					: #40A022;
	background-image		: url(../images/service1.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}


#serviceTbl .link2 a{
	color					: #01ACB1;
	background-image		: url(../images/service2.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}


#serviceTbl .link3 a{
	color					: #295FA2;
	background-image		: url(../images/service3.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTbl .link4 a{
	color					: #6B36CC;
	background-image		: url(../images/service4.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTbl .link5 a{
	color					: #EE27AF;
	background-image		: url(../images/service5.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTbl .link6 a{
	color					: #003877;
	background-image		: url(../images/service6.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTbl .link7 a{
	color					: #FF6C01;
	background-image		: url(../images/service7.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTbl .link8 a{
	color					: #D65A63;
	background-image		: url(../images/service8.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTbl .link9 a{
	color					: #035DFF;
	background-image		: url(../images/service9.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTbl .link10 a{
	color					: #800000;
	background-image		: url(../images/service10.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTbl .link11 a{
	color					: #505050;
	background-image		: url(../images/service11.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTbl .link12 a{
	color					: #A70069;
	background-image		: url(../images/service12.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTbl .linkLong a{
//	color					: #035DFF;
	width					: 330px;
	text-align				: center;
	background-image		: url(../images/serviceLong.gif);
//	background-position		: left;
//	background-repeat		: no-repeat;
}

*html #serviceTbl .linkLong a{
	width					: 327px;
}



#serviceTbl li a:hover, #serviceTbl li a.selected  {
	border					: 1px solid #FFF;
	color					: #FFF;
	background-color		: #81BBE5;
	text-decoration			: none;
	background-image		: url(../images/serviceOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}


#serviceTbl .linkLong a:hover, #serviceTbl .linkLong a.selected {
	background-image		: url(../images/serviceOverLong.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}



/*################################
### SERVICES NAVIGATION NARROW ###
###############################*/ 


#serviceTblNarrow{
	display 				: block;
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 10px 0px;
	width					: 180px;
	background-color		: #81BBE5;

}



#serviceTblNarrow ul {
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;	
}

#serviceTblNarrow li {
	list-style				: none;
	margin					: 5px 5px 5px 10px;
	padding					: 0px 0px 0px 0px;
	float					: left;
	display					: block;
	position				: relative;
	
}

*html #serviceTblNarrow li {
	margin					: 5px 5px 5px 5px;
	
}

#serviceTblNarrow li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 25px;
	color					: #428CC6;
	font-weight				: bold;
	line-height				: 1.7em;
	background-color		: #FFF;
	border					: 1px solid #FFF;
	min-height				: 20px;	
	width					: 130px;
	text-decoration			: none;
	
}


#serviceTblNarrow .link1 a{
	color					: #40A022;
	background-image		: url(../images/service1.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}


#serviceTblNarrow .link2 a{
	color					: #01ACB1;
	background-image		: url(../images/service2.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}


#serviceTblNarrow .link3 a{
	color					: #295FA2;
	background-image		: url(../images/service3.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTblNarrow .link4 a{
	color					: #6B36CC;
	background-image		: url(../images/service4.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTblNarrow .link5 a{
	color					: #EE27AF;
	background-image		: url(../images/service5.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTblNarrow .link6 a{
	color					: #003877;
	background-image		: url(../images/service6.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTblNarrow .link7 a{
	color					: #FF6C01;
	background-image		: url(../images/service7.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTblNarrow .link8 a{
	color					: #D65A63;
	background-image		: url(../images/service8.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}


#serviceTblNarrow .link9 a{
	color					: #035DFF;
	background-image		: url(../images/service9.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTblNarrow .link10 a{
	color					: #800000;
	background-image		: url(../images/service10.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTblNarrow .link11 a{
	color					: #505050;
	background-image		: url(../images/service11.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTblNarrow .link12 a{
	color					: #A70069;
	background-image		: url(../images/service12.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

#serviceTblNarrow li a:hover, #serviceTblNarrow li a.selected  {
	border					: 1px solid #FFF;
	color					: #FFF;
	background-color		: #81BBE5;
	text-decoration			: none;
	background-image		: url(../images/serviceOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}





/*##########################
### CONDITIONS SIDE MENU ###
##########################*/ 


#sideMenu{
	display 				: block;
	margin					: 0px;
	padding					: 0px;
	width					: 130px;
}

#sideMenu ul {
	margin					: 0px;
	padding		 			: 0px 0px 0px 30px;	
}


#sideMenu li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 5px 0px;
	padding					: 0px 0px 0px 0px;
	line-height				: 1.4em;
	font-size				: 90%;
	
}

*html #sideMenu li a {
	margin					: 0px 0px 5px 0px;
	padding					: 0px 0px 0px 0px;
	height					: 15px;
	
}


#sideMenu li a:hover{
	text-decoration			: underline;
	

}


#sideMenu li a.selected {
	text-decoration			: underline;
	font-weight				: bold;
	
	
	
}

/*##########################
### treatment navigation ###
##########################*/

#treatmentNav{
	margin					: 0px;
	padding					: 0px;
	width					: 100%;
}

#treatmentNav .left {
	background-image		: url(../images/rightNav.gif);
	background-position		: left;
	background-repeat		: no-repeat;	
}

#treatmentNav .left a {
	text-decoration			: none;
	margin					: 0px;
	padding					: 0px 0px 0px 15px;
	color					: #428CC6;
}

#treatmentNav .left a:hover {
	color					: #245379;
	background-image		: url(../images/rightNavOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}

#treatmentNav .right {
	background-image		: url(../images/leftNav.gif);
	background-position		: right;
	background-repeat		: no-repeat;	
	text-align				: right;
}

#treatmentNav .right a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px;
	padding					: 0px 15px 0px 0px;
	color					: #428CC6;
}

#treatmentNav .right a:hover {
	color					: #245379;
	background-image		: url(../images/leftNavOver.gif);
	background-position		: right;
	background-repeat		: no-repeat;
	
}

/*####################
### BACKWARDS LINK ###
####################*/

#backLink{
	display 				: block;
	margin					: 0px;
	padding					: 0px;
}

#backLink ul {
	margin					: 0px;
	padding					: 0px 0px 0px 20px;
}

#backLink li {
	list-style				: none;
}

#backLink li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px;
	padding					: 0px 0px 0px 20px;
	color					: #428CC6;
	background-image		: url(../images/rightNav.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}

*html #backLinkMenu li a {
	margin					: 0px 0px 0px 10px;
	padding					: 0px;
	height					: 15px;
	
}


#backLink li a:hover {
	color					: #245379;
	background-image		: url(../images/rightNavOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}

/*##################
### ACTIONS MENU ###
##################*/ 

#actionsMenu{
	display 				: block;
	margin					: 0px;
	padding					: 0px;
	width					: 150px;
}

#actionsMenu ul {
	background				: #fff;
	margin					: 0px;
	padding		 			: 0px 5px 0px 10px;	
}

#actionsMenu li {
	list-style				: none;
	
}

#actionsMenu li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 10px;
	padding					: 5px 0px 5px 20px;
	color					: #428CC6;
	line-height				: 1.4em;
	font-size				: 90%;
	background-image		: url(../images/leftNav.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}

*html #actionsMenu li a {
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 5px 20px;
	height					: 15px;
	
}


#actionsMenu li a:hover, #actionsMenu li a.selected {
	color					: #245379;
	background-image		: url(../images/leftNavOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}



/*################
### LINKS MENU ###
################*/ 


#linksMenu{
	display 				: block;
	margin					: 0px;
	padding					: 0px;
}

#linksMenu ul {
	margin					: 0px;
	padding		 			: 15px 5px 0px 10px;	
}

#linksMenu li {
	list-style				: none;
	
}

#linksMenu li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 10px;
	padding					: 5px 0px 5px 20px;
	color					: #000;
	line-height				: 1.4em;
	font-size				: 90%;
	background-image		: url(../images/leftNav.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}

*html #linksMenu li a {
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 5px 20px;
	height					: 15px;
	
}


#linksMenu li a:hover, #linksMenu li a.selected {
	color					: #000;
	background-image		: url(../images/leftNavOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}




/*##############
### SITE MAP ###
##############*/ 


.sitemap li a{
	font-weight			: bold;
	line-height			: 1.8em;
	text-decoration		: none;
}

.sitemap li a:hover{
	text-decoration		: underline;
}
