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

<!--- ---------------------------------------------------------------------
'Sites Style Sheet				CompuCraft Software Solutions (c) 1999-2010
'Date --- Init Reason------------------------------------------------------
'29/07/08 DB restarted for ComWeb 4.4
'24/09/08 DB added a reset of navigation anchors for children of current page
'10/10/08 DB removed everything but background-color from hover states, to prevent the IE6 background image cache issue
'03/12/08 DB removed css filters and added to ie.css
'15/04/09 DB increased anchor padding-right and correspondingly reduced the associated anchor width
'12/11/09 DB ran a CSS tidy
'13/01/10 DB updated style sheet copyright date to 2010
'13/01/10 DB ran an extended CSS tidy
'16/08/10 DB increased z-index on #leftContent #leftNavigation #menuList ul to overlap section content
'27/08/10 DB added extra level of li hover selectors to enable fourth and fifth level flyouts to operate singularly
'29/11/10 commented out the headerTail treatment, since dual menu is required by default.
'---------------------------------------------------------------------- --->

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*/


/*============================================================================
FOR ALL MENU LEVELS
============================================================================*/

#leftContent #leftNavigation #menuList {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 0;
/* cw-Vertical Menu Background */
	background-color: #d2d4bf;
	width: 228px;
	border: none;
	overflow: visible;/*allow the submenus to push beyond the bounds*/
}
	
/*sets relative em units so that the menu list items are browser-scalable*/
#leftContent #leftNavigation #menuList p, 
#leftContent #leftNavigation #menuList li, 
#leftContent #leftNavigation #menuList a {
	font-size: 1em;
	line-height: 1.3em;
}

/* prevents nested items from compound scaling*/
#leftContent #leftNavigation #menuList p p, 
#leftContent #leftNavigation #menuList li li, 
#leftContent #leftNavigation #menuList a li a {
	font-size: 1em;
}

#leftContent #leftNavigation #menuList ul { /*affects overall unordered list and submenu unordered lists only*/
	float: left;
	margin: 0;
	padding: 0;
	width: 228px;
/* cw-Vertical Menu UL Border */
	border-color: #695E4B;
	/*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: #F5F8FE;
	list-style-type: none;
	z-index: 100;
}	

#leftContent #leftNavigation #menuList ul li { /*affects all list items if no subsequent levels specified*/
	float: left;
	margin: 0;
	padding: 0;
/* cw-Vertical Menu List Borders */
	border-bottom-color: #695E4B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* cw-Vertical Menu List Background */
	background: #d2d4bf
	url(menuBullet.gif) 5px 5px no-repeat;
	width: 228px;/*subtract the menuList border widths*/
}
	
#leftContent #leftNavigation #menuList ul li:hover,
#leftContent #leftNavigation #menuList ul li.iehover {
/* cw-Vertical Menu List Background Hover */
	background-color: #606136;
}
	
#leftContent #leftNavigation #menuList ul li a {
	width: 205px;/*width obtained by subtracting the width of the anchor's left-and-right padding and any borders*/
	display: block;/*must be displayed block so the full width is 'clickable'*/
/* cw-Vertical Menu Link Text */
	color: #000;
	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: 5px 5px 7px 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-color: transparent;/*MUST remain transparent if require the menu bullet visibility*/
/* cw-Vertical Menu Current Page Link Text */
	color: #000000;
	font-weight: bold;
}

/*reset of navigation anchors for children of current page*/
#leftContent #leftNavigation #menuList ul li.currentPage li a {
	font-weight: normal;
}

#leftContent #leftNavigation #menuList ul li a:hover {
/* cw-Vertical Menu Link Text Hover */
	color: #FFF;
/*transparency necessary when showing graphic bullets in anchors*/
/* cw-Vertical Menu Link Hover Background */
	background-color: transparent;
	text-decoration: underline;
}
	
#leftContent #leftNavigation #menuList ul li ul { /* submenu first level flyout */
	position: absolute;
	left: -9999em;/*positions out of view, rather than 'hiding'*/
	margin-left: 222px;/*slightly shorter than the width of the list*/
	margin-top: -2em;
}

#leftContent #leftNavigation #menuList ul li ul ul { /* submenu second level flyouts */
	left: -9999em;/*positions out of view, rather than 'hiding'*/
	margin-left: 222px;/*slightly shorter than the width of the list*/
	margin-top: -2em;
}
	
#leftContent #leftNavigation #menuList ul li:hover ul ul, 
#leftContent #leftNavigation #menuList ul li:hover ul ul ul,
#leftContent #leftNavigation #menuList ul li:hover ul ul ul ul,
#leftContent #leftNavigation #menuList ul li.iehover ul ul, 
#leftContent #leftNavigation #menuList ul li.iehover ul ul ul,
#leftContent #leftNavigation #menuList ul li.iehover ul ul ul ul {
/*positions out of view, rather than 'hiding'with display properties, otherwise screen readers will not be able to detect it*/
	left: -9999em;
}
	
#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 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,
#leftContent #leftNavigation #menuList ul li 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: #d2d4bf
	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 */
	background-color: #606136; 
}

/*Conceals the unnecessary horizontal navigation strip, set up in Master.css. There is another of this rule within MenuText.css
#headerTail {
	height: 0em;
	border: none;
	background-image: none;
}*/

/*makes a dropdown flyout fly up instead*/
li.flyUp ul {
	margin: 0!important;
	bottom: 0!important;
}

/*============================================================================
Non-Standard Sample Additions
============================================================================*/