/*
This style sheet is used for the horizontal flyout menu navigation.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2008
'Date --- Init Reason------------------------------------------------------
'23/03/06 DB finalised for ComWeb Standard
'11/04/06 DB incorporated new features, and made some minor improvements
'28/02/07 DB added the iehover rules to allow the new javascript hover method
'28/03/07 DB altered the position of hovered unordered lists, from -1px to become 0px
'28/03/07 DB altered the z-index for #headertail #menulist to 100
'28/03/07 DB zeroed the margin-top to override the global margin settings of #menulist li and #menuList a
'06/12/07 Released V4.3
'12/12/07 DB added fix for IE7 sticky menus
'28/02/08 DB updated style sheet copyright date to 2008
'29/04/08 DB improved fix for IE7 sticky menus by increasing specificity
'28/05/08 DB edited menuList bottom to apply only to IE6, and not to IE7, by using the underscore hack
'28/05/08 DB removed white-space:nowrap from #headerTail #menuList a to allow line wrapping in menus
'21/05/08 DB started RMC design
'29/07/08 DB removed the previous non-IE6 bugfix 2px padding-right on ul ul li's - was causing IE7 issues
'29/07/08 DB added new declarations to revert the currentpage effects on children
'29/07/08 DB updated to work for 5 levels of navigation (Top level plus 4 submenu flyouts)
'01/08/08 DB edited to fix jumping menus in firefox
'13/08/08 DB fixed multiple menu flyout where 4th and 5th levels came out together
'13/08/08 DB repositioned top of flyout menus to be higher
'22/01/09 DB removed IE hacks and filters and put into ie.css
'---------------------------------------------------------------------- --->

note: comments starting with cw- are used by the ComWeb Style Sheet Theme (colour) Editor.
Where more than one such comment is on consecutive lines, this is for backwards compatibility.
The first of these such lines is the latest label for the Style sheet editor to display and
the latter entries are older or redundant labels.
*/

/*high level of specificity, to override the master css treatment of bulleted lists, and tighten up the spacing*/
#content #mainMenu ul {
	list-style-type: none;
	margin: 0 1em 0 0;
}

/*override global margin settings from within master.css to create default spacing in navigation lists*/  
#menuList li, 
#menuList a {
	margin-top:0;
	margin-bottom: 0;
}

/*HORIZONTAL MENU WITH FLYOUTS*/

#headerTail #menuList { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	left:0;
    top:1px;
	padding: 0 0 0 20px;
	margin: 0;
	font-size:0.9em;/*safeguard in case an item is not a link, remains same size as links*/	
	line-height: 1.2em;/*for true text line height, not for centering*/
	width: auto;
	overflow: visible;/*to allow the flyouts to be seen outside the div*/
	margin-left: 0px;/*specific override*/
/* cw-Horizontal Menu Border Bottom 
	border-bottom-color: #174BB9;
	border-bottom-width: 0px;
	border-bottom-style: solid;*/
	z-index:100;
}

#headerTail #menuList ul  { /*the overall ul */
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#headerTail #menuList ul ul { /*each submenu ul */
/* cw-Horizontal Menu Individual Borders */
	border-color: #C3D3FD;
	/*the top border of the submenus*/
	border-top-width: 1px;
	border-top-style: solid;
	padding: 0;
	margin: 0;
	list-style-type: none;/*for all rows subsequent to top row*/
}

#headerTail #menuList li { /* all list items */
	float:left;/*allows the list items to display horizontally*/
/*Navigation Background, 1 of 2 places */
	background-color: transparent;/*can be used for top level only, if combined with a later rule which colours subnav li's differently*/
/*same image required in 3 places, 1 of 3
	background: url(menuBulletArrow.gif) 95% 50% no-repeat;*//*don't need an arrow on every item - this image place is usually just for things like a bevel*/
/* cw-Horizontal Menu Individual Borders 
	border-color: #C3D3FD;
	border-width: 1px;
	border-style: solid;*/
/* cw-Horizontal Menu top-level nav top border 
	border-top-color: #D8E4F8;*/
}

#headerTail #menuList li:hover,
#headerTail #menuList li.iehover
{  /*list pseudo-class necessary for nav with no explicit link, but still needs the same rollover background color. Good for evry browser other than IE*/
/* cw-Horizontal Menu Links Hover */
	color: #FFFFFF;
/*nav hover colour, 1 of 2 places, see further declaration*/
/* cw-Horizontal Menu Links Background Hover */
	background-color: transparent;
	/*the trailing colour in IE, pseudo class still supports colour*/
}

#headerTail #menuList ul ul { /* all submenus */
	position: absolute;
/* cw-Horizontal Menu Submenu Background */
	background-color: #FFFFFF;
	/*seems like should be a submenu but not*/
	width: 15em;
	left: -9999em; /* hides all submenus until required (upon rollover), using left positioning to hide menus instead of display attribute, because display:none isn't read by screen readers */
	padding:0;
	margin:0;
	border: 1px solid #9D4054;
}

#headerTail #menuList ul ul li { /* all levels of subnav, individual list items */
	width: 15em;
	border-top: none;
	padding:0;
	margin:0;
/* cw-Horizontal Menu Submenu Items Background */
	background-color: #FFFFFF;
	/*nav after the top level*/
}

#headerTail #menuList li.submenu { /* menu items requiring arrows */
/*Navigation Background,  2 of 3 places*/
/*same image required in 3 places, 2 of 3*/
	background: url(menuBulletArrow.gif) 100% center no-repeat;
	}

#headerTail #menuList a { /* all menu anchors */
	display: block;/*needed to get full 'padded' shape*/
	padding: 0px 10px;
/* cw-Horizontal Menu Link Backgrounds */
	background-color: transparent;
	/*so that the arrows are visible in the lists behind them*/
/* cw-Horizontal Menu Links - top level */
	color:#FFFFFF;
	text-decoration:none;
	margin:0;
	min-height: 29px;
	line-height: 29px;/*to centre the words vertically*/
	background-image: url(bg_horizontal-menu-item_divider.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/* Highlighting the current top-level page anchor*/
#headerTail #menuList ul li.currentPage a {
/* cw-MenuHorizontal Current Page Link Background */
	background-color: transparent;
/* cw-MenuHorizontal Current Page Link Text */
	color: #FFFFFF;
	font-weight: bold;
}

/* Reverting effects on children of the current top-level page anchor*/
#headerTail #menuList ul li.currentPage li a {
/* cw-Children of MenuHorizontal Current Page Link Text */
	color: #000000;
	font-weight: normal;
}

/* Highlighting the current subpage anchor*/
#headerTail #menuList ul ul li.currentPage a {
/* cw-MenuHorizontal Current Page Link Text */
	color: #80051D;
	font-weight: bold;
}

/* Reverting effects on children of current subpage anchor*/
#headerTail #menuList ul ul li.currentPage li a {
/* cw-Children of MenuHorizontal Current Page Link Text */
	color: #000000;
	font-weight: normal;
}

#headerTail #menuList a:hover { /* all menu anchors*/
/* cw-Horizontal Menu Links - top level Hover */
	color: #FFFFFF;
	text-decoration: underline;
/*nav hover colour, 2 of 2 places, see previous declaration*/
/* cw-Horizontal Menu Links Background Hover */
	background-color: transparent;
}

#headerTail #menuList li.submenu a { /* menus items requiring arrows */
	padding-right: 20px;/*to give room for the bullet arrows*/
}

/*Targetting IE6 only */
* html #headerTail #menuList ul ul a {  /*	only applies to anchors within list items of fixed widths */
	width:100%;/* for IE5.x/Win, needs a width to be full-width-clickable, and will extend to the size of the parent li. Since the top level menus are not fixed widths does not apply to them, so this rule is nested deeper.*/
	padding: 5px 10px;/*space above and to the sides of the anchor words*/
}

/*Targetting IE6 only */
/* star-html filter combined with backward-slash filter, targets IE 6 only */
* html #headerTail #menuList ul ul a {  /* only applies to anchors within list items of fixed widths, and is designed to help position the flyouts by reducing the anchor width in IE6*/
	w\idth: 13em; /*for IE 6*/
/* this em unit needs reassessment because we can't subtract the padding for IE unless it is also originally set in ems*/
}

#headerTail #menuList li.submenu ul li a:hover
{ /* hover on second level menu item anchor, showing any bullets or arrows */
	text-decoration: none;
	/* cw-Horizontal Menu Submenu Links Background Hover */
	background-color: #DDDDDD;
	/* cw-Horizontal Menu Links Submenu Text Hover */
	color: #000000;
}

#headerTail #menuList ul ul ul { /* third-level-and-beyond lists */
	margin-top: -2.5em;/*positions the top of the flyout menus*/
}

#headerTail #menuList li:hover ul ul, 
#headerTail #menuList li:hover ul ul ul,
#headerTail #menuList li:hover ul ul ul ul,
#headerTail #menuList li.iehover ul ul, 
#headerTail #menuList li.iehover ul ul ul,
#headerTail #menuList li.iehover ul ul ul ul 

 {/*hide all submenus until required (upon rollover)*/
	left: -9999em; /* using left positioning to hide menus instead of display attribute, because display:none isn't read by screen readers */
}

#headerTail #menuList li:hover ul, 
#headerTail #menuList li.iehover ul 
{ /* targets submenus nested under hovered list items, ie. ALL lists from top level down */
	left: auto;
	margin-left: 0;
}

#headerTail #menuList li li:hover ul,
#headerTail #menuList li li li:hover ul,
#headerTail #menuList li li li li:hover ul, 
#headerTail #menuList li li.iehover ul,
#headerTail #menuList li li li.iehover ul,
#headerTail #menuList li li li li.iehover ul

{ /* targets submenus nested under hovered list items, ie. ALL lists from top level down */
		left: auto;
		margin-left: 14.8em;/*position how far the menu is placed to the right. usually half an em less than the list width*/
}

#headerTail #menuList li#changeMenuStyle a {
	background-color: #FFFFFF;
	color:#000000;
}

#headerTail #menuList li#changeMenuStyle a:hover {
	text-decoration: none;
}

#headerTail #menuList ul ul a  { /* submenu anchors*/
	white-space: normal;
	color: #000000;
}

#headerTail #menuList li.submenu:hover, 
#headerTail #menuList li.submenuiehover
{ /* removing the image and providing a highlight */
/*Navigation Background,  3 of 3 places*/
/* cw-MenuHorizontal Submenu Link Background Hover */
	background-color: transparent;
	background-image: none;
}

#headerTail #menuList li.submenu li.currentPage a
{ /* highlight the current page, beyond first level menu item anchor */
/* cw-MenuHorizontal Current Page Link Background */
	background: transparent;
}

#headerTail #menuList li.submenu li.currentPage a:hover
{ /* highlight the current page hover, beyond first level menu item anchor */
/* cw-MenuHorizontal Current Page Link Hover Background */
	background: #DDDDDD;
}

/*For IE7 only, to fix the sticky flyout menus. Applies hasLayout.*/	
    #mainMenu li:hover {min-height:1%!important;}

/* Non-Standard Additions
------------------------------------------------------------------------------------- */

#headerTail #menuList li.submenu li a
{ 
    min-height: 1px;/*reduce smaller than required, to collaps from the 29px set for the top-level nav */
	line-height: 1.3em;/*revert to original, overriding the top-level centering line-height*/
	padding-top: 8px;
	padding-bottom: 8px;
	background-image:none;
}










#headerTail #menuList a { /* all menu anchors */
	display: block;/*needed to get full 'padded' shape*/
	padding: 0px 10px;
/* cw-Horizontal Menu Link Backgrounds */
	background-color: transparent;
	/*so that the arrows are visible in the lists behind them*/
/* cw-Horizontal Menu Links - top level */
	color:#FFFFFF;
	text-decoration:none;
	margin:0;
	min-height: 29px;
	line-height: 29px;/*to centre the words vertically*/
	background-image: url(bg_horizontal-menu-item_divider.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/* Highlighting the current top-level page anchor*/
#headerTail #menuList ul li.currentPage a {
/* cw-MenuHorizontal Current Page Link Background */
	background-color: transparent;
/* cw-MenuHorizontal Current Page Link Text */
	color: #FFFFFF;
	font-weight: bold;
}

/* Reverting effects on children of the current top-level page anchor*/
#headerTail #menuList ul li.currentPage li a {
/* cw-Children of MenuHorizontal Current Page Link Text */
	color: #000000;
	font-weight: normal;
}

/* Highlighting the current subpage anchor*/
#headerTail #menuList ul ul li.currentPage a {
/* cw-MenuHorizontal Current Page Link Text */
	color: #80051D;
	font-weight: bold;
}

/* Reverting effects on children of current subpage anchor*/
#headerTail #menuList ul ul li.currentPage li a {
/* cw-Children of MenuHorizontal Current Page Link Text */
	color: #000000;
	font-weight: normal;
}

#headerTail #menuList a:hover { /* all menu anchors*/
/* cw-Horizontal Menu Links - top level Hover */
	color: #FFFFFF;
	text-decoration: underline;
/*nav hover colour, 2 of 2 places, see previous declaration*/
/* cw-Horizontal Menu Links Background Hover */
	background-color: transparent;
}

#headerTail #menuList li.submenu a { /* menus items requiring arrows */
	padding-right: 20px;/*to give room for the bullet arrows*/
}

/*Targetting IE6 only */
* html #headerTail #menuList ul ul a {  /*	only applies to anchors within list items of fixed widths */
	width:100%;/* for IE5.x/Win, needs a width to be full-width-clickable, and will extend to the size of the parent li. Since the top level menus are not fixed widths does not apply to them, so this rule is nested deeper.*/
	padding: 5px 10px;/*space above and to the sides of the anchor words*/
}

/*Targetting IE6 only */
/* star-html filter combined with backward-slash filter, targets IE 6 only */
* html #headerTail #menuList ul ul a {  /* only applies to anchors within list items of fixed widths, and is designed to help position the flyouts by reducing the anchor width in IE6*/
	w\idth: 13em; /*for IE 6*/
/* this em unit needs reassessment because we can't subtract the padding for IE unless it is also originally set in ems*/
}

#headerTail #menuList li.submenu ul li a:hover
{ /* hover on second level menu item anchor, showing any bullets or arrows */
	text-decoration: none;
	/* cw-Horizontal Menu Submenu Links Background Hover */
	background-color: #DDDDDD;
	/* cw-Horizontal Menu Links Submenu Text Hover */
	color: #000000;
}

#headerTail #menuList ul ul ul { /* third-level-and-beyond lists */
	margin-top: -2.5em;/*positions the top of the flyout menus*/
}

#headerTail #menuList li:hover ul ul, 
#headerTail #menuList li:hover ul ul ul,
#headerTail #menuList li:hover ul ul ul ul,
#headerTail #menuList li.iehover ul ul, 
#headerTail #menuList li.iehover ul ul ul,
#headerTail #menuList li.iehover ul ul ul ul 

 {/*hide all submenus until required (upon rollover)*/
	left: -9999em; /* using left positioning to hide menus instead of display attribute, because display:none isn't read by screen readers */
}

#headerTail #menuList li:hover ul, 
#headerTail #menuList li.iehover ul 
{ /* targets submenus nested under hovered list items, ie. ALL lists from top level down */
	left: auto;
	margin-left: 0;
}

#headerTail #menuList li li:hover ul,
#headerTail #menuList li li li:hover ul,
#headerTail #menuList li li li li:hover ul, 
#headerTail #menuList li li.iehover ul,
#headerTail #menuList li li li.iehover ul,
#headerTail #menuList li li li li.iehover ul

{ /* targets submenus nested under hovered list items, ie. ALL lists from top level down */
		left: auto;
		margin-left: 14.8em;/*position how far the menu is placed to the right. usually half an em less than the list width*/
}

#headerTail #menuList li#changeMenuStyle a {
	background-color: #FFFFFF;
	color:#000000;
}

#headerTail #menuList li#changeMenuStyle a:hover {
	text-decoration: none;
}

#headerTail #menuList ul ul a  { /* submenu anchors*/
	white-space: normal;
	color: #000000;
}

#headerTail #menuList li.submenu:hover, 
#headerTail #menuList li.submenuiehover
{ /* removing the image and providing a highlight */
/*Navigation Background,  3 of 3 places*/
/* cw-MenuHorizontal Submenu Link Background Hover */
	background-color: transparent;
	background-image: none;
}

#headerTail #menuList li.submenu li.currentPage a
{ /* highlight the current page, beyond first level menu item anchor */
/* cw-MenuHorizontal Current Page Link Background */
	background: transparent;
}

#headerTail #menuList li.submenu li.currentPage a:hover
{ /* highlight the current page hover, beyond first level menu item anchor */
/* cw-MenuHorizontal Current Page Link Hover Background */
	background: #DDDDDD;
}

/*For IE7 only, to fix the sticky flyout menus. Applies hasLayout.*/	
    #mainMenu li:hover {min-height:1%!important;}

/* Non-Standard Additions
------------------------------------------------------------------------------------- */

#headerTail #menuList li.submenu li a
{ 
    min-height: 1px;/*reduce smaller than required, to collaps from the 29px set for the top-level nav */
	line-height: 1.3em;/*revert to original, overriding the top-level centering line-height*/
	padding-top: 8px;
	padding-bottom: 8px;
	background-image:none;
}