#menu,
#menu ul,
#menu li,
#menu a {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: 'Lato', sans-serif;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1.1em;
  font-size: 1.2em;
  position: relative;
}
#menu {
  width: 210px;
}
#menu a {
  line-height: 1.3;
}
#menu a img {
    width: 100%;
    height: auto;
}
#menu > ul > li:first-child {
  background: #0077C8;
}
#menu > ul > li:first-child > a {
  background: #0077C8;
  text-align: left;
}
#menu > ul > li:first-child > a > span {
  padding: 0;
}
#menu > ul > li {
  background: #8DC8E8;
}
#menu > ul > li:hover {
  background: #8DC8E8;
}
#menu > ul > li > a {
  font-size: 15px;
  display: block;
  background:#0077C8;
  color: #ffffff;
  border: 1px solid #8DC8E8;
  border-top: none;
}
#menu > ul > li > a:hover {
  background:#0077C8 ;
  border: 1px solid #8DC8E8;
  border-top: none;
}
#menu > ul > li > a > span {
  display: block;
  padding: 12px 10px 12px 17px;
}
#menu > ul > li > a:hover {
  text-decoration: none;
}
#menu > ul > li.active {
  border-bottom: none;
}
#menu > ul > li.has-sub > a span {
  background: url(images/icon_plus.png) 96% center no-repeat;
}
#menu > ul > li.has-sub.active > a span {
  background: url(images/icon_minus.png) 96% center no-repeat;
}

#menu > ul > li#home > a span {
  background-image: none;
}
#menu > ul > li#home.active > a span {
  background-image: none;
}
/* Sub menu */
#menu ul ul {
  display: none;
  background: #fff;
  border-right: 1px solid #8DC8E8;
  border-left: 1px solid #8DC8E8;
}
#menu ul ul li {
  padding: 0;
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
  background: #f7f7f7;
}
#menu ul ul li:last-child {
  border-bottom: none;
}
#menu ul ul a {
  padding: 10px 10px 10px 15px;
  display: block;
  color: #0077C8;
  font-size: 14px;
  font-weight: normal;
}
#menu ul ul a:hover, .selected ul .selected {
  color: #fff;
  background: #8DC8E8 !important;
}
.selected ul .selected a { color: #fff !important; }