/*HORIZONTAL POP OUT MENU*/
html>body #nav {
	margin: 0px 20px 0px 0px;
	padding-right: 20px;
	padding-left: 0px;
	width: 626px;
	height: 54px;
	background: url(../images/nav_right.png) right top no-repeat;
}
#nav {
	float: left;
	margin: 0px;
	padding-left: 0px;
	padding-right: 20px;
	width: 626px;
	height: 54px;
	background: url(../images/nav_right.gif) right top no-repeat;
}
#nav ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav li{/* make the list elements a containing block for the nested lists */
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 20px;
}
#nav li li{/* make the list elements a containing block for the nested lists */
	position: relative;
	float: left;
	margin-top: 0px;
	width: 210px;
}

/*STYLE COLOUR AND SIZE LEVEL 1 LINKS*/
#nav ul li a:link, #nav ul li a:visited { 
	color: #0b2e59;  
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	background: url(../images/nav_pattern.jpg) 0px 0px repeat-x;	 
	display: block; 
	border-left: solid 1px #fce295;
	border-right: solid 1px #fe8c0e;
	border-bottom: solid 1px #fe8c0e;
	margin: 0px; 
	padding: 8px 25px;
}
#nav ul li a.end
{
	border-right: none !important;
	padding-right: 15px !important;
}
	/* Safari Hacks Start */
	body:not(:root:root) #nav ul li a.end
	{
		border-right: none !important;
		padding-right: 16px !important;
	}

	 body:not(:root:root) #nav ul li a:link, #nav ul li a:visited {
		color: #0b2e59; 
		font: normal .9em Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none; 	 
		display: block; 
		border-left: solid 1px #fce295;
		border-right: solid 1px #fe8c0e;
		border-bottom: solid 1px #fe8c0e;
		margin: 0px; 
		padding: 8px 29px;

	}
	body:not(:root:root) #nav ul ul li a:link, #nav ul ul li a:visited { 
		color: #0b2e59;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif !important;
		text-decoration: none; 
		display: block; 
		padding: 8px; 
		border-bottom: solid 1px #fe8c0e; 
		border-left: solid 1px #fe8c0e;
		width: 210px;
		background: #f6e768;
	}
	body:not(:root:root) #nav ul ul li a:hover, #nav ul ul li a:active {  
		background: #f8d554;
	}
	/* Safari Hacks End */	

#nav ul li a:hover, #nav ul li a:active {
	color: #0d6759;
}

/*STYLE COLOUR AND SIZE LEVEL 2 LINKS*/
#nav ul ul li a:link, #nav ul ul li a:visited { 
	color: #0b2e59;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif !important;
	text-decoration: none; 
	display: block; 
	padding: 8px; 
	border-bottom: solid 1px #fe8c0e; 
	border-left: solid 1px #fe8c0e;
	background: #f6e768;
	z-index: 999;
}
#nav ul ul li a:hover, #nav ul ul li a:active {  
	background: #f8d554;
}
#nav ul ul li {
}
/*POSITIONING THE POP OUTS*/
#nav ul ul {
	position: absolute;
	z-index: 999;
	width: 210px;
}
#nav ul ul ul {
	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: 210px;
}

