/* 	CSS Document  Spot colours : #003366 #919DAA
	Author : Lee Jordan <lee.jordan@adas.co.uk>
*/

	.divider	{
		border-bottom		: 1px dotted #919DAA;
		margin-bottom		: 5px;
		margin-top			: 5px;
	}
	
	
	#nav	{
		/* margin help    top right bottom left		*/
		margin				: 0px 0px 0px 0px;
		z-index				: 1000;
		width				: 100%;
		font-size			: 90%;
		font-family			: arial, verdana, helevtica, bitstream, sans-serif;
		background-color	: #395D82;
		
		padding				: 5px 0px 5px 0px;
		position			: absolute;
		top 				: 154px;
		left				: 0em;
	}
	
	#nav ul { /* menu all lists */
		padding				: 0px;
		margin				: 0px;
		list-style			: none;
		color				: #ffffff;
		position			: relative;
		top					: 4px;
	}

	#nav li { /* menu list items */
		display				: block;
		float				: left;
		position			: relative;
		text-align			: left;
		cursor				: pointer;
		font-size			: 90%;
	}
	
	#nav li.main { /* menu list items */
		text-align			: center;
		border				: 0px;
		font-size			: 75%;
		width				: 105px;	 /* WIDTH CHANGE MAIN*/
		margin-right		: 0.2em;
		
		x-border 	: 1px solid #919DAA #AAB5C0;
		x-background-color : #57718F;
	}
	
	
	
	/* SUB Items WIDTH here*/
	#nav li ul li, #nav li ul	{
		width				: 150px; /* WIDTH CHANGE SUB*/
		background-color	: #ffffff;
	}
	
	
	#nav li.main:hover{ /* menu list items */
		background-color	: #919DAA;
		text-align			: center;
	}
	
	#nav li a.main	{
		display				: block;
		color				: #ffffff;
		padding				: 0px;
		padding-bottom		: 3px;
		border				: 0px;
		margin-right		: -16px; /*Windows Opera hack */
		border-right		: 16px solid #003366; /*Windows Opera hack */
	}
	
	#nav li a.active	{
		display				: block;
		color				: #ffffff;
		background-color	: #919DAA;
		padding				: 0px;
		padding-bottom		: 3px;
		border				: 0px;
		margin-right		: -16px; /*Windows Opera hack */
		border-right		: 16px solid #003366; /*Windows Opera hack */
	}
	
	#nav li a.main:hover {
		color				: #ffffff;
		background-color	: #919DAB;
	}
	
	#nav ul li ul li a:hover {
		margin-left			: -16px;
		padding-left		: 18px;
	}
	
	#nav li ul { /* second-level lists */
		z-index				: 1001;
		position			: absolute;
		top					: 17px;
		left				: 0px;
		
		color				: #FF9500;
		background-color	: #efefef;
		border				: 1px solid #919DAA;
	  	

		padding-left		: 15px;
		
		filter				: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; 		
		border-bottom		: 3px solid #919DAA;
		border-top			: 1px soild #57718F;
				
		/* FANCY EFFECTS:*/
		-moz-border-radius	: 0px 0px 0px 10px;
		border-radius		: 0px 0px 0px 10px;
	}
	
	.opened			{ display : block;	}
	.closed			{ display : none;	}
	
	li.main { background-color : #57718F;}
	li..hover			{ background-color : #919DAA;}



	#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
		top					: auto;
		left				: 0px;
	}
	
	#nav a
	{
		color				: #000000;
		
		z-index				: 1002;
		text-decoration		: none;
		display				: block;
		padding				: 3px;
		border-left			: 1px solid #aaa;
	}
	
	#nav a:hover
	{
		color				: #ffffff;
		background-color	: #919DAA;
		z-index				: 1002;
	}
	
	
	
		
	#nav li:hover ul, li.over ul { /* lists nested under hovered list items future developments will need work here */
		display				: block;
	}
	
	li.lastone 
	/* Very strange IE bug produces phantom submenu from last main menu item 
	   Best way is to make sure the last menu item is a dummy item and is forced off screen
	   
	   IMPORTANT : 
	   No CSS hacks used because hidding this from mozilla / opera would be deterimental
	*/
	{
		z-index				: -100;
		visibility			: hidden;
	}