/* Left Menu styling for hover effect - applies only to unnumbered list in left menu  --- very crucial: use classes instead of ids here*/
.leftnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 177px;
	font: normal 11px Arial, Helvetica, sans-serif;
	}

.leftnav ul li {
	position: relative;
	}
	
.leftnav li ul {
	position: absolute;
	left: 177px; /* 1px less than menu width*/
	top: 0;
	display: none;
	}

.leftnav ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
		padding: 5px;
	/*border: 1px solid #ccc;*/
	border-bottom: 0;
	
	}
/* Fix IE. Hide from IE Mac \*/
* html .leftnav ul li { float: left; }
* html .leftnav ul li a { height: 1%; }
/* End */

.leftnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 177px;
	/*border-bottom: 1px solid #ccc;*/
	}

.leftnav ul li a:hover { color: #FFFFFF; background: #464646; } /* Hover Styles */
		
.leftnav li ul li a { padding: 2px 5px; background: url('includes/images/leftmenubk.jpg');} /* Sub Menu Styles */

.leftnav li:hover ul, li.over ul { 
	display: block; }

/* Hover styling ends here */