#menucontainer {
  margin: 0 auto;
  font-family: "Trebuchet MS", MetaBlack, sans-serif;
  background: #0082e5 linear-gradient(#0082e5, #0060aa);
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #aaaaaa;
  color: #ffffff;
}

#menucontainer a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}

nav#mainmenu {
  padding: 0;
  z-index: 90;
}

nav#mainmenu ul {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
}

nav#mainmenu ul.mainmenu {
  width: 100%;
  display: inline-block;
  padding: 0;
  margin: 0;
}

nav#mainmenu ul.mainmenu li {
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0;
  border: solid 0 #eeeeee;
  border-right: solid 1px #eeeeee;
}

nav#mainmenu ul.mainmenu li:hover {
  background: #ff9a1e linear-gradient(#ff9a1e, #ea8400);
}

nav#mainmenu ul.mainmenu > li > a {
  display: inline-block;
  padding: .7em 1em;
}

nav#mainmenu ul.mainmenu li:first-child {
  border-left: solid 1px #eeeeee;
}

nav#mainmenu .submenu {
  display: none;
  position: absolute;
  opacity: 0.9;
  width: 19em;
  background: #0060aa linear-gradient(#0060aa, #0060aa);
  text-shadow: none;
  border-radius: 0 0 7px 7px;
  z-index: 100;
  left: 0;
  top: 100%;
}

nav#mainmenu ul.mainmenu li:hover > .submenu {
  display: block;
}

nav#mainmenu ul.submenu li {
  border: 0;
  width: 100%;
}

nav#mainmenu ul.submenu li.link:hover {
  background: #ea8400 linear-gradient(#ea8400, #ea8400);
}

nav#mainmenu ul.submenu li.last {
  margin-bottom: 1.5em;
}

nav#mainmenu ul.submenu li:last-child {
  margin-bottom: .5em;
}

nav#mainmenu ul.submenu li:first-child {
  border: 0;
  margin-top: .5em;
}

nav#mainmenu ul.submenu li a {
  display: block;
  font-size: 1em;
  color: #ffffff;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  padding: .4em .8em .2em .8em;
  white-space: nowrap;
  overflow: hidden;
}