<style type="text/css">

.body {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica, sans-serif; line-height: 16px; margin-left: 0px; margin-right: 0px}
.text {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica, sans-serif; line-height: 16px; margin-left: 25px; margin-right: 25px}
.header {FONT-SIZE: 14px; COLOR: #CC0000; FONT-FAMILY: Verdana, Helvetica, sans-serif; line-height: 14px; margin-left: 0px; margin-right: 0px; font-weight:bold}
<!--.menu {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica, sans-serif; line-height: 15px; margin-left: 5px; margin-right: 5px; margin-top: 5px}-->
.menuheader {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica, sans-serif; line-height: 14px; margin-left: 2px; margin-right: 2px}
.footer {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, sans-serif; line-height: 18px; margin-left: 5px; margin-right: 5px}


.footer a{color: white;}
.footer a:visited {COLOR: white;}
.footer a:hover{color: #C0C0C0; font-weight:normal; text-decoration:underline;}


<!-- paste this code into the css section of your html document{  }
ul#menu {
  width: 150px;
  list-style-type: none;
  border-top: solid 1px #CC0000;
  margin: 0;
  padding: 0;
}

ul#menu ol {
  display: none;
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 5px;
}

ul#menu li, 
  ul#menu a {
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #CC0000;
}

ul#menu li {
  border-bottom: solid 1px #CC0000;
  line-height: 17px;
}

ul#menu ol li {
  border-bottom: none;
}

ul#menu ol li:before {
  content: "-";
}

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
  color: #800080; font-weight:normal
}

ul#menu a.active {
  color: #FF0000;
}
</style>