/* 	CSS Document  Spot colours : #BCD0C5 #0B5D2C
	Author : Lee Jordan <lee.jordan@adas.co.uk>
*/

	.divider	{
		border-bottom		: 1px dotted #0B5D2C;
		margin-bottom		: 5px;
		margin-top			: 5px;
	}
	
	
	#navtop	{
		z-index				: 200;
		/* 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	: #BCD0C5;
		
		padding				: 0px 0px 5px 0px;
		float				: left;
		clear				: both;
	}
	
	#navtop ul { /* menu all lists */
		padding				: 0px;
		margin				: 0px;
		list-style			: none;
		color				: #ffffff;
		position			: relative;
		top					: 4px;
	}

	#navtop li { /* menu list items */
		display				: block;
		float				: left;
		position			: relative;
		text-align			: left;
		cursor				: pointer;
		font-size			: 90%;
	}
	
	#navtop li.main { /* menu list items */
		text-align			: center;
		border				: none;
		color				: #fff;
		font-size			: 75%;
		width				: 92px;	 /* WIDTH CHANGE MAIN*/
		margin-right		: 0.2em;
	}
	
	/* SUB Items WIDTH here*/
	#navtop li ul li, #navtop li ul	{
		width				: 150px; /* WIDTH CHANGE SUB*/
		background-color	: #ffffff;
	}
	
	
	#navtop li.main:hover{ /* menu list items */
		background-color	: #0B5D2C;
		color				: #fff;
		text-align			: center;
	}
	
	
	/* Warning nasty quick hack to get text colours in main and sub menus working independantly of each other : Works with JS file*/
	#navtop .test li a {color				: #000;}	
	#navtop .test a,
	#navtop .test li a:hover {
		color				: #fff;
	}
	/* End hack : I'm not proud, but it works */
	
	#navtop li a.main	{
		display				: block;
		padding				: 0px;
		padding-bottom		: 3px;
		border				: 0px;
		margin-right		: -16px; /*Windows Opera hack */
		border-right		: 16px solid #BCD0C5; /*Windows Opera hack */
	}
	
	#navtop ul li a.main:hover {
		color				: #fff;
		background-color	: #0B5D2C;
	}
	
	#navtop ul li ul li a:hover {
		margin-left			: -16px;
		padding-left		: 18px;
	}

	
	#navtop li a.active	{
		display				: block;
		color				: #ffffff;
		background-color	: #0B5D2C;
		padding				: 0px;
		padding-bottom		: 3px;
		border				: 0px;
		margin-right		: -16px; /*Windows Opera hack */
		border-right		: 16px solid #BCD0C5; /*Windows Opera hack */
	}
		
	#navtop li ul { /* second-level lists */
		z-index				: 2001;
		position			: absolute;
		top					: 17px;
		left				: 0px;
		
		background-color	: #BCD0C5;
		border				: 1px solid #0B5D2C;
	  	

		padding-left		: 15px;
		
		
		border-bottom		: 3px solid #0B5D2C;
				
		/* FANCY EFFECTS:
		filter				: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; 		
		*/
		-moz-border-radius	: 0px 0px 0px 10px;
		border-radius		: 0px 0px 0px 10px;
	}
	
	.opened			{ display : block;	}
	.closed			{ display : none;	}
	.test			{ background-color : #0B5D2C;}

	#navtop 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;
	}
	
	#navtop a
	{
		color				: #000000;
		
		z-index				: 1002;
		text-decoration		: none;
		display				: block;
		padding				: 3px;
		border-left			: 1px solid #CCCCCC;
	}
	
	#navtop a:hover
	{
		color				: #ffffff;
		background-color	: #0B5D2C;
		z-index				: 1002;
	}
	
	
	
		
	#navtop 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;
	}