#main_nav_menu {
white-space:nowrap;
cursor:pointer;
}
#main_nav_menu, #main_nav_menu a {
color:white;
font-size: 12px;
text-decoration: none;
}

.submenu-item a, .submenu-item.hasChildren {
color: white;
display:block;
width: 100%;
height: 100%;
padding: 4px;
}

#main_nav_menu .menu_1 {
background-color: #002d62;
padding: 2px;
color: white;
display:inline-block;
height: 36px;
width: 80px;
white-space:normal;
vertical-align:top;
}
#main_nav_menu .menu_1 p {
display: table-cell;
vertical-align: middle;
text-align: center;
-ms-user-select: none;
}
#main_nav_menu .menu_1 div {
display: table;
height:36px;
width:80px;
position:absolute;
}
.menu_1.menu_fail {
width: 600px;
}

#main_nav_menu.touchSize .menu_1 {
height: 48px;
}

#main_nav_menu.touchSize .menu_1 a {
text-decoration: underline !important;
}

.submenu {
/*background-color: #002d62;*/
/*background-color: white;*/
position: absolute;
/*display:block;*/
display:none;
max-width: 300px;
min-width:200px;
z-index: 10;
border: 1px solid white;
border-top: none;
margin-left: -1px;
overflow: hidden;
}

#main_nav_menu .submenu {
/*margin-top: 1px;*/
}

.submenu-item {
padding: 0px;
/*margin-top: 1px;*/
background-color: #002d62;
color: white;
display:inline;
float: left;
clear:left;
border-top: 1px solid white;
width: 100%
}
.submenu-item.highlight {
background-color: #8080d0 !important;
}

#main_nav_menu.touchSize .submenu-item {
height: 56px;
/*margin-bottom: 6px;*/
/*border-top: 4px solid white;*/
/*overflow: visible;*/
/*touch-action: pan-y;*/
}

#main_nav_menu.touchSize .submenu-item a {
/*margin-top: 2px;*/
/*margin-bottom: 2px;*/
margin-top: 4px;
margin-bottom: 4px;
padding: 4px;
width: auto;
height: 40px;
overflow: auto;
}

.menu_1:hover, .submenu-item:hover {
background-color: #8080d0;
}
#main_nav_menu a:hover {
text-decoration: underline;
}