/* Vertical Menu CSS */
#menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 136px; /* Width of Menu Items */ 
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
} 

#menu ul li { 
	position: relative; 
} 

#menu li ul { 
	position: absolute; 
	left: 135px; /*Set 1px less than menu width */ 
	top: 0; 
	display: block; 
} 

#menu li:hover ul {
	display: block; 
} 

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
	margin: 0 0 0 0;
} 

/* Styles for Menu Items */ 
#menu ul a { 
	display: block; 
	text-decoration: none; 
	color: #fff; 
	background: #f4d580; /* IE6 Bug */ 
	padding: 5px; 
	border: 0px solid #ccc; 
	border-bottom: 0; 
} 

/* Hover Styles */ 
#menu ul a:hover { 
	color: #fff4e0; 
	background: #daa742; 
} 

/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: #236696; 
	background: #f4d580; /* IE6 Bug */ 
	padding: 5px; 
	border: 0px; 
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	color: #fff4e0; 
	background: #daa742; 
} 

/* Icon Styles */ 
#menu ul a.submenu {
	background:#236696 url("../images/bottomleftarrow2.gif") no-repeat 97% 50%; 
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
} 
#menu ul a.submenu:hover {
	background:#5e8caa url("../images/bottomleftarrow2.gif") no-repeat 97% 50%;
	color: #fff;
}

#menu ul a.submenu2 {
	background:#f4d580 url("../images/bottomleftarrow-blue.gif") no-repeat 97% 50%;
  opacity: .8;
  filter: alpha(opacity=80);
} 
#menu ul a.submenu2:hover {
	background:#daa742 url("../images/bottomleftarrow-blue.gif") no-repeat 97% 50%; 
}

/* item is submenu2 */
#menu ul li ul li ul li a {
	color: #236696;
}

.subl {
   opacity: .8;
   filter: alpha(opacity=80);
}