.left_menu
{
	font-size: 11px;
}

.left_menu, .sub_menu
{
	position: relative;
	top: 10px;
	margin: 0;
	padding: 0;
	width: 150px;
	list-style: none;
	color: #29357A;

}


.left_menu li
{
	background-color: #81cce8;
	color: #000;
	border-color: #999;
	border-width: 0 0 1px 0;
	border-style: solid;
	width: 150px;
}

/* Links inside the menu */
.left_menu a
{
	display: block;
	padding: 3px 5px 4px 10px;
	color: #666;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}

#selection .active, .left_menu li.active>a, .left_menu li:hover, .left_menu li>a:hover
{
	background-color: #81cce8;
	color: #000;
	font-weight: bold;
}

#selection, #selectionlink {
	color: #000;
	background-color: #81cce8;
}


.sub_menu
{
	position: relative;
	top: 1px;
	padding-left:0px;
	width: 150px;
	background-color:#d9eff7;
	margin-bottom: 0px;
}

.sub_menu li{
	background-color: #d9eff7;
	font-weight: normal;
}

.sub_menu li a{
	background-color: #d9eff7;
	color: #000;
	font-weight: normal;
	padding: 3px 10px 4px 10px;
}


.sub_menu li.active,.sub_menu li.active a, .sub_menu li:hover, .sub_menu li a:hover {
	background-color: white;
	font-weight: normal;
	
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.left_menu a .subind { float: right; }

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/

*+html .left_menu li
{
	float: left;
	height: 1%;
}

*+html .left_menu a { height: 1%; }

* html .left_menu li
{
	float: left;
	height: 1%;
}

* html .left_menu a { height: 1%; }