/* ================================================================ 
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: 0; /* this page only */
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	color: #000;
	/*float: left;*/
	border-bottom: solid 1px #fff;
	padding-bottom: 1px;
}

/* 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; white-space: nowrap;
}

/* ---- Menu options---- */

.left_menu_title {
	position: relative;
	width: 191px;
	height: 22px;
	background: #0d6ba8;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0px 0px 4px;
}

.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: #000;
	width: 195px;
	background-color: #eef4f8;
}

.left_menu ul li a.left_sub_menu:hover {
	color: #000;
	border-top: solid 1px #fff;
	width: 195px;
	background-color: #d4e3ed;
}

.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: #000;
	width: 195px;
	height: 28px;
	background-color: #eef4f8;
	border-top: solid 1px #a9c8dc;
	border-right: solid 1px #a9c8dc;
	border-left: solid 1px #a9c8dc;
	padding-right: 3px;
}

.left_menu ul li a.left_sub_menu_flyout_bottom:link, .left_menu ul li a.left_sub_menu_flyout_bottom:visited, .left_menu ul li a.left_sub_menu_flyout_bottom:active {
	color: #000;
	width: 195px;
	height: 27px;
	background-color: #eef4f8;
	border: solid 1px #a9c8dc;
	padding-right: 3px;
}

/* 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: 195px; /*white-space:nowrap;*/
}

.left_menu ul li a.left_sub_menu_flyout:hover {	line-height: 24px; color: #000; background: #d4e3ed; }
.left_menu ul li a.left_sub_menu_flyout_bottom:hover { line-height: 24px; color: #000; background: #d4e3ed; }

.left_menu :hover > a { color: #000; background: #d4e3ed; }

/* ---- 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: 195px;
	text-indent: 5px;
	border-top: solid 1px #fff;
}

/* style the link hover */
* html .left_menu a:hover { color: #fff; background: #a9c8dc; }

/* 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; width: 100%; }