@charset "UTF-8";

#menuNav, #menuNav ul { 					/* all lists */
		padding: 0;
		margin: 0;
		margin-top: 20px;					/* set the where the top menu items start within the menu bar */
		list-style: none;
		float : left;
		width : 160px;						/* set the width to be the same as the menu bar */
		z-index : 1;
	}
	
	#menuNav li { 							/* all list items */
		position : relative;
		float : left;
		line-height : 3em;					/* Set the gap between the menu items by changing the line height */
		margin-bottom : -1px;
		font-size:16px;						/* set the font size to start with so that the design looks right! */		
		width: 160px;						/* set the width to be the same as the menu bar */
	}
	
	#menuNav li ul { 						/* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 160px;				/* controls the horizontal space between the top and secondary menus - aligned to the edge of the menu bar*/
		margin-top : -2.8em;				/* controls the vertical alignment of sub menu items to the top menu */
		opacity: .8;						/* this sets the opacity to 50% for Safari & Mozilla browsers */
		filter: alpha(opacity=80);			/* this sets the opacity to 50% for IE */

	}
	
	#menuNav li ul li {
		font-size: 12px;					/* make the text in teh sub menu smaller */
		}
	
	#menuNav li a {
		/* width: 11em; */
		/* w\idth : 10em; */
		width:150px; 						/* set the width to be the same as the menu bar but allow for the padding to keep it aligned */
		display : block;
		color : white;
		text-align:right;					/* Push the text over to the right hand edge */
		/* font-weight : bold; */
		text-decoration : none;
		background-color : #294f28;			/* set the button background colour to the same as the menu bar */
		/* border : 1px solid black; */
		padding-right:10px;					/* put a small gap between the edge of the box and the text */
	}
	
	#menuNav li a:hover {
		color:#75C07B;						/* change the hovered item text colour to be the same as the light green */
		opacity: .8;						/* if we are in the sub menu then this will increase the opacity of the hovered item */ 
		filter: alpha(opacity=80);

}
	
	#menuNav li:hover ul ul, #menuNav li:hover ul ul ul, #menuNav li.iehover ul ul, #menuNav li.iehover ul ul ul {
		left: -999em;
	}
	
	#menuNav li:hover ul, #menuNav li li:hover ul, #menuNav li li li:hover ul, #menuNav li.iehover ul, #menuNav li li.iehover ul, #menuNav li li li.iehover ul { /* lists nested under hovered list items */
		left: auto;
	}	

/***************************************************************
* Styling used for on page menu lists
****************************************************************/

.selectionlist li
	{
		list-style:none;
		margin: 3px 0 6px 0;
	}
.selectionlist li a 
	{
		background:url(/images/buttons/arrowheader_pointer.gif) no-repeat left;
		padding-left:15px;
		font-weight:bold;
	}
.selectionlist li a:hover
	{
		background: url(/images/buttons/arrowheader_pointer_hot.gif) no-repeat left;
		padding-left:15px;
		color:#A8B7A7;
	}