.menu {
	FONT-SIZE: 90%; Z-INDEX: 1000; height:100%; 
}
.menu UL {
	BORDER-RIGHT: #888 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #888 0px solid; PADDING-LEFT: 0px; BACKGROUND: #485A98; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #888 0px solid; WIDTH: 160px; PADDING-TOP: 0px; BORDER-BOTTOM: #888 0px solid; LIST-STYLE-TYPE: none; POSITION: relative
}
.menu LI {
	BACKGROUND: #485A98; HEIGHT: 26px
}
 HTML .menu LI {
	MARGIN-LEFT: 0px
}
.menu TABLE {
	FONT-SIZE: 1em; Z-INDEX: 100; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px
}
.menu A {
	DISPLAY: block; BACKGROUND:#485A98; WIDTH: 160px; COLOR: #fff; TEXT-INDENT: 15px; LINE-HEIGHT: 25px; BORDER-BOTTOM: #FFF 1px solid; HEIGHT: 25px; TEXT-DECORATION: none;
}
.menu A:visited {
	DISPLAY: block; BACKGROUND:#485A98; WIDTH: 160px; COLOR: #FFF; TEXT-INDENT: 15px; LINE-HEIGHT: 25px; BORDER-BOTTOM: #FFF 1px solid; HEIGHT: 25px; TEXT-DECORATION: none;
}
 HTML .menu A:hover {
	BACKGROUND: #7F3941; COLOR: #fff
}
UNKNOWN {
	BACKGROUND: #7F3941; COLOR: #fff
}
.menu UL UL {
	LEFT: 161px; VISIBILITY: hidden; POSITION: absolute; TOP: -1px;
}
.menu UL LI:hover UL {
	BACKGROUND: #dde; VISIBILITY: visible
}
.menu UL A:hover UL {
	BACKGROUND: #dde; VISIBILITY: visible
}
.menu UL :hover UL UL {
	VISIBILITY: hidden
}
.menu UL :hover UL :hover UL UL {
	VISIBILITY: hidden
}
.menu UL :hover UL :hover UL {
	BACKGROUND: #ded; VISIBILITY: visible
}
.menu UL :hover UL :hover UL :hover UL {
	BACKGROUND: #edd; VISIBILITY: visible
}
.menu UL.top2 {
	TOP: 25px

}
.menu UL.top3 {
	TOP: 51px
}
.menu UL.top4 {
	TOP: 77px
}
.menu UL.top5 {
	TOP: 103px
}
.menu UL.top6 {
	TOP: 129px
}
.menu UL.top7 {
	TOP: 155px
}

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