#mainmenu{
   float:right;
}

#mainmenu ul {
   list-style: none;
   z-index: 90;
/*   overflow: hidden;*/
}

#mainmenu  ul li {
   float:left;
   padding:1.5em 1em;
   font-size:1rem !important; 
   background:url(../images/menu_spacer.jpg);
   background-position:top right;
   background-repeat:no-repeat;
   cursor: pointer;
}

#mainmenu ul li.last{
   background:none;
}

#mainmenu  ul li.current {
   
}

#mainmenu  ul li.current a, #mainmenu  ul li.current span {
   color:#005330;
   text-decoration:underline;
}

#mainmenu ul li a, #mainmenu ul li span {
   color:#57614d;
   text-decoration:none;
}
#mainmenu ul.level1 > li > a, #mainmenu ul.level1 > li > span {
   text-transform:uppercase;
}

#mainmenu  ul li a:hover {
   text-decoration:underline;
}

#mainmenu  ul.level2, 
#mainmenu ul.level3, 
#mainmenu ul.level4 {
   position: absolute;
   top: 0px;
   padding:0;
   margin:0;
   visibility: hidden;
/*   border: 1px solid #aaa;*/
   background-color: #eddfb2;
   width: 190px;
}
#mainmenu  ul.level1 li {
	position:relative !important;
}
#mainmenu  ul.level2 {
  right: 0px; 
  top:50px;
}

#mainmenu ul.level3, 
#mainmenu ul.level4 {
   position: absolute;
   left: calc(0px - 100%);
   top:0px; 
}



#mainmenu  ul.level2 li, 
#mainmenu ul.level3 li, 
#mainmenu ul.level4 li {
   background:none;
   margin: 0;
   padding: 5px;
   padding-left:10px;
   width: calc(100% - 15px);

}

#mainmenu  ul.level2 li a, #mainmenu  ul.level2 li span, 
#mainmenu ul.level3 li a, #mainmenu ul.level3 li span,
#mainmenu ul.level4 li a {
   display:block;
   text-decoration:none;
}

#mainmenu  ul.level2 li a:hover,
#mainmenu  ul.level3 li a:hover,
#mainmenu  ul.level4 li a:hover {
   text-decoration:underline;
}

#mainmenu  ul.level2 li.current a,
#mainmenu  ul.level3 li.current a,
#mainmenu  ul.level4 li.current a {
   text-decoration:underline;
}


@media screen and (max-width:786px) and (min-width:513px) {
  #mainmenu ul li { 
    padding:1em 0.5em;
  }
  #mainmenu ul li a, #mainmenu ul li span {
    font-size:1rem !important;
  }
}

@media screen and (max-width:512px) {
  #mainmenu{
    clear:left;
  }

  #mainmenu ul li { 
    padding:1em 0.2em;
  }
  #mainmenu ul li a, #mainmenu ul li span {
    font-size:0.7rem;
  }
  #mainmenu  ul.level2, 
  #mainmenu ul.level3, 
  #mainmenu ul.level4 {
    width:160px
  }
  #mainmenu  ul.level2 { 
    --width: 160px;
    --line-height: 1rem;
  }
  #mainmenu  ul.level2  li, 
  #mainmenu  ul.level3  li { 
    line-height: 1rem;
  }

  #mainmenu ul.level3, 
  #mainmenu ul.level4 {
    --width:165px; 
    --line-height: 0.9rem;
  }
}

@media screen and (max-width:384px) {
  #mainmenu{
  }
}