* { margin: 0;
padding: 0;
list-style: none;
}
a { text-decoration: none;
Text-Align:right}
ul { list-style: none; }
p { margin: 20px 0; }
/* LEVEL ONE */
ul.menu { position: relative;
width:168px;
border-bottom: 0px solid #38DF04;
}
ul.menu li {
width:100%;
float:left;
padding: 2px 4px
}
ul.menu li a:link {
color:#000000;
display: block;
padding: 2px 4px;
}
ul.menu li a:visited {
color:#000000
}
ul.menu li a:hover {
color:#000000;
background-color:#eeeeee
}
ul.menu li a:active {
color:#000000;
background-color:#ffffff
}
/* LEVEL TWO */
ul.menu li:hover {
position: relative;
Z-index:100
}
ul.menu ul {
width: 175px;
visibility: hidden;
position: absolute;
top: 0;
left: 172px;
Z-index:100;
}
ul.menu ul li a:link {
width: 175px;
display: inline-block;
background: #ff00ff;
color:#ffffff;
text-align:left
}
ul.menu ul li a:visited {
width: 175px;
display: inline-block;
background: #336699;
color:#ffffff;
text-align:left
}
ul.menu ul li a:hover{
width: 175px;
display: inline-block;
background: #97B4CA;
color:#000000;
text-align:left
}
/* LEVEL THREE */
ul.menu ul ul {
left: 100%;
top: 0;
}
ul.menu li:hover > ul {
visibility: visible;
}