@CHARSET "ISO-8859-1";

/* hide the sub levels and remove all the bullets, borders and padding from the default list styling */
.menu ul {visibility:hidden;position:relative;height:0;top:1px;left:0; width:relative;border-top:1px solid #000;padding:0;margin:0;list-style-type:none;}

.menu  li{position:relative;padding:0;margin:0;list-style-type:none;}
/* style the top level hover */
.menu a:hover, .menu  ul a:hover{color:red;}
.menu :hover > a, .menu  ul :hover > a {color:red;}

/* make the first level visible when hover  */
.menu  li:hover ul,
.menu  a:hover ul{visibility:visible;position:relative;list-style-type:none;list-style-position:inside }