/*
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
'21/08/07 MT new design for www 
'12/12/07 DB added fix for sticky-menus
'02/02/08 MT updated designe for www
'---------------------------------------------------------------------- --->

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 any global settings from within Master.css, to create default spacing in navigation lists*/  
#menuList li, 
#menuList a {
	margin-bottom: 0;
}

/*end of reversals of global settings from within Master.css*/





/*Vertical Menu */

#leftContent #leftNavigation #menuList  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
/* cw-Vertical Menu Background */
	background-color: transparent;
	width: 160px;
	border: none;
	overflow: visible; /*allow the submenus to push beyond the bounds*/
}

/*Targetting IE only, to fix the doubled float-margin bug*/
  /*preventing the doubled float-margin bug, see http://www.positioniseverything.net/explorer/doubled-margin.html*/
* html #leftContent #leftNavigation #menuList  {
	margin: 0 0 10px 0;
}
	
/*sets pixel units so that the menu list items are not browser-rescalable*/
#leftContent #leftNavigation #menuList p, 
#leftContent #leftNavigation #menuList li, 
#leftContent #leftNavigation #menuList a  {
	font-size: 11px;
	line-height: 15px;
}

#leftContent #leftNavigation #menuList ul { /*affects overall unordered list and submenu unordered lists only*/
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
/* cw-Vertical Menu UL Border 
	border-color: #666633;*/
	/*the border left and right must be added together, and added to the second width rule above - \width
	border-width: 1px;
	border-style: solid;
	border-bottom: none;*/
/* cw-Vertical Menu UL Background */
	background-color: transparent;
	list-style-type: none;
}	

/*Targetting IE only */
* html #leftContent #leftNavigation #menuList ul { /*affects overall unordered list and submenu unordered lists only*/
	width: 160px;
}
	
#leftContent #leftNavigation #menuList ul li { /*all list items*/
	float : left;
	margin:0;
	padding: 0;
/* cw-Vertical Menu List Borders */
	border-bottom-color: #e3e4db;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* cw-Vertical Menu List Background */
	background: transparent
	 url(menuBullet.gif) 5px 5px no-repeat;
	width: 160px;/*subtract the menuList border widths*/
}
	
#leftContent #leftNavigation #menuList ul li:hover,
#leftContent #leftNavigation #menuList ul li.iehover {
/* cw-Vertical Menu List Background Hover 
	background: #fafafa
	 url(menuBulletHover.gif) 5px 5px no-repeat;*/
}
	
#leftContent #leftNavigation #menuList ul li a {
	width: 140px; /*width obtained by subtracting the width of the anchor's left padding*/
	display: block;/*must be displayed block so the full width is 'clickable'*/
/* cw-Vertical Menu Link Text */
	color: #000000;
	font-weight: normal;/*default font-weight normal differs from the overall website anchors in page content which may be set  to bold*/
	text-decoration: none;
/*transparency necessary when showing graphic bullets in anchors*/
/* cw-Vertical Menu Link Background */
	background-color: transparent;
	padding: 2px 0px 4px 20px;
	margin: 0;
	border-bottom: none;/*to override the borders set in MenuText.css*/
}

#leftContent #leftNavigation #menuList ul li.currentPage a {
/* cw-Vertical Menu Current Page Link Background */
	background: #b4b49d url(menuBulletHover.gif) 5px 5px no-repeat;
/* cw-Vertical Menu Current Page Link Text */
	color: #000;
	font-weight: bold;
}

/*Targetting IE only, to fix Box Model issues */
* html #leftContent #leftNavigation #menuList ul li a {
	width: 140px;/* in addition, IE requires the border widths to be subtracted */
}
	
#leftContent #leftNavigation #menuList ul li a:hover {
/* cw-Vertical Menu Link Text Hover */
	color: #000000;
/*transparency necessary when showing graphic bullets in anchors*/
/* cw-Vertical Menu Link Hover Background */
	background: #b4b49d url(menuBulletHover.gif) 5px 5px no-repeat;
}
	
#leftContent #leftNavigation #menuList ul li ul { /* submenu first level flyout */
	position: absolute;
	left: -999em;/*positions out of view, rather than 'hiding'*/
	margin-left : 150px;/*slightly shorter than the width of the list*/
	margin-top : -1.5em;
	background-color: #b4b49d;
/* cw-Vertical Menu UL Border */
	border-color: #e3e4db;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
}

#leftContent #leftNavigation #menuList ul li ul ul { /* submenu second level flyouts */
	left: -999em;/*positions out of view, rather than 'hiding'*/
	margin-left : 150px;/*slightly shorter than the width of the list*/
	margin-top : -1.5em;
}
	
#leftContent #leftNavigation #menuList ul li:hover ul ul, 
#leftContent #leftNavigation #menuList ul li:hover ul ul ul,
#leftContent #leftNavigation #menuList ul li.iehover ul ul, 
#leftContent #leftNavigation #menuList ul li.iehover ul ul ul {
	left: -999em;/*positions out of view, rather than 'hiding'with display properties, otherwise screen readers will not be able to detect it*/
}
	
#leftContent #leftNavigation #menuList ul li:hover ul, 
#leftContent #leftNavigation #menuList ul li li:hover ul, 
#leftContent #leftNavigation #menuList ul li li li:hover ul,
#leftContent #leftNavigation #menuList ul li.iehover ul, 
#leftContent #leftNavigation #menuList ul li li.iehover ul, 
#leftContent #leftNavigation #menuList ul li li li.iehover ul { /* lists nested under hovered list items */
	left: auto;
}

#leftContent #leftNavigation #menuList ul li.submenu {
/* cw-Vertical Menu SubMenu Background */
	background: transparent url(menuBulletArrow.gif) 5px 5px no-repeat;
}

#leftContent #leftNavigation #menuList ul li.submenu:hover,
#leftContent #leftNavigation #menuList ul li.submenuiehover {
/* cw-Vertical Menu SubMenu Background Hover */ /* only seen with mouse over border-bottom */ 
	background: #b4b49d	url(menuBulletHover.gif) 5px 5px no-repeat;
}

/*conceals the unnecessary horizontal navigation strip, set up in Master.css*/
#headerTail {
	height: 0;
	border: none;
	background-image:none;
}


/* Non-Standard Additions
------------------------------------------------------------------------------------- */

/*
===========================================================
TOCHorizontal
===========================================================
 */

#TOCHorizontal {
	position: absolute;
	top: -28px;
	right: 15px;
	left: 15px;
	padding: 0;
	margin: 0;/*IE requires explicit margin on all levels of list*/
	z-index: 98;
}

* html #TOCHorizontal {
	top: -23px;
}
/*Fix sticky-menus by applying hasLayout mode fix to li:hover */
	li:hover {min-height: 1%!important;}

