ul.menu {
  left: 0%;
  width: 13%;
  margin-top: 0%;
  margin-left: 0%;
  padding-top: 0%;
  padding-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
  padding-right: 0%;
  padding-bottom: 0%;
  list-style-type: none;
  background-color: Red;
}
li.menu {
  width: 100%;
  margin-top: 0%;
  margin-left: 0%;
  padding-top: 0%;
  padding-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
  padding-right: 0%;
  padding-bottom: 0%;
  list-style-type: none;
  background-color: Red;
}
ul.submenu {
  left: 12%;
  min-width: 15%;
  margin-top: 0%;
  margin-left: 0%;
  padding-top: 0%;
  padding-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
  padding-right: 0%;
  padding-bottom: 0%;
  position: absolute;
  visibility: hidden;
  list-style-type: none;
  background-color: Green;
}
li.submenu {
  width: 100%;
  margin-top: 0%;
  margin-left: 0%;
  padding-top: 0%;
  padding-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
  padding-right: 0%;
  padding-bottom: 0%;
  list-style-type: none;
  background-color: Green;
}
a.menu {
  color: Black;
  font-size: large;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a.menu:hover {
  font-weight: bold;
  border-left-color: Black;
  border-left-style: solid;
  border-left-width: thick;
}
a.item {
  color: Orange;
  font-size: large;
  text-decoration: none;
  background-color: Green;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a.item:hover {
  font-weight: bold;
  text-decoration: underline;
}