.sf-menu {
  float: left;
  margin-bottom: 1em;
  padding: 0;
}

ul.sf-menu li {
  margin: 0;
  padding: 0 5px;
}

ul.sf-menu li li a {
  color: #ffffff;
}

.sf-menu a,
.sf-menu a:visited  {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  margin: 0;
  padding: 15px;
  text-decoration: none;
  color: #274969;
}

.sf-menu a:hover,
.sf-menu a:focus,
.sf-menu a:active {
  color: #ffffff;
  text-decoration: none;
}

.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
}

.sf-menu span.sf-description {
  color: #3f3f3f;
  display: block;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 5px 0 0 5px;
  padding: 0;
}

.sf-menu li.active-trail {
    background: #274969;
}

.sf-menu li.active-trail a,
.sf-menu li.active-trail a:focus,
.sf-menu li.active-trail a:hover,
.sf-menu li.active-trail a:active {
    color: #ffffff;
}

.sf-menu li,
.sf-menu.sf-navbar {
  background: transparent;
}
.sf-menu li li,
.sf-menu li li li,
.sf-menu li li li li {
  background: #274969;
  color: #ffffff;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li.sfHover a,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
  background: #274969;
  color: #ffffff;
  outline: 0;
}

.sf-menu li li:hover,
.sf-menu li li:hover a,
.sf-menu li li:hover li:hover,
.sf-menu li li:hover li:hover a {
  background: #2e587e;
}

.sf-menu li li:hover li,
.sf-menu li li:hover li a {
  background: #274969;
}