/******************************
CONTENT NAVIGATION STRUCTURE AND GENERIC STYLES

-- THIS COULD BE COMBINED INTO NHM-PAGE.CSS --

1) 	navigation 'header' and 'footer' curves
	#nav-content - the navigation container DIV, implements the nav 'header' via padding and bg-image
	ul#nav-content-level1 - the level 1 menu UL, implements the nav 'footer' via padding and bg-image
2) 	NOTE: Rules for menu items (LIs and As) are mainly defined for the CONTEXT of particular menu (UL) IDs.  Therefore they are usually matched by menu items in all menus below the level of the definition, but may be over-written for successively deeper levels (eg - notes 3 & 4)
3) 	menu item seperators - are first applied to the top of LIs, then at level 2 and below to the bottom, to avoid 'doubling' of borders with level 1 UL (is this really necessary? I certainly thought so originally... - miks)
4)	menu item text indents - are made successively larger for each nested menu
5)	menu items of class currentItem should use an anchor rather than a link
	menu items of class currentItems should use an anchor if the menu item does not itself have an associated HREF (but can that even happen...?)
6)	background colours for levels 3-4 are similar across all sections, but defined in sectional stylesheets to allow for the possiblity of section-specific changes later

******************************/

/* ----- content menus container div (see note 1) ----- */
#nav-content 
{
	float: left;
	width: 170px;
	background-position: top right;
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-right: 15px;
	font-weight: bold;
}

/* ----- generic rules for all content menu HTML elements ----- */
#nav-content ul 
{
	padding: 0px;
	margin: 0px;
}
#nav-content ul li 
{
	display: block;
	width: 100%;
    	vertical-align: top;						/* fixes IE5 additional space issue */
	list-style: none;
}
#nav-content ul li a 
{
	display: block;
	/* width: 100%;							needed for IE - fixes width of link, but extends width of containing div... */
	text-decoration: none;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding: 3px 3px 3px 15px;
}
#nav-content ul li a:hover
{	
	background-color: #FFFFFF;
	text-decoration: none;
}

/* ----- additional specific styles for level 1 menu to implement nav 'footer' (see note 1) ----- */
ul#nav-content-level1
{
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 15px;
	border-top: 1px solid #FFF; 					/* top seperator */
}

/* ----- menu item seperators (see note 3) ----- */
ul#nav-content-level1 li 
{
	border-bottom: 1px solid #FFF; 					/* seperate list items in level 1 */
}
ul#nav-content-level2 li
{
	border-width: 0px;						/* remove bottom border added by previous rule */
	border-top: 1px solid #FFF;					/* seperate list items in level2 and below */
}

/* ----- menu-item indents (see note 4) ----- */
ul#nav-content-level2 li a
{
	background-position: 15px 50%;  
	padding: 3px 3px 3px 25px;
}
ul#nav-content-level3 li a
{
	background-position: 25px 50%;  
	padding: 3px 3px 3px 35px;
}
ul#nav-content-level4 li a
{
	background-position: 35px 50%;  
	padding: 3px 3px 3px 45px;
}

/* ----- level 1 collapsed style (level 2 collapsed is sectional) ----- */
#nav-content li a.collapsed
{
	background-image: url(generic/images/arrow-left.gif);
}