#navigation {
  font-size: 1.3em;
  line-height: 2.30769em;
  padding-left: 1px;
  padding-right: 1px;
  margin-bottom: 1.5em;
  font-family: Garamond, Perpetua, "Times New Roman", serif;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: bold;
}
#navigation a {
  padding-left: 0.75em;
  padding-right: 0.75em;
  display: block;
  text-decoration: none;
}
#navigation a:link,
#navigation a:visited,
#navigation a:hover,
#navigation a:active {
  color: white;
}
#navigation h2 {
  font-size: 1em;
  line-height: 1.5em;
  background: #446dac;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #335c9b),
    color-stop(100%, #557ebd)
  );
  background-image: -webkit-linear-gradient(center top, #335c9b, #557ebd);
  background-image: -moz-linear-gradient(center top, #335c9b, #557ebd);
  background-image: -o-linear-gradient(center top, #335c9b, #557ebd);
  background-image: linear-gradient(center top, #335c9b, #557ebd);
  border-style: solid;
  border-width: 0.1em;
  padding: 0.5em;
  -webkit-border-radius: 8px 8px;
  -moz-border-radius: 8px / 8px;
  border-radius: 8px / 8px;
  border-color: #557ebd;
  margin-bottom: 0;
}
#navigation h2.expanded {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
#navigation ul {
  margin: 0;
  padding: 0;
}
#navigation li {
  list-style: none;
  background: #446dac;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #335c9b),
    color-stop(100%, #557ebd)
  );
  background-image: -webkit-linear-gradient(center top, #335c9b, #557ebd);
  background-image: -moz-linear-gradient(center top, #335c9b, #557ebd);
  background-image: -o-linear-gradient(center top, #335c9b, #557ebd);
  background-image: linear-gradient(center top, #335c9b, #557ebd);
  border-style: solid;
  border-width: 0.1em;
  padding: 0.5em;
  border-color: #557ebd;
}
#navigation li.expanded {
  position: relative;
}
#navigation li.expanded > a {
  margin-right: 3em;
}
#navigation li.expanded > a.submenu-toggle {
  margin-right: 0;
  text-align: center;
  width: 1.5em;
  position: absolute;
  right: 0;
}
#navigation li.first {
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
}
#navigation li.last {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
#navigation .block > ul > li.first {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
@media all and (min-width: 43.6875em) {
  #navigation {
    z-index: 98;
    padding: 0;
  }
  #navigation .block > ul {
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
  }
  #navigation .block > ul > li {
    padding: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow: visible;
  }
  #navigation .block > ul > li:nth-of-type(1) {
    width: 10%;
    margin-left: 0;
    margin-right: -10%;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  #navigation .block > ul > li:nth-of-type(2) {
    width: 18%;
    margin-left: 10%;
    margin-right: -28%;
  }
  #navigation .block > ul > li:nth-of-type(3) {
    width: 31%;
    margin-left: 28%;
    margin-right: -59%;
  }
  #navigation .block > ul > li:nth-of-type(4) {
    width: 31%;
    margin-left: 59%;
    margin-right: -90%;
  }
  #navigation .block > ul > li:nth-of-type(5) {
    width: 10%;
    margin-left: 90%;
    margin-right: -100%;
  }
  #navigation .block > ul > li.first {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  #navigation .block > ul > li.last {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  #navigation .block > ul > li > a {
    text-align: center;
    padding: 0;
  }
  #navigation .block > ul > li > a.submenu-toggle {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  #navigation .block > ul > li > ul {
    position: absolute;
    top: 2.25em;
    left: 0;
    z-index: 99;
  }
  #navigation .block > ul > li > ul > li {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
  }
  #navigation .block > ul > li li {
    white-space: nowrap;
  }
}
/**
 *
 * NEW CSS since deprecation of COMPASS starts here
 *
 */
 #navigation li.expanded > span {
   margin-right: 3em;
   padding-left: 0.75em;
   padding-right: 0.75em;
   display: block;
   text-decoration: none;
   cursor: default;
}