#navigate
{
   margin: 1.0em 2.0em 2.0em 1.0em;
   text-align: center;
   display: block;
   line-height: 1.8em;
   z-index: +1;
}

#navigate a { color: inherit; font-style: normal; text-decoration:none; } 

@media screen
{
   #navigate a[target=_blank]::after { font-size:90%; content:"\2924"; }
}

#navigate ul
{
   list-style: none;
   position: relative;
   float: left;
   margin: 0;
   padding: 0 0.2em 0 0.2em;
}

#navigate ul a
{
   display: block;
   color: #333;
   text-decoration: none;
   font-weight: bold;
   font-size: 13pt;
   line-height: 1.8em;
   min-width:3em; max-width:10em;
   padding: 0 0.7em 0 0.7em;
   font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
   border-width: 1px 0 1px 1px;
   border-style: dotted;
   border-color: #bbb;
   border-radius: 2px;
}

#navigate ul li
{
   position: relative;
   float: left;
   margin: 0;
   padding: 0;
}

#navigate ul li.current-menu-item
{
/**   background: #ddd; **/
}

#navigate ul li:hover
{
   background: #f6f6f6;
}

#navigate ul ul
{
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   background: #fff;
   padding: 0;
}

#navigate ul ul li
{
   float: none;
   white-space:nowrap; min-width:6em; max-width:25em;
}

#navigate ul ul a
{
   line-height: 120%;
   padding: 0.2em 1.0em 0.2em 1.0em;
   font-size: 90%;
   border-width: 0 1px 1px 1px;
   border-radius: 2px;
   white-space:nowrap; min-width:6em; max-width:25em;
}

#navigate ul li:hover > ul
{
   display: block;
}