/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus */

/* Red is #b5c9e8 - Red Tint for Menu is #c57e94
/* Blue is #83aada - Blue Tint for Menu is #99a6c5
/* Green is #4f91cd - Green Tint for Menu is #b8c6ac

/* Begin CSS Popout Menu */

#menu{
	position:absolute;
	top: 160px;
	left: 28px;
	z-index:2;
	width: 120px;
	padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu a {
	font:bold 12px/16px arial,helvetica,sans-serif;
	display:block;
	white-space:nowrap;
	margin:0px 0px 12px 0px;
	padding:6px 1px 94px 6px;
	border-color:#003e7e;
	border-style:solid;
	border-width:2px;
	/*background: #003e7e;*/
	color:#fff;
	text-decoration:none; 
}

/* Main Block For Naviagation */
#menu a.business-review { background: #b5c9e8; border-color:#b5c9e8; }
#menu a.management-governance { background: #83aada; border-color:#83aada; padding:8px 3px 76px 8px; }
#menu a.accounts { background: #4f91cd; border-color:#4f91cd;}
#menu a.blank{ background: #003e7e; border-color:#003e7e;}

#menu a:hover.business-review, #menu a:active.business-review {
	color:#eee;
	background:#b5c9e8;
}

#menu a:hover.management-governance, #menu a:active.management-governance {
	color:#eee;
	background:#83aada;
}

#menu a:hover.accounts, #menu a:active.accounts {
	color:#eee;
	background:#4f91cd;
}


#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div) onto non anchor hover selectors to force IE5 and 5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul {
	position:absolute;
	top:-12px;
	left:100.1%; /* left:100.1%; */
	display:none;
	width: 264px;
	border-bottom:12px solid white;
	border-top:12px solid white;
	border-right:12px solid white;
}

/* Sub Nav Tint Colours and Sub Menu Height */
div#menu li ul#business-review { height: 120px; background: #cbd9ef;}		
div#menu li ul#management-governance { height: 120px; background: #a8c3e5;}
div#menu li ul#accounts { 
	height: 252px; 
	background: #83b2dc url(../images/accounts-drop-down-bg.gif) no-repeat left bottom;
}								

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

div#menu li ul li {
	height: auto;
}

/* Sub Nav hover Over Settings */
div#menu li ul li a {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border:none;
	padding:0px 3px 2px 20px;
	font-weight: normal;
	font-size: 9px;
	line-height: 16px;
}

/* First line Specific */
div#menu li ul li a.first { padding:11px 3px 1px 20px; }

/* Accounts Specific */
div#menu li ul#accounts li a { padding:1px 3px 4px 20px; line-height: 14px;}
div#menu li ul#accounts li a.first { padding:12px 3px 4px 20px; }
div#menu li ul#accounts li a.indented { padding:0px 3px 6px 8px; margin: 0px 0px 0px 12px; }

/* Business Review */
div#menu li ul#business-review li a.last { padding:0px 3px 4px 20px; }



/* Sub Nav Link Background Colors */
div#menu li ul#business-review li a:hover, 
div#menu li ul#business-review li a:active { color: #fff; background: #b5c9e8; }

div#menu li ul#management-governance li a:hover, 
div#menu li ul#management-governance li a:active { color: #fff; background: #83aada; }

div#menu li ul#accounts li a:hover, 
div#menu li ul#accounts li a:active { color: #fff; background: #4f91cd; }