/* MAIN MENU - 3 LEVELS OF LISTS, EACH ONE IS A DIFFERENT WIDTH	

/* ------------------------- FIRST LEVEL --------------------------------------*/

/* 1st LEVEL LIST BOX*/	
 #Vnav ul {
	padding: 0;
	margin: 0;
	list-style: none; /*used in all lists because it is not overwritten */
	float : left;
	width : 90px; /* DEFINES COLUMN WIDTH TO LOOK SQUARE, OVERWRITTEN BY TEXT WIDTH */
	border: solid #0ee;  /*used in all lists because it is not overwritten */
	border-width: 3px;  /*used in all lists because it is not overwritten */
	background-color : #066;
}

/* FIRST LEVEL LIST ITEMS */	
#Vnav li {
	position : relative; 
	float : left; 
	margin-bottom : -1px; 
	display : block;
	font-weight : bold;
	padding : 3px 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/* TO ENSURE LINKS DONT CHANGE COLOUR */
#Vnav li a {
	color : #fff;
	text-decoration : none;	
	width:80px;   /* sets highlight to full width of colum rather than text only*/
	display : block; /* sets highlight to full width of colum rather than text only*/
}

/* ---------------------------------------------SECOND LEVEL -------------------------------*?


/* SECOND LEVEL LISTS */	
#Vnav li ul { 
position : absolute; 
left: -999em; 
margin-left : 80px; /* SET SLIGHTLY INSIDE PREVIOUS COLUMN TO RETAIN CONECTION */
margin-top : -25px; 
width: 160px; 
background-color : #066;
}

/* SECOND LEVEL LIST ITEMS */	
#Vnav li li {position : relative; 
	float : left; 
	 
	margin-bottom : -1px;  
	display : block;
	font-weight : bold;
	padding : 3px 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	
}

#Vnav li li a {
	color : #fff;
	text-decoration : none;	
	width:147px;   /* sets highlight to full width of colum rather than text only*/
	display : block; /* sets highlight to full width of colum rather than text only*/
}

/* -------------------- THIRD LEVEL---------------- */

/* gsp OUTLINR BOX */	
#Vnav  li ul ul {  
	left: -999em; 
	width: 280px; 
	margin-top : -25px; 
	line-height : 1.5em; 
	margin-left : 150px; /* SET SLIGHTLY INSIDE PREVIOUS COLUMN TO RETAIN CONECTION */
	background-color : #066;	/* otherwise gaps of bg col visible between cells.  cell border only goes half way*/
}
   
/* content for gsp lists*/
#Vnav li li li a{ 
	text-decoration : none;
	width: 263px; 
	
}
/* --------------------------  FOR ALL LEVELS  --------------->*/
	
#Vnav li a.daddy {
	
	background-image: url(ComPics/DaddyArrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
	
#Vnav li a:hover { color : white; background-color : #099;} /* all except first column  give full width highlight */

/* THIS CAUSES NESTED ITEMS TO OPEN STEPWISE */	
#Vnav li:hover ul ul, 
#Vnav li:hover ul ul ul, 
#Vnav li:hover ul ul ul ul, 
#Vnav li:hover ul ul ul ul ul, 
#Vnav li.sfhover ul ul, 
#Vnav li.sfhover ul ul ul, 
#Vnav li.sfhover ul ul ul ul,
#Vnav li.sfhover ul ul ul ul ul{
		left: -999em;
	}


/* WITHOUT THIS NEXT LEVEL DOESN'T OPEN OUT lists nested under hovered list items */	
#Vnav li:hover ul, 
#Vnav li li:hover ul, 
#Vnav li li li:hover ul, 
#Vnav li li li li:hover ul, 
#Vnav li li li li li:hover ul,
#Vnav li.sfhover ul, 
#Vnav li li.sfhover ul, 
#Vnav li li li.sfhover ul, 
#Vnav li li li li.sfhover ul,
#Vnav li li li li li.sfhover ul 
{ 
		left: auto;
	}