/*HORIZONTAL POP OUT MENU*/
#nav {
	position:relative;
		z-index:50;}
#nav ul { /* remove bullets and list indents */
	list-style:none;z-index:999px;margin-bottom: 0px;
}
#nav li{/* make the list elements a containing block for the nested lists */
	position: relative;
	width: auto;
	float: left;
	
}
#nav ul li ul li{/* make the list elements a containing block for the nested lists */
	position: relative;
	width: 200px;
	height: 26px;
	padding-top: 4px;
	float: left;
	left:0px;
	padding: 0px;
	/*border-bottom:solid 1px #ffffff;*/
	z-index:999;
}

/*STYLE COLOUR AND SIZE LEVEL 1 LINKS*/
#nav ul li ul li a:link, #nav ul li ul li a:visited {
display:block; 
height: 21px; width:195px;
padding: 5px 0px 0px 5px;
text-align:left;
font:normal 11px Arial, Helvetica, sans-serif;
color:#ffffff; }
#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;
height: 21px; width:195px;
padding: 5px 0px 0px 5px;
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;
}
#nav ul ul li a:hover, #nav ul ul li a:active { 
	color: #fff; 
	height: 26px;
	background: #666666; 
}
#nav ul ul li {
	width: 300px;
	border-right:none;
}
/*POSITIONING THE POP OUTS*/
#nav ul ul {
	position: absolute;
	z-index: 500;
	width: 200px;
	margin:0px;
	display:block;
	left:0px;
	top:62px;
}
#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;
}