/* common styling */

.menu {
font-family: verdana, "lucida sans unicode", sans-serif;
position:relative; 
z-index: 0;
/* margin:2em 125px 0 125px; */
}

a.text:link {
color:#666; 
text-decoration:underline;
}

a.text:visited {
color:#666; 
text-decoration:underline;
}

a.text:hover {
color:#000; 
text-decoration:underline;
}

a.text:active {
color:#ccc; 
text-decoration:underline;
}

/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:70px; /* adjusts width of menu headings (for IE7 and non-IE browsers) */
height:1.5em;
font-weight:bold;
color:#888; 
border:1px solid #f0f0fc;
border-bottom:3px solid #d4e8f6; /* bar just beneath menu categories (also below) */
background:#fff; 
padding-left:10px; 
line-height:1.5em;
margin-right:2px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:80px;
w\idth:70px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000; 
border:1px solid #f0bf22;
border-bottom:3px solid #f0bf22; /* bar just beneath menu categories (also above) */
z-index: 3;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:0.8em; /* adjust this when adjusting the width of the bar just beneath menu categories */
margin-top:11px;
left:0; 
width:70px;
border:0px solid #888; /* drop-down border width */
border-top:0;
background:transparent;
z-index: 3;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a, 
.menu ul li a:hover ul li a {
display:block; 
background:transparent url(../images/fcfcfc.png); 
border:0;
margin:0;
color:#333;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em; 
padding:5px; 
z-index: 3;
width:70px /* adjust this when adjusting border width (above) */
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:transparent url(../images/999999.png); 
color:#fff;
z-index: 3;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=93);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=93);
opacity:0.93;
z-index: 3;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#fcfcfc;
z-index: 3;
width:78px; /* for IE5.5 faulty box model */
w\idth:70px; /* for IE6 */ /* adjust this when adjusting border width (above) */
}

.menu ul li:hover ul li a.hide { /*menu item no hover colors for item with children */
        background:transparent url(../images/fcfcfc.png); color:#000; z-index: 3;
}
.menu ul li:hover ul li:hover a.hide { /* menu item hover color change */
        background:transparent url(../images/999999.png); color:#fff; z-index: 3;
}
.menu ul li:hover ul li ul { /* submenu appears */
        display: none;
}
.menu ul li:hover ul li:hover ul { /* submenu appears */
        display:block; position:absolute; left:80px; top:-11px; z-index: 3;
}
/*.menu ul li:hover ul li:hover ul.left { /* submenu appears on left as required */
        left:-80px;
}
<!--[if lte IE 6]>
.menu UL LI A.hide { /* hides extra menu heading blocks generated by non-visited links */
	DISPLAY: none
}
.menu UL LI A.hide:visited { /* hides extra menu heading blocks generated by visited links */
	DISPLAY: none
}
.menu UL LI A:hover UL LI A.hide { /* no visible function */
	DISPLAY: none
}
.menu UL LI A:hover { /* menu heading hover colors */
	BACKGROUND: #fff; COLOR: #000
}
.menu UL LI A:hover UL { /* menu appears */
	DISPLAY: block; LEFT: 0px; WIDTH: 150px; POSITION: absolute; TOP: 10px; z-index: 3;
}
.menu UL LI A:hover UL LI A.sub { /*menu item no hover colors for item with children */
	BACKGROUND: #fcfcfc; COLOR: #000; z-index: 3;
}
.menu UL LI A:hover UL LI A { /* menu item no hover colors */
	DISPLAY: block; BACKGROUND: #fcfcfc; COLOR: #000; z-index: 3;
}
.menu UL LI A:hover UL LI A UL { /* no visible function */
	VISIBILITY: hidden
}
.menu UL LI A:hover UL LI A:hover { /* menu item hover color change */
	BACKGROUND: #999; COLOR: #fff; z-index: 3;
}
.menu UL LI A:hover UL LI A:hover UL { /* submenu appears */
	LEFT: 80px; VISIBILITY: visible; COLOR: #000; POSITION: absolute; TOP: -11px; z-index: 3;
}
.menu UL LI A:hover UL LI A:hover UL.left { /* submenu appears on left as required */
	LEFT: -80px; z-index: 3;
}
<![endif]-->