/*** START Primary Nav ***/

	#navblock { /* Entire width of nav */
		display: table;
		width: 100%;
		clear: left;
	} 

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		z-index: 20;
	}

	#nav a { /* Base tabs */
		display: block;
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		font-weight: bold;
		font-size: 90%;
   		background-repeat: no-repeat;
		background-position: right center; 
	}
	#nav li { /* all list items */
		float: left;
		text-align: left; 
	}
	#nav li li{
		float: none;
	}

	/* Multi column primary nav - 2nd level items */
	#nav li ul li { width: 180px; }
	#nav li ul li a { line-height: 1.5em; }

	#nav li ul { /* Multi column primary nav - 2nd level outer box */
		position: absolute;
		width: 180px; 
		left: -999em; /* Left instead of display to hide menus because display: none isn't read by screen readers */
		z-index: 20;
	}

	#nav li.navsingle ul { width: 180px; } /* Class for single column */

	#nav li:hover ul, #nav li.sfhover ul { /* Entire 2nd level list revealed on hover */
		left: auto;
		z-index: 20;
		padding: 15px 15px 10px 15px;
	}

	/* Base tabes on hover, treatment for special border */
	#nav li li a { border:none; }
	ul#nav li.sfhover a, ul#nav li:hover a {
		padding-top: 9px;
		padding-bottom: 10px;
		margin-right: -2px;
    	padding-right: 21px;
	}
  	ul#nav li.sfhover, ul#nav li:hover { margin-left: -1px;	}
	ul#nav li.sfhover ul li, ul#nav li:hover ul li { margin-left: 0; }	

  /* Trickery for bright borders in IE6 */
	* html #nav li:hover ul, * html #nav li.sfhover ul { margin-top: 1px }
	* html ul#nav li.sfhover a, * html ul#nav li:hover a { position: relative; top: 1px; margin-top: -1px; }
	* html ul#nav li.sfhover a.navstaticlink, * html ul#nav li:hover a.navstaticlink { padding-bottom: 9px; }	

	#nav li:hover ul a, #nav li.sfhover ul a { /* Individual 2nd level list items, revealed with hover */
		padding: 3px 5px 3px 5px;
		margin-bottom: 5px;
		font-size: 0.9em;
		font-weight: normal;
	}

	#navbaseline { /* Transparent baseline under nav */
		clear: left;
		background-color: #FFFFFF;
		height: 1px;
	}

	* html #navbaseline { font-size: 1px; } /* Fix daft IE6 sizing of zero height div */

	/* Home tab & static links need border adjustment */
	#nav a.navstaticlink:hover { padding-bottom: 9px; background-image: none;}

	/* White arrow for all 2nd level items */
	#nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected:hover ul a, #nav #navselected.sfhover ul a { /* Individual 2nd level list items, revealed with hover */
		padding-left: 15px; 
		background-repeat: no-repeat;
		background-position: 	5px 6px; 
	}

	/* Replace white arrow with dark for a:hover item */
	#nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected:hover ul a:hover, #nav #navselected.sfhover ul a:hover { /* Individual 2nd level list items, revealed with hover */
		padding-left: 15px; 
		background-repeat: no-repeat;
		background-position: 	5px 6px; 
	}

/*** END Primary Nav ***/

	#navblock { background-color: #a4d249; border-bottom: 1px solid #a4d249; margin-bottom: 1px;} /* Entire width of nav */
	#nav a { background-color: #a4d249; background-image: url(../images/navsep.gif);  } /* Base tabs */

	/* Unselected items */
	#nav li ul { background-color: #FFFFFF; } /* second-level lists */

	/* A link styles */
	#nav a:link, #nav a:visited {	text-decoration: none; color: #FFFFFF; }/* Unselected basic */
	#nav a:hover { text-decoration: none; color: #428300; } /* Unselected hover */

	#nav li:hover a:link, #nav li.sfhover a:link, #nav li:hover a:visited, #nav li.sfhover a:visited { color: #428300; } /* Force link colour for IE6 on hover */
	
	#nav li:hover ul, #nav li.sfhover ul { /* Entire 2nd level list revealed on hover */
		border-right: 1px solid #a4d249;
		border-left: 1px solid #a4d249;
		border-bottom: 1px solid #a4d249;
	}

	/* Base tabes on hover, treatment for special border */
	ul#nav li.sfhover a, ul#nav li:hover a {
		background-color: #FFFFFF;
		color: #428300;
		border-left: 1px solid #a4d249;
		border-top: 1px solid #a4d249;
		border-right: 1px solid #a4d249;
	}
	
	#nav li:hover ul a, #nav li.sfhover ul a { /* Individual 2nd level list items, revealed with hover */
		border: 0; /* No border on sub items */
		color: #a4d249;
	}
	
	/* Bright arrow for all 2nd level items */
	#nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected:hover ul a, #nav #navselected.sfhover ul a { /* Individual 2nd level list items, revealed with hover */
		background-image: url('../images/arrow-bullet.png');; 
		color: #a4d249;
	}
	
	/* Replace bright arrow with dark for a:hover item */
	#nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected:hover ul a:hover, #nav #navselected.sfhover ul a:hover { /* Individual 2nd level list items, revealed with hover */
		background-image: url('../images/arrow-bullet.png'); 
		color: #428300;
	}

	/* Border adjustment for static links */
	#nav .navstaticlink:hover a, #nav .navstaticlink.sfhover a { border-bottom: 1px solid #a4d249; }
	
	/* Above applied to IE6 */
	* html #nav .navstaticlink:hover a, *html #nav .navstaticlink.sfhover a { border-bottom: 0; } /* Cancel the above */
	* html #nav .navstaticlink:hover, *html #nav .navstaticlink.sfhover { border-bottom: 1px solid #a4d249; } /* Repeat without 'a' */
	* html #nav .navstaticlink:hover ul li, *html #nav .navstaticlink.sfhover ul li { border-bottom: 0; } /* Cancel the above from propagating */
	
	/* Individual 2nd level list items, revealed with hover */ 
	#nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected:hover ul a:hover, #nav #navselected.sfhover ul a:hover { background-color: #FFFFFF; text-decoration: underline; }

/** SELECTED **/	
#navblock li.selected a { background-color: white; border-top: 1px solid #a4d249; padding-top: 9px; color: black;
}
#navblock li.selected { margin-left: -1px; border-left: 1px solid #a4d249;}
#navblock li.selected ul li.selected  { margin-left: 0px; border-left: 0px;}
#navblock ul li.selected:hover { margin-left: -2px;}
#navblock ul li.selected li:hover { margin-left: 0px; border-left: 0px;}
#navblock li.selected ul li.selected a { color: black; font-weight: bold; background-image: none;}
#navblock li.selected ul li.selected a:hover { text-decoration: none; }