/* Float over left menu CSS */

#menuleft ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 230px; /*230 Width of Menu Items */
	font-size:65%;
	text-transform: uppercase;
	}
	
#menuleft ul li {
	position: relative;
	background-image: url('../graphics/button_bg.gif');
	background-repeat: no-repeat;
	width: 230px; /* Width of Menu Items */
	margin: 0;
	padding: 0;
	float: left; 
	}
	
#menuleft li ul {
	position: absolute;
	left: 229px; /* Set 1px less than menu width */
	top: 0;
	font-size:100%;
	display: none;
	margin: 0;
	padding: 0;
	
	width: 240px;
	}

/* Styles for Menu Items */
#menuleft ul a {
	display: block;
	text-decoration: none;
	padding:  6px 6px;
	color: #fff;
	background: transparent;
	width: 230px; /*230px Width of Menu Items */ 	
	}

#menuleft ul p {
	display: block;
	text-decoration: none;
	padding:  6px 6px;
	color: #fff;
	background: transparent;
	width: 230px; /* Width of Menu Items */ 
	cursor: default;	
	}
	
#menuleft ul li a:hover {
	text-decoration: underline;
	padding:  6px 6px;
	}
	
#menuleft li ul li{
	background-image: url('../graphics/button_bg_wider.gif');
	background-repeat: no-repeat;
	width: 240px; /*234px*/
}
#menuleft li ul li a{width: 240px;}	

/* Holly Hack. IE Requirement \*/
* html #menuleft ul li {
	float: left; 
	height: 1%; 
	background-image: url('../graphics/button_bg.gif');
	background-repeat: no-repeat;
	}
* html #menuleft ul li a { 
	height: 1%; 
	background-image: url('../graphics/button_bg.gif');
	background-repeat: no-repeat;
	}
/* End */

#menuleft li:hover ul, #menuleft li.over ul { display: block;} /* The magic */


