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

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2006
'Date --- Init Reason------------------------------------------------------
'25/10/06 DB initiated based on DOCMV42
'07/02/07 DP updated ie hover support
'21/08/07 MT new design for www 
'24/08/07 DB duplicated all original selectors and altered IDs for dual menu system (LG1)
'---------------------------------------------------------------------- --->

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,
#content #mainMenuLG1 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,
#menuListLG1 li, 
#menuList a,
#menuListLG1 a {
	margin-bottom: 0;
}

/*HORIZONTAL MENU WITH FLYOUTS*/

#headerTail #menuList,
#headerTail #menuListLG1 { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 11px;
	bottom: -16px;
	padding: 0;
	font-size: 11px;/*safeguard in case an item is not a link, remains same size as links*/	
	line-height: 13px;
	width: 100%;/* to allow the bgd image full width */
	overflow: visible;/*to allow the flyouts to be seen outside the div*/
/* cw-Horizontal Menu Strip Background 
	background: transparent url(menu_bg.png) no-repeat 0 0;*/
/*	filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; */
}

  /*Targetting IE only, requires padding on all sides, whereas other browsers didn't need padding-bottom*/
* html #headerTail #menuList,
* html #headerTail #menuListLG1  { 
/* cw-Horizontal Menu Strip Background for IE <= ver 6
	background: transparent url(menu_bg.gif) no-repeat 0 0;*/
	padding: 0;
	width: 100%;
	bottom: -17px;	
}

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

#headerTail #menuList ul ul,
#headerTail #menuListLG1 ul ul { /*each submenu ul */
/* cw-Horizontal Menu Individual Borders */
	border-top-color: #afafaf;
	/*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,
#headerTail #menuListLG1 li { /* all list items */
	float: left;/*allows the list items to display horizontally*/
/*Navigation Background, 1 of 2 places */
	background: transparent url(link_bg.gif) repeat-x 0 0;/*can be used for top level only, if combined with a later rule which colours subnav li's differently*/
	margin-right: 2px;
	/*can be used for top level only, if combined with a later rule which colours subnav li's differently*/
/*same image required in 2 places, 1 of 2
	background: url(menuBulletArrow.gif) 95% 50% no-repeat;*/
/* cw-Horizontal Menu Individual Borders 
	border-color: transparent;
	border-width: 1px ;
	border-style: solid;*/
/*	margin-right: 2px;spacing between the top-level items
	padding: 2px 4px;*/
/* cw-Horizontal Menu top-level nav top border */
	border: 1px solid #999999;
}

#headerTail #menuList li:hover,
#headerTail #menuListLG1 li:hover,
#headerTail #menuList li.iehover,
#headerTail #menuListLG1 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: #fff;
/* nav hover colour, 1 of 2 places, see further declaration */
/* cw-Horizontal Menu Links Background Hover 
	background: transparent url(link_bgDn.gif) repeat-x 0 0;*/
/* the trailing colour in IE, pseudo class still supports colour */
}

#headerTail #menuList ul ul,
#headerTail #menuListLG1 ul ul { /* all submenus */
	position: absolute;
/* cw-Horizontal Menu Submenu Background */
	background-color: #e3e4db;
	width: 16em;
	left: -999em; /* 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;
	padding-right: 2px;/*for all except IE. Not an IE bug, IE seems to be behaving as expected here*/
}

  /*Targetting IE only, not a bug, IE seems to be correct, see the rule in the immediately preceeding line above*/
* html #headerTail #menuList ul ul,
* html #headerTail #menuListLG1 ul ul { /* all submenu levels beyond first level unordered lists */
	padding-right: 0;
}

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

#headerTail #menuList li.submenu,
#headerTail #menuListLG1 li.submenu { /* menus items requiring arrows */
/*Navigation Background,  2 of 2 places*/
/*same image required in 2 places, 2 of 2*/
	background: transparent url(link_bg.gif) repeat-x 0 0;
/*can be used for top level only, if combined with a later rule which colours subnav li's differently*/
	}

#headerTail #menuList a,
#headerTail #menuListLG1 a { /* all menu anchors*/
	display: block;/*needed to get full 'padded' shape*/
	padding: 7px; /*space above and to the sides of the anchor words*/
/* cw-Horizontal Menu Link Backgrounds */
	background-color: transparent; /*so that the arrows are visible in the lists behind them*/
/* cw-Horizontal Menu Links */
	color: #000000;
	text-decoration: none;
/*	white-space: nowrap; */
	margin: 0;
}

#headerTail #menuList ul li.currentPage a,
#headerTail #menuListLG1 ul li.currentPage a {
/* cw-MenuHorizontal Current Page Link Background */
/*	background: #fafafa; can be used for top level only, if combined with a later rule which colours subnav li's differently*/
/* cw-MenuHorizontal Current Page Link Text */
	color: #ffffff;
	background: #ffffff url(link_bgDnBl.gif) repeat-x 0 0;
	font-weight: bold;
}

#headerTail #menuList a:hover,
#headerTail #menuListLG1 a:hover { /* all menu anchors*/
/* cw-Horizontal Menu Links Hover */
	color: #ffffff;
	text-decoration: none;
/*nav hover colour, 2 of 2 places, see previous declaration*/
/* cw-Horizontal Menu Links Background Hover */
	background: transparent url(link_bgDnBl.gif) repeat-x 0 0; /*can be used for top level only, if combined with a later rule which colours subnav li's differently*/
}

#headerTail #menuList ul ul a,
#headerTail #menuListLG1 ul ul a { /* submenu items requiring arrows */
	padding: 3px 15px 3px 5px; /* to give room for the bullet arrows */
	background: #e3e4db;
}

/*Targetting IE only */
* html #headerTail #menuList ul ul a,
* html #headerTail #menuListLG1 ul ul a {  /*	only applies to anchors within list items of fixed widths */
	 /* 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.*/
	width: 14.5em;

}

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

#headerTail #menuList li li.submenu a,
#headerTail #menuList li li ul li.submenu a,
#headerTail #menuListLG1 li li.submenu a,
#headerTail #menuListLG1 li li ul li.submenu a { /* MT second and third level menus items requiring arrows */
/*	padding-right: 20px;  to give room for the bullet arrows */
	background: #e3e4db url(menuBulletArrow.gif) no-repeat  100% 50%; /* MT show bullets or arrows for second and third level menu items with submenus below */
}

#headerTail #menuList li li.submenu li a,
#headerTail #menuList li li ul li.submenu li a,
#headerTail #menuListLG1 li li.submenu li a,
#headerTail #menuListLG1 li li ul li.submenu li a { /* MT second and third level menus items NOT requiring bullets or arrows */
	background: #e3e4db;
}

#headerTail #menuList li.submenu ul li a:hover,
#headerTail #menuListLG1 li.submenu ul li a:hover { /* hover on second level menu item anchor, showing any bullets or arrows */
	color: #0000ff;
	text-decoration: none;
	background: #efefd3 url(menuBulletHover.gif) no-repeat 100% 50%;
}

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

#headerTail #menuList li:hover ul ul,
#headerTail #menuListLG1 li:hover ul ul,
#headerTail #menuList li:hover ul ul ul,
#headerTail #menuListLG1 li:hover ul ul ul,
#headerTail #menuList li.iehover ul ul,
#headerTail #menuListLG1 li.iehover ul ul, 
#headerTail #menuList li.iehover ul ul ul,
#headerTail #menuListLG1 li.iehover ul ul ul {/*hide all submenus until required (upon rollover)*/
	left: -999em; /* 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 #menuListLG1 li:hover ul,
#headerTail #menuList li.iehover ul,
#headerTail #menuListLG1 li.iehover ul { /* targets submenus nested under hovered list items, ie. ALL lists from top level down */
	left: auto;
	margin-left: -1px;/*position how far the menu is placed to the left. Auto makes it nudge 1px to the right, so this compensates*/
}

#headerTail #menuList li li:hover ul,
#headerTail #menuListLG1 li li:hover ul,
#headerTail #menuList li li li:hover ul,
#headerTail #menuListLG1 li li li:hover ul,
#headerTail #menuList li li.iehover ul,
#headerTail #menuListLG1 li li.iehover ul,
#headerTail #menuList li li li.iehover ul,
#headerTail #menuListLG1 li li li.iehover ul { /* targets submenus nested under hovered list items, ie. ALL lists from top level down */
	left: auto;
	margin-left: 15.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,
#headerTail #menuListLG1 li#changeMenuStyle a {
	background-color: #999966;
	color: #4c4c34;
}

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


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

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

#headerTail #menuList li.currentPage li a,
#headerTail #menuListLG1 li.currentPage li a {
/* highlight the current page, beyond first level menu item anchor */
/* cw-MenuHorizontal Current Page Link Background */
	color: #000000;
	background: #e3e4db;
	font-weight: normal;
}

#headerTail #menuList li.currentPage li a:hover,
#headerTail #menuListLG1 li.currentPage li a:hover { 
/* highlight the current page hover, beyond first level menu item anchor */
/* cw-MenuHorizontal Current Page Link Hover Background */
	color: #0000ff;
	text-decoration: none;
	background: #efefd3 url(menuBulletHover.gif) no-repeat 100% 50%;
}


/* Non-StandardV42 Additions
------------------------------------------------------------------------------------- */
/*