.menuBackground {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4b1d1+0,a671b0+100,a671b0+100 */
  background: #e4b1d1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e4b1d1 0%, #a671b0 100%, #a671b0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e4b1d1 0%, #a671b0 100%, #a671b0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e4b1d1 0%, #a671b0 100%, #a671b0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4b1d1', endColorstr='#a671b0',GradientType=0 );
  /* IE6-9 */ }

.menuContainer {
  padding: 10px 20px; }
  .menuContainer .homeButton {
    width: 40px;
    height: auto;
    margin: 0 5px; }

ul.menu {
  margin-bottom: 0; }
  ul.menu a:hover {
    text-decoration: none; }
  ul.menu li {
    display: inline-block;
    position: relative;
    background: none;
    margin: 0 16px;
    color: white;
    font-size: 20px; }
    ul.menu li a {
      color: white; }
      ul.menu li a:hover {
        color: #83577b; }
    ul.menu li .subMenu {
      width: 200px;
      padding: 5px 0;
      display: none;
      position: absolute;
      z-index: 10;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      ul.menu li .subMenu li {
        width: 100%;
        margin: 0;
        padding: 5px 10px;
        border-radius: 0;
        color: white;
        font-size: 18px;
        position: relative; }
        ul.menu li .subMenu li:hover {
          color: #83577b;
          background: white; }
          ul.menu li .subMenu li:hover a {
            color: #83577b; }
          ul.menu li .subMenu li:hover li {
            color: white;
            background: transparent; }
            ul.menu li .subMenu li:hover li:hover {
              color: #83577b;
              background: white; }
              ul.menu li .subMenu li:hover li:hover a {
                color: #83577b; }
            ul.menu li .subMenu li:hover li a {
              color: white; }
      ul.menu li .subMenu a {
        color: white;
        display: block; }
      ul.menu li .subMenu .subMenu {
        position: absolute;
        top: 0;
        left: 100%;
        display: none; }
    ul.menu li.active, ul.menu li:hover {
      background: white;
      color: #83577b;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      ul.menu li.active .subMenu, ul.menu li:hover .subMenu {
        display: block; }
        ul.menu li.active .subMenu li .subMenu, ul.menu li:hover .subMenu li .subMenu {
          display: none; }
        ul.menu li.active .subMenu li:hover .subMenu, ul.menu li:hover .subMenu li:hover .subMenu {
          display: block; }
    ul.menu li button {
      border: none;
      background: none;
      padding: 6px 13px 5px; }