@charset "utf-8";
/* CSS Document */

#nav-menu ul             {list-style-type: none; position: relative;}
#nav-menu ul li          {float:left;}

#nav-menu ul ul          {display:none; position: absolute; top: 100%;}
#nav-menu ul ul li       {float: none; position: relative;}

#nav-menu ul ul li ul     {position: absolute; left: 100%; top: 0;}

#nav-menu ul li.lastitem ul li ul {left: -100%;}

#nav-menu ul li.hover > ul  {display:block;}
#nav-menu > ul::after     {content: ""; clear:both; display:block;}

#nav-menu ul                 {margin: 0; padding: 0;}
#nav-menu ul li a            {text-align:center; display: block; width: 6em;
    padding:1em 0em; text-decoration: none; background-color: #552448; color:#EAE3D4;}
#nav-menu ul li.lastitem a   {width:6em;}
#nav-menu ul li a.current    {color:yellow;}
#nav-menu ul li a:hover, #nav-menu ul li a:focus {background-color: gray;}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*

span.tooltip {
      position: absolute;
      width: 100px;
      height: 20px;
      line-height: 20px;
      padding: 10px;
      font-size: 14px;
      text-align: center;
      color: rgb(113, 157, 171);
      background: rgb(255, 255, 255);
      border: 4px solid rgb(255, 255, 255);
      border-radius: 5px;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
      box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

span.tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: #FFFFFF transparent transparent transparent;
      top: 44px;
      left: 50px;
}
*/