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

<!--- ---------------------------------------------------------------------
'Sites Style Sheet				CompuCraft Software Solutions (c) 1999-2010
'Date --- Init Reason------------------------------------------------------
'23/03/06 DB finalised for ComWeb Sample
'11/04/06 DB incorporated new features, and made some minor improvements
'11/04/06 DB changed font size from px to ems
'28/02/07 DB added the iehover rules to allow the new javascript hover method
'01/05/07 DB added a flyUp rule
'06/12/07 Released V4.3
'12/12/07 DB added fix for IE7 sticky menus
'28/02/08 DB changed #leftContent #leftNavigation #menuList ul li.currentPage a font-weight from 600 to bold
'28/02/08 DB updated style sheet copyright date to 2008
'29/04/08 DB improved fix for IE7 sticky menus by increasing specificity
'05/01/05 DB merged: 15/10/09 MD Changed menu width from 158px to 170px to align better with leftFeature
'05/01/05 DB merged: '15/10/09 MD Changed 1st and 2nd level menu flyouts width from 150px to 168px to align better menu
'06/01/10 DB updated style sheet copyright date to 2010
'13/01/10 DB removed IE css filters and added to ie.css
'13/01/10 DB ran a CSS tidy
'14/01/10 DB compared file with equivalent in master suite and updated with any necessary declarations
'24/03/10 DB fixed bug which prevented currentpage submenu items from retaining their arrow
'---------------------------------------------------------------------- --->

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: #006EA8;
	width: 170px;
	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: 170px;
/* cw-Vertical Menu UL Border */
	border-color: #FFFFFF;
	/*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: #006EA8;
	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: #5BA2C8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* cw-Vertical Menu List Background */
	background: #006EA8;
	width: 170px;/*subtract the menuList border widths*/
}
	
#leftContent #leftNavigation #menuList ul li:hover,
#leftContent #leftNavigation #menuList ul li.iehover {
/* cw-Vertical Menu List Background Hover */
	background: #DF7A1C;
}
	
#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: #FFFFFF;
	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 10px;
	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*/
	/*start new code for reverting effects on children*/
/* cw-Vertical Menu Current Page Link Text */
	color: #FFFFFF;
	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: #FFFFFF;
/*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: -9999em;/*positions out of view, rather than 'hiding'*/
	margin-left: 162px;/*slightly shorter than the width of the list*/
	margin-top: -1.5em;
}

#leftContent #leftNavigation #menuList ul li ul ul { /* submenu second level flyouts */
	left: -9999em;/*positions out of view, rather than 'hiding'*/
	margin-left: 162px;/*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: -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.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-color:transparent;
	background-image:url(menuBulletArrow.gif);
	background-position: 95% center;
	background-repeat: no-repeat;
}

#leftContent #leftNavigation #menuList ul li.submenu:hover,
#leftContent #leftNavigation #menuList ul li.submenuiehover {
/* cw-Vertical Menu SubMenu Background Hover */
	background-color: #DF7A1C;
	background-image:url(menuBulletArrowHover.gif);
	background-position: 95% center;
	background-repeat: no-repeat;
}

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


/* Target the currentPage */
#leftContent #leftNavigation #menuList ul li.currentPage {
	background-color: #DF7A1C;
}