.menu {
  padding-top: 199px;
  margin-left: 10px;  
  text-align: center;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menu ul li {
  position: relative;
  display: inline;
  float: left;
}

.menu ul li a {
  display: block;
  padding: 2px 0px;
  color: #000000;
  text-decoration: none;
  border-left: 1px solid gray;
  background: #FACD73;
  width: 75px;
}

* html .menu ul li a {
  display: inline-block;
}

.menu ul li a:link, .menu ul li a:visited {
  color: #000;
}

.menu ul li a:hover {
  background: black;
  color: white;
}
	
.menu ul li ul {
  position: absolute;
  left: 0;
  display: block;
  visibility: hidden;
}

.menu ul li ul li {
  display: list-item;
  float: none;
}

.menu ul li ul li ul {
  top: 0;
}

.menu ul li ul li a{ 
  text-align: left;
  width: 160px;
  padding: 5px 5px;
  margin: 0;
  border-top-width: 0;
  border-bottom: 1px solid gray;
}

.menuz ul li ul li a:hover {
  background: #eff9ff;
  color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
  position: absolute;
  top: 12px;
  right: 7px;
}

.rightarrowclass{
  position: absolute;
  top: 6px;
  right: 5px;
}