/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.left_menu {
	z-index: 1000;
	margin: 0px 0px 0px 0px; /* this page only */
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	color: #fff;
	float: left;
}

/* remove all the bullets, borders and padding from the default list styling */
.left_menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* position relative so that you can position the sub levels */
.left_menu li {
	position: relative;
	background: #fff;
	height: 26px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Menu options																																													*/
/* ---------------------------------------------------------------------------------------------------- */

.left_menu_title { position: relative; background: #1e2271; color: #fff; font-weight: bold;  border-bottom: solid 0px #1e2271; }

.left_menu ul li a.left_menu_title:active { color: #ffffff; background: #1e2271;  border-bottom: solid 0px #1e2271;}
.left_menu ul li a.left_menu_title:hover { color: #ffffff; background: #f7b100; color: #000; border-bottom: solid 0px #1e2271; }

.left_menu ul li a.left_sub_menu:link, .left_menu ul li a.left_sub_menu:visited, .left_menu ul li a.left_sub_menu:active {
	color: #1e2271; 
	border-left: solid 1px #1e2271;
	border-right: solid 1px #1e2271;
	border-bottom: solid 1px #1e2271;
	width: 168px;
}

.left_menu ul li a.left_sub_menu:hover {
	color: #ffffff;
	border-left: solid 1px #1e2271;
	border-right: solid 1px #1e2271;
	border-top: solid 1px #1e2271;
	width: 168px;
}

.left_menu ul li a.left_sub_menu_flyout:link, .left_menu ul li a.left_sub_menu_flyout:visited, .left_menu ul li a.left_sub_menu_flyout:active {
	color: #ffffff;
	background: #b4b5cc; 
	border: solid 1px #1e2271;
	width: 168px;
}

.left_menu ul li a.left_sub_menu_flyout:hover { color: #fff; background: #1e2271; }
.left_menu :hover > a { color: #fff; background: #b4b5cc; }

/* ---------------------------------------------------------------------------------------------------- */
/* Other menu options																																										*/
/* ---------------------------------------------------------------------------------------------------- */

/* get rid of the table */
.left_menu table { position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100; font-size: 1em;}

/* style the links */
.left_menu a, .left_menu a:visited {
	display: block; 
	text-decoration: none;
	height: 26px;
	line-height: 24px;
	width: 168px;
	text-indent: 5px;
	border: solid 1px #1e2271;
}

/* style the link hover */
* html .left_menu a:hover { color: #fff; background: #b4b5cc; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.left_menu ul ul {
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: 170px; 
}

/* make the second level visible when hover on first level list OR link */
.left_menu ul li:hover ul, .left_menu ul a:hover ul { visibility: visible; }

.sub { border-top: 1px solid #fff; }

.left_menu ul li a.left_sub_menu_on { background: #b4b5cc; color: #fff; border-bottom: solid 0px #1e2271; }
.left_menu ul li a.left_sub_menu_bottom_on { background: #b4b5cc; color: #fff; border-bottom: solid 1px #1e2271; }
