/*HORIZONTAL POP OUT MENU*/
#nav {
	position:relative;
		z-index:50;}
		
#nav p.holding-notice {
padding: 0; margin: 0;
color:#194b72;
display:block;
text-align:center;}
		
		
#nav ul { /* remove bullets and list indents */
	list-style:none;z-index:999px; height:23px;
}
#nav li{/* make the list elements a containing block for the nested lists */
	position: relative;
	width: auto;
	float: left;
	background:url(../images/nav_divider.gif) left top no-repeat;
	padding: 0 12px 0 13px;
	
}
#nav ul li ul li{/* make the list elements a containing block for the nested lists */
	position: relative;
	width: 173px;
	float: left;
	left:0px;
	padding: 0px;
	border-left:solid 4px #f08708;
	z-index:999;
	background:url(../images/drop-nav_bg.png) left bottom repeat;
}

/*STYLE COLOUR AND SIZE LEVEL 1 LINKS*/
#nav ul li ul li a:link, #nav ul li ul li a:visited {
display:block;
height: 23px;
width: 153px;
padding: 8px 0px 2px 20px;
text-align:left;
font:normal 11px Arial, Helvetica, sans-serif;
color:#ffffff;
background:url(../images/subnav_arrow.gif) 8px 13px no-repeat; }

#nav ul li.selected ul li a:link, #nav ul li.selected ul li a:visited, #nav ul li.selected ul li a:active {
color:#ffffff;}
	#nav ul li ul li a:hover, #nav ul li ul li a:active {
	display:block;
	color:#000;background-color: #d1dbe3;
	height: 23px; 
	text-align:left;
	font:normal 11px Arial, Helvetica, sans-serif;
}

/*STYLE COLOUR AND SIZE LEVEL 2 LINKS*/
#nav ul ul li a:link, #nav ul ul li a:visited { 
	float: left;
	display: block;
	height: 26px;
	color: #696969;
}
#nav ul ul li a:hover, #nav ul ul li a:active { 
	color: #ffffff;
	height: 26px;
	text-decoration:none;
}
#nav ul ul li {
	padding: 0px;
	margin: 0px;
	border-right:none;
	text-indent: 0px;
	display:block;
	/*border-bottom:dotted 1px #95acbe;*/
}

/*POSITIONING THE POP OUTS*/
#nav ul ul {
	position: absolute;
	z-index: 500;
	/*width: 200px;*/
	margin:0px;
	display:block;
	left:0px;
	top:23px;
	
}
#nav ul ul ul {
	display:block;
	position: absolute;
	top: 0px;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
}
/*HIDING & REVEALING 2 LEVEL USING :hover*/
div#nav ul ul, div#nav ul li:hover ul {
	display: none;
}

div#nav ul li:hover ul, div#nav ul ul li:hover ul { 
	display: block;
}

/*HIDING & REVEALING 3 LEVEL USING :hover*/
div#nav ul ul ul, div#nav ul ul li:hover ul ul {
	display: none !important;

}

div#nav ul ul li:hover ul, div#nav ul ul ul li:hover ul {
	display: block !important;
	width: 200px;
}