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

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2008
'Date --- Init Reason------------------------------------------------------
'23/03/06 DB finalised for ComWeb StandardV42
'11/04/06 DB incorporated new features, and made some minor improvements
'01/05/07 DB added a flyUp rule
'26/11/08 DB removed css filters and added to ie.css
'26/02/09 DB applied all relevant updates from SampleV4
'---------------------------------------------------------------------- --->

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: 0 10px 10px 10px;
	padding: 0;
/* cw-Vertical Menu Background */
	background-color: #F5F8FE;
	width: 158px;
	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:.9em;
	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: 158px;
/* cw-Vertical Menu UL Border */
	border-color: #8CB0F8;
	/*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;
}	

#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: #8CB0F8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* cw-Vertical Menu List Background */
	background: #F5F8FE
	url(menuBullet.gif) 5px 5px no-repeat;
	width: 158px;/*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: #C3D3FD;
}
	
#leftContent #leftNavigation #menuList ul li a {
	width: 140px;/*width obtained by subtracting the width of the anchor's left padding and any borders*/
	display : block;/*must be displayed block so the full width is 'clickable'*/
/* cw-Vertical Menu Link Text */
	color: #174BB9;
	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-color: transparent;
/* 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 : #000000;
/*transparency necessary when showing graphic bullets in anchors*/
/* cw-Vertical Menu Link Hover Background */
	background-color : transparent;
	text-decoration: none;
}
	
#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;
}
	
#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 {
/*positions out of view, rather than 'hiding'with display properties, otherwise screen readers will not be able to detect it*/
	left: -999em;
}
	
#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 */
	background-color: #C3D3FD; 
}

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