.menu5 {
position:relative; 
list-style-type:none;
position: absolute;
top: 50px;
left: 400px;
width:50%;

}
.menu5 ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; position:relative;
}
.menu5 li a, .menu5 li a:visited {
height:26px; float:left; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#FFF; text-decoration:none;
background-color:#000;
padding:0 9px 2px 9px; margin: 0 5px 5px 5px; 
 
}
/* * html .menu5 li a, .menu5 li a:visited {
width:7em; w\idth:6em; /* hack for IE5.5 
} */

.menu5 li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.menu5 table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a, .menu5 li a:hover {

background-color:#900;
border-bottom:2px solid #F00;

}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; 
left:5px; top:30px;
border-bottom:#CCCCCC 1px solid; 
overflow:visible;
}
* html .menu5 li:hover ul,
.menu5 li a:hover ul {left:6px;top:27px;}

.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block;
width:86px;
height:auto;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:12px;
	text-align:left;
	
	color:#FFF;
	padding:0 9px 3px 9px;
	margin: 0px 0px -1px 0px; 
	border:1px solid #999999; 
	text-decoration:none;
}
* html .menu5 li a:hover ul li a {
width:86px; width:86px; /* hack for IE5.5 */
}

.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
top:0; 
left:97px; 
height:0; 
overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration:none;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; height:auto; width:97px;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-97px;
}