/* Left Navigation CSS */

ul#left_navigation {
	position: relative;
	padding: 0 0 1px 0;
	margin: 35px 14px 0 47px;
	background: url(../images/nav/nav-border.gif) repeat-x left bottom;
	z-index: 100;
}

ul#left_navigation li {
	padding: 1px 0 0 0;
	border-top: 1px solid #dedede;
	zoom: 1;
	vertical-align: top;
	background: url(../images/nav/nav_arrow.gif) no-repeat 152px 1em;
}

ul#left_navigation li a {
	display: block;
	padding: 8px 30px 30px 0;
	color: #5d5d5d;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}

ul#left_navigation li.selected {
	padding-bottom: 15px;
	background: url(../images/nav/nav_arrow_selected.gif) no-repeat 151px 1em;
}

ul#left_navigation li.selected a {
	padding-bottom: 15px;
	color: #5abc2b;
}

ul#left_navigation li.selected ul {
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 4px;
}

ul#left_navigation li.selected ul li {
	padding: 2px 0 2px 0;
	background: none;
	border: none;
}

ul#left_navigation li.selected ul li a {
	padding: 0 0 0 9px;
	color: #4d4d4d;
	font-weight: normal;
	font-size: 1.1em;
	background: url(../images/nav/nav_level1_bullet.gif) no-repeat left 0.4em;
}

ul#left_navigation li.selected ul li a:hover {
	color: #5f90cb;
	background-position: -180px 0.4em;
}

ul#left_navigation li.selected ul li a.selected,
ul#left_navigation li.selected ul li a.selected:hover {
	color: #5abc2b;
	background-position: -360px 0.4em;
}




ul#left_navigation li div.bubble {
	position: absolute;
	visibility: hidden;
	left: 131px;
	top: 0px;
	width: 268px;
	padding-top: 9px;
	padding-right: 11px;
	background: url(../images/nav/nav_bubble_topCorner.png) no-repeat left 0px;
	z-index: 110;
}

ul#left_navigation li div.bubble div.bottom {
	padding-bottom: 18px;
	background: url(../images/nav/nav_bubble_bottom.png) no-repeat left bottom;
}

ul#left_navigation li div.bubble div.bottom div.bg {
	background: url(../images/nav/nav_bubble_repeater.png) repeat-y left top;
}

ul#left_navigation li div.bubble div.bottom div.bg ul {
	width: 247px;
	padding: 0 12px 5px 9px;
	background: url(../images/nav/nav_bubble_gradient.png) no-repeat left bottom;
}

ul#left_navigation li div.bubble div.bottom div.bg ul li {
	padding: 4px 0 0 0;
	background: none;
	border: none;
}

ul#left_navigation li div.bubble div.bottom div.bg ul li a {
	display: block;
	width: 219px;
	padding: 4px 14px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

ul#left_navigation li div.bubble div.bottom div.bg ul li a:hover {
	background: #e8f1e9 url(../images/nav/bullet-bubble.gif) no-repeat 5px 0.5em;
}


ul#left_navigation li div.bubble div.top {
	position: absolute;
	left: -131px;
	top: -8px;
	width: 399px;
	height: 8px;
	background: url(../images/nav/nav_bubble_top.png) no-repeat left top;
}


ul#left_navigation li div.bubble div.nav_bottom {
	position: absolute;
	left: 4px;
	top: 1px;
	width: 1px;
	background: #fff;
}

ul#left_navigation li div.bubble div.nav_middle {
	position: absolute;
	left: -131px;
	width: 136px;
	height: 1px;
	background: url(../images/nav/nav_bubble_theLine.gif) no-repeat left top;
}