ul.left-menu li a span {
	padding:3px 20px 3px 6px;
	display:block;
}

.left-menu li a {
	display: block;
	width:152px;
	color: #444;
	font-weight:bold;
	/*line-height:20px;*/
	min-height:24px;
	outline: 0;/*firefox dotted fix*/
}

ul.left-menu li.parent a.hover-highlight,
ul.left-menu li.parent a:hover {
	background:#d4d4d4 url(/vmc/images/bg_left_nav_exp_items.gif) -152px 3px  no-repeat scroll;
	color:#c00;
}

.left-menu li {
	width:152px;
	margin-left:4px;
	padding:0;

	}

ul.left-menu {
	background:#f0f0f0 url(/vmc/images/bg_left_nav_3.gif) bottom left no-repeat;
	padding-bottom:11px;
}


.left-menu-box {
	background:url(/vmc/images/bg_left_nav_1.gif) top left no-repeat;
	width: 161px;
	padding-top:10px;
	text-align:left;
}

.leftSidebar {
	z-index: 3;
	position: absolute;
	float: left;
	width: 168px;
	text-align:left;
	min-height:500px;
}

/* Start of new nav CSS */
#main {
	position: relative;
}
#leftNavigation {
	z-index: 3;
	position: absolute;
	left: 0px;
	top: 27px;
	width: 160px;
	text-align:left;
	background: url(../images/social_leftNavigation.png) repeat-y;
}

#leftNavigationTop {
	position: absolute;
	top: -12px;
	left: 0px;
	width: 160px;
	height: 12px;
	background: url(../images/social_leftNavigationTop.png) 0 bottom;
}

#leftNavigationBottom {
	position: absolute;
	bottom: -12px;
	left: 0px;
	width: 160px;
	height: 13px;
	background-image: url(../images/social_leftNavigationBottom.png);
}


#leftNavigation a {
	color: #444;
	font-weight:bold;
	height: 18px;
	padding: 4px 5px 2px 5px;
	display: block;
}


#leftNavigation ul.level1 li.current ul.level2 {
	display: block;
	width:142px;
	padding: 4px 5px 2px 5px;
	background-color: #dedede;
}

#leftNavigation a:hover {
	color: #c00;
	background-color: #f0f0f0;
}

#leftNavigation ul.level1 li a:hover {
	color: #c00;
	background-image: url(../images/social_leftNavigation_l1_hover.png);
	background-color: transparent;
}

#leftNavigation ul.level1 li ul.level2 li a:hover {
	color: #c00;
	background-image: url(../images/social_leftNavigation_l2_hover.png);
	background-color: transparent;
}

ul.level1 {
	margin: 0 4px;
}
ul.level1 li {
	position: relative;
	margin: 4px 0;
}
ul.level2 {
	margin: 4px 0px;
}
ul.level1 li#nav_socialResponsibility ul.level2 {

}

ul.level1 li.current a  {
	color: #c00;
	background-image: url(../images/social_leftNavigation_l1_hover.png);
	background-color: transparent;
}

ul.level1 li ul.level2 li a  {
	background-image: none;
	background-color: transparent;
}

ul.level1 li ul.level2 li.current a   {
	color: #444;
	background-image: url(../images/social_leftNavigation_l2_hover.png);
	background-color: transparent;
}
ul.level2 {
	position: relative;
	display: none;
}

ul.level1 li.current span.UL {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 6px;
	height: 6px;
	background: url(../images/social_leftNavigation_l2_corners_01.png) no-repeat left top;
	z-index: 2;
}
ul.level1 li.current span.UR {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 6px;
	height: 6px;
	background: url(../images/social_leftNavigation_l2_corners_02.png) no-repeat right top;
}
ul.level1 li.current span.LL {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 6px;
	height: 6px;
	background: url(../images/social_leftNavigation_l2_corners_03.png) no-repeat left bottom;
	z-index: 2;
}
ul.level1 li.current span.LR {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 6px;
	height: 6px;
	background: url(../images/social_leftNavigation_l2_corners_04.png) no-repeat right bottom;
	z-index: 2;
}
