* {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.accordion-menu {
  width: 90px;
  margin-left:10px;
  background: #fdfdfd;
  border: 1px solid #ccc;
  border-radius:5px;
}

.accordion-menu a {
  color:#333;
}

.accordion-menu li.open .dropdownlink {
  color: #aaa;
}

.accordion-menu li:last-child .dropdownlink,
.accordion-menu li:last-child .menulink {
  border-bottom: 0;
}

.dropdownlink{
  position: relative;
  cursor: pointer;
  display: block;
  padding: 10px;
  font-size: 0.8em;
  color: #212121;
  border-bottom: 1px solid #ccc;
  transition: all 0.4s ease-out;
  text-align:center;
}

.dropdownlink:hover,
.menulink:hover {
  background:#eee;
}

.menulink a {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 10px;
  font-size: 0.8em;
  color: #212121;
  text-align:center;
}

.menulink {
  border-bottom: 1px solid #ccc;
}

.submenuItems {
  display: none;
  background: #f0f8ff;
  margin-left:0;
  font-size: 0.8em;
  text-align:center;
}
.submenuItems li {
  border-bottom: 1px solid #B6B6B6;
}

.submenuItems a {
  display: block;
  color: #727272;
  padding: 12px;
  transition: all 0.4s ease-out;
}
.submenuItems a:hover {
  background-color: #87cefa;
  color: #;333
}