body	{ margin:0 }

#menu	{ background-color:#191970; border-bottom:1px solid #600; list-style-type:none; margin:0; padding:0; font-family:Verdana; font-size:80% }
#menu li	{ font-weight:bold; color:white; padding:0 1em; margin:0; cursor:default; white-space:nowrap; list-style-type:none }

#menu.horizontal li	{ display:inline }

#menu.vertical	{ width:8em; border-right:1px solid #600 }
#menu.vertical li	{ width:6em; list-style-type:none }

#menu li.active	{ background-color:#600 }
#menu li a	{ text-decoration:none; color:white }
#menu ul	{ position:absolute; visibility:hidden; text-align:left; background-color:#009; border:1px solid #006; width:15em; margin:0; padding:0 }
#menu ul li,
#menu.vertical ul li,
#menu.horizontal ul li	{ display:block; border-bottom:1px solid #33c; padding:0em; white-space:normal; width:15em; list-style-type:none }
#menu ul li a	{ display:block; width:13em; color:#cdf; text-decoration:none; padding:0.1em 1em; margin:0 }
#menu ul li a:hover	{ color:white; background-color:#67f }

#menu ul li.active	{ background-color:#44d; color:white }