/*HORIZONTAL POP OUT MENU*/
#nav {
	margin: 0px 1px;
	width: 940px;
	height: 43px;
	background: url(/images/menu_pattern.jpg) 0px 0px repeat-x;}
#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;
	width: auto;
	float: left;
	z-index: 999;
}
#nav li li{/* make the list elements a containing block for the nested lists */
	position: relative;
	width: 200px;
																								
	float: left;
}
/*STYLE COLOUR AND SIZE LEVEL 1 LINKS*/
#nav ul li a:link, #nav ul li a:visited { 
	margin: 0px auto; 
	padding: 12px 18px 11px 18px;	
	display: block; 
	font: normal 17px Arial, Helvetica, sans-serif;
	text-decoration: none;	 	
	color: #fff;

}
#nav ul li a:hover, #nav ul li a:active {
	color: #fff;
	background: url(/images/menu_rollover2.jpg) 0px 0px repeat-x;
}
	/* SAFARI CSS3 HACK START */
	body:not(:root:root) #nav ul li a:link, body:not(:root:root) #nav ul li a:visited { 
		margin: 0px auto; 
		padding: 13px 21px 14px 22px;	
		display: block; 
		font: bold 13px Arial, Helvetica, sans-serif;
		text-decoration: none;	 	
		color: #fff;
	}
	body:not(:root:root) #nav ul li a:hover, body:not(:root:root) #nav ul li a:active {
		color: #000;
		background: url(/images/menu_rollover.jpg) 0px 1px repeat-x;
	}
	/* SAFARI CSS3 HACK END */

/*STYLE COLOUR AND SIZE LEVEL 2 LINKS*/
#nav ul ul li a:link, #nav ul ul li a:visited { 
	color: #fff;
	font: normal 13px Arial, Helvetica, sans-serif;
	text-decoration: none; 
	background-color: #333; 
	display: block; 
	margin: 0px; 
	padding: 5px;
	border-bottom: solid 1px #000;
}
/*For IE6 Only*/
*html #nav ul ul li a:link, #nav ul ul li a:visited {
 height:10px;}
#nav ul ul li a:hover, #nav ul ul li a:active { 
	color: #fff; 
	background: #c20a25;
}
	/* SAFARI CSS3 HACK START */
	body:not(:root:root) #nav ul ul li a:link, body:not(:root:root) #nav ul ul li a:visited { 
		color: #000;
		font: normal 13px Arial, Helvetica, sans-serif;
		text-decoration: none; 
		background-color: #e4e4e4; 
		display: block; 
		margin: 0px; 
		padding: 5px; 
		border-bottom: solid 1px #000;
	}
	body:not(:root:root) #nav ul ul li a:hover, body:not(:root:root) #nav ul ul li a:active { 
		color: #000; 
		background: #bababa;
	}
	/* SAFARI CSS3 HACK END */

/*POSITIONING THE POP OUTS*/
#nav ul ul {
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	position: absolute;
	z-index: 999 !important;
	width: 200px;
}
#nav ul ul ul {
	margin: 0px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	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;
}



/*VERTICAL POP OUT MENU*/
#left_nav { 
	float: left;
	width: 332px !important;
	margin: 0px 0px 0px 0px;
	padding-bottom: 10px;
}
#left_nav ul { /* remove bullets and list indents */
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
}

/*STYLE COLOUR AND SIZE LEVEL 1 LINKS*/
#left_nav ul li a:link, #left_nav ul li a:visited { 
	color: #000; 
	font: normal 13px Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	margin: 0px; 
	padding: 4px;
	width: 362px !important;
}
#left_nav ul li a:hover, #left_nav ul li a:active {
	color: #c20a25;
}
/*STYLE COLOUR AND SIZE LEVEL 2 LINKS*/
#left_nav ul ul li a:link, #left_nav ul ul li a:visited { 
	color: #000; 
	font: normal 13px Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	background-color: #7fd0f6; 
	display: block; 
	margin: 0px; 
	padding: 5px; 
	border: solid 1px #fff; }
#left_nav ul ul li a:hover, #left_nav ul ul li a:active { 
	color: #fff; 
	background: #d6eafa; }

/*POSITIONING THE POP OUTS*/
#left_nav li { 
	padding: 4px 0px;
	border-bottom: solid 1px #c20a25;
/* make the list elements a containing block for the nested lists */
	position: relative;
} 
#left_nav 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#left_nav ul ul, div#left_nav ul li:hover ul {
	display: none;
}
div#left_nav ul li:hover ul, div#left_nav ul ul li:hover ul { 
	width: 200px; 
	display: block; }

/*HIDING & REVEALING 3 LEVEL USING :hover*/
div#left_nav ul ul ul, div#left_nav ul ul li:hover ul ul {
	display: none;
}

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