#menu > ul, #menu > ul > li {  padding: 0; position: relative; }
#menu, #menu > ul, #menu > ul > li, #menu > ul > li > ul > li > a { position: relative; }
#menu ul a, #menu ul ul a { text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, .25); display: block; }
#menu { margin: 0 -1px; border: 0 solid #016578; padding-left: 24px; background: #870000; z-index: 1; }
#menu ul { list-style: none; margin: -1px 0; }
#menu ul a { color: #f6f6f6; font-weight: 300; line-height: 36px; padding: 0 8px; }
#menu ul > li { margin: 0 0 0 -4px; border: 0 solid red; display: inline-block }
#menu ul > li.current a { color: #870000; background: #fefefe; }
#menu ul > li.current:hover > a { color: #870000; background: #f0f0f0 }

/* #menu ul > li:not(.text):hover { background: #eaeaea; } */
/* #menu ul > li.text { padding-left: 12px; text-align: right; color: #f6f6f6; display: inline-block; border:0 solid red } */
/* #menu ul > li:not(.text):hover > a { color: #870000; } */

#menu ul > li > ul { display: none; position: absolute; top: 100%; left: 0; margin-top: 0; background: #fefefe;
   padding: 0; border: thin solid #89bcc6; margin-left: -1px }
#menu ul ul li { float: none; min-width: 210px; border-bottom: thin solid #d5d5d5; margin-left: 0; }
#menu ul ul li:last-child { border-bottom: none; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
#menu ul ul a { line-height: 120%; padding: 10px 12px; color: #870000; cursor: pointer; }
#menu ul ul li:hover a { color: #870000; background: #f0f0f0; }
#menu ul ul ul { top: 0; left: 100% }
#menu ul li:hover > ul { display: inline-block; z-index: 100; }

/* make links inactive in the menu */
#menu ul li.no-link:hover > a { cursor: default; pointer-events: none }

/* highlight menuitem when hovered */
#menu ul > li:not(.no-link):hover > a { color: #870000; background-color: #ededed }

.vmenu { list-style-type: none; padding: 0; margin: 0 0 0 36px }
.vmenu li { margin-bottom: 8px }
.vmenu a { text-decoration: none; color: #870000 }
.vmenu li:hover a { font-weight: 600 }