.menu { z-index:1000; font-size:60%; margin:25px 0px 0px 0px; }

/* NO styling */
.menu ul { padding:0; margin:0; list-style-type:none; width:189px; }

/* ie5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}

/* place sub lvls */
.menu li {
position:relative; background:#0049ae; height:26px; background:#0049ae url(spacer.gif); }

.menu li.sub { position:relative; background:#0049ae url(plus.gif); background-repeat:no-repeat; background-position:right center; z-index:1000; } 

/* NO table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:1000; font-size:1em;}

/* link style */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:189px;
color:#fff;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
z-index:1000;
}
/* ie5 */
* html .menu a, * html .menu a:visited {width:190px; w\idth:189px; }

/* style link hovers */
* html .menu a:hover {
color:#fff; 
background:#7896b0; 
/* Halloween Colors */
/* background:#F38417; */
/* Xmas Colors */
/* background:#E31736; */
position:relative; 
z-index:1000;
}

.menu :hover > a {
color:#fff; 
background:#7896b0;
/* Halloween Colors */
/* background:#F38417; */
/* Xmas Colors */
/* background:#E31736; */
z-index:1000;
}

/* hide sub lvls */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:190px; 
z-index:1000;
background:transparent url(transparent.gif);
}

/* see 2nd lvl on 1st lvl hover */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }

/* hide 3rd lvl on 2nd lvl hover */
.menu ul :hover ul ul{
visibility:hidden;
}
/* hide 4th lvl on 3rd lvl hover */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* see 3rd lvl on 2nd lvl hover */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* see 4th lvl on 3rd lvl hover */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

</style>
<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]-->