/* ================================================================ 
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: 12px;
	font-family: arial, verdana, 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: 24px;
}

/* Add the bottom border to all end sub-menu items */
.border_bottom_on { border-bottom: solid 1px #ff00ff; }

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

.left_menu_title {
	position: relative;
	background-image: url(../images/navigation/left_nav_back.gif);
	background-repeat: repeat-x;
	color: #fff;
	font-weight: normal; 
	border-bottom: solid 0px #187394;
	font-size: 13px;
	height: 25px;
}

.left_menu ul li a.left_menu_title:active { color: #ffffff; background: #187394; border-bottom: solid 0px #187394;}
.left_menu ul li a.left_menu_title:hover { color: #ffffff; /*background: #08465d;*/ background-image: url(../images/navigation/left_nav_back_over.gif); background-repeat: repeat-x; color: #fff; border-bottom: solid 0px #187394; }

.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: #333333; 
	border-left: solid 1px #187394;
	border-right: solid 1px #187394;
	border-bottom: solid 1px #187394;
	width: 168px;
}

.left_menu ul li a.left_sub_menu:hover {
	color: #ffffff;
	border-right: solid 1px #187394;
	border-top: solid 1px #187394;
	width: 168px;
}

.left_menu ul li a.left_sub_menu_on:link, .left_menu ul li a.left_sub_menu_on:visited, .left_menu ul li a.left_sub_menu_on:active {
	color: #ffffff; 
	border-left: solid 1px #187394;
	border-right: solid 1px #187394;
	border-bottom: solid 1px #187394;
	width: 168px;
	background-color: #8ab2c1;
}

.left_menu ul li a.left_sub_menu_on:hover {
	color: #ffffff;
	border-right: solid 1px #187394;
	border-top: solid 1px #187394;
	width: 168px;
	background-color: #8ab2c1;
}

.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: #8ab2c1; 
	border-top: solid 1px #187394;
	border-right: solid 1px #187394;
	border-bottom: solid 0px #187394;
	width: 168px;
}

.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: #ffffff;
	background: #8ab2c1; 
	border-top: solid 1px #187394;
	border-right: solid 1px #187394;
	border-bottom: solid 1px #187394;
	height: 23px;
	width: 168px;
}

/* 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: 0px;
	left: 169px; 
}

.left_menu ul li a.left_sub_menu_flyout:hover { color: #fff; background: #187394; }
.left_menu ul li a.left_sub_menu_flyout_bottom:hover { color: #fff; background: #187394; }
.left_menu :hover > a { color: #fff; background: #8ab2c1; }

/* ---------------------------------------------------------------------------------------------------- */
/* 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: 24px;
	line-height: 22px;
	width: 168px;
	text-indent: 5px;
	border: solid 1px #187394;
}

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

/* 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; }

/*.left_menu ul li a.left_sub_menu_on { background: #8ab2c1; color: #fff; border-bottom: solid 0px #187394; }*/
.left_menu ul li a.left_sub_menu_bottom_on { background: #8ab2c1; color: #fff; border-bottom: solid 1px #187394; }

/* ---------------------------------------------------------------------------------------------------- */
/* IE6 select box fix left menu																																					*/
/* ---------------------------------------------------------------------------------------------------- */

#left_menu_ul iframe { position: absolute; left: -9999px; border: 0; padding: 0; margin: 0; width: 0; height: 0; border-right :solid 0px #d1d1d1; }
#left_menu_ul a:hover ul iframe, #left_menu_ul li a:hover ul a:hover ul iframe, #left_menu_ul li a:hover ul a:hover ul a:hover ul iframe, #left_menu_ul li a:hover ul a:hover ul a:hover ul a:hover ul iframe { left:-9999px; }
#left_menu_ul a:hover iframe {left:169px; top:0px;}
#left_menu_ul a:hover a:hover iframe, #left_menu_ul a:hover a:hover a:hover iframe, #left_menu_ul a:hover a:hover a:hover a:hover iframe {left:169px; top:0px;}