@media all 
{
	#nav_main {
		background: #000000;
	}
	
	#nav,
	#nav ul {
		padding: 10px 0px 5px 0px;
		margin: 0;
		list-style: none;
		position: relative;
		z-index: 200;		
		
		float: right;				
		
		background: #000000;
	}
	
	#nav {
		padding: 0;		
	}
	
	#nav a:hover {
		color: #8FD900;
		background: #000;
	}
	
	#nav a:active {
		color: #8FD900;
		background: #000000;
	}
	
	
	#nav li {
		float: left;
	}
	
	#nav li li {
		float: none;
		background: #000000;
	}
	
	/* a hack for IE5.x and IE6 */
	* html #nav li li {
		float: left;
	}
	
	#nav li a {
		display: block;
		float: left;
		text-decoration: none;
		white-space: nowrap;


		font-family: arial;
		font-size: 18px;
		color: #fff;
	}
	
	#nav li li a {
		font-family: arial;
		font-size: 12px;
		float: none;
	}
	
	#nav li:hover {
		background: none;
		position: relative;
		z-index: 300;
	}
	
	#nav li:hover ul {
		left: 0;
		top: 18px;;
	}
	
	/* another hack for IE5.5 and IE6 */
	* html #nav li:hover ul {
		left: 10px;
	}
	
	#nav ul {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	/* yet another hack for IE5.x and IE6 */
	* html #nav ul {
		width: 1px;
	}
	
	/* it could have been this simple if all browsers understood */
	/* show next level */
	#nav li:hover li:hover>ul {
		left: -15px;
		margin-left: 100%;
		top: -1px;
	}
	
	/* keep further levels hidden */
	#nav li:hover>ul ul {
		position: absolute;
		left: -9999px;
		top: -9999px;
		width: auto;
	}
	
	/* show path followed */
	#nav li:hover>a {
		text-decoration: none;
		color: #8FD900;;
	}
	
	/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
	/* show next level */
	#nav li:hover li:hover ul,#nav li:hover li:hover li:hover ul,#nav li:hover li:hover li:hover li:hover ul,#nav li:hover li:hover li:hover li:hover li:hover ul {
		left: -15px;
		margin-left: 100%;
		top: -1px;
	}
	
	/* keep further levels hidden */
	#nav li:hover ul ul,#nav li:hover li:hover ul ul,#nav li:hover li:hover li:hover ul ul,#nav li:hover li:hover li:hover li:hover ul ul {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	
	/* show path followed */
	#nav li:hover a,#nav li:hover li:hover a,#nav li:hover li:hover li:hover a,#nav li:hover li:hover li:hover li:hover a,#nav li:hover li:hover li:hover li:hover li:hover a,#nav li:hover li:hover li:hover li:hover li:hover li:hover a {
		text-decoration: none;
		color: #8FD900;
	}
	
	/* hide further possible paths */
	#nav li:hover li a,#nav li:hover li:hover li a,#nav li:hover li:hover li:hover li a,#nav li:hover li:hover li:hover li:hover li a,#nav li:hover li:hover li:hover li:hover li:hover li a {
		text-decoration: none;
		color: #fff;
	}
}