#nav-menu-bar {
	position:    fixed;
	width:       100%;
	top:         90px;
	height:      40px;
	padding:     7px 10px;
	color:       white;
	font-weight: bold;
	font-style:  italic;
	background-color: #f7f7f7;
	background-image: url(../images/menu-bar-shade.png);
	border-top:       2px solid #a8a8a8;
}

#nav-mobile-bar {
	position: fixed;
	top:      30px;
	right:    10px;
	color:    white;
	display:  none;
}

#nav-search-area {
	position:   fixed;
	width:      200px;
	top:        90px;
	right:      15px;
	height:     40px;
	color:      #888;
	font-style: italic;
	text-align: right;
	display:    none;
}

#toolbar-sec {
	position:         fixed;
	top:              130px;
	left:             0;
	right:            0;
	height:           28px;
	width:            100%;
	text-align:       left;
	background-color: #f7f7f7;
	border-top:       1px solid #ccc;
	padding:          4px 20px 4px 50px;
}

#nav-menu {
    position: relative;
    top: -5px;
    left: 112px;
}

#nav-menu-mobile {
	background-repeat:   no-repeat;
	background-position: center;	
	cursor:              pointer;
}

#nav-mobile-sec {
	background-color: #ffffffee;
	color:   #848484;
	padding: 8px;
} 

#submenu-sec {
	background-color:   #faf9f9;
	padding:            2px 8px;
	border-radius:      4px; 
	border:             1pt solid #bbbeb3;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3); 
	box-shadow:         1px 1px 2px 0px rgba(0,0,0,0.3);
}

#header-nav {
	position: fixed;
	display: inline-block;
	border: gray 1px solid;
	height: 70px;
	top: 10px;
	left: 95px;
	vertical-align: bottom;
}

.responsive-menu-icon {
    height: 25px;
    cursor: pointer;
    margin-right: 8px;
}

.nav-bar-mobile-link {
	color:      #776c6c;
	font-size:  130%;
	font-style: italic;
	cursor:     pointer;
	text-decoration: none;
}

.nav-bar-mobile-sub-link {
	color:      #776c6c;
	font-size:  110%;
	font-style: italic;
	cursor:     pointer;
	text-decoration: none;
}

.nav-bar-mobile-sub-link: hover,
.nav-bar-mobile-link: hover; {
	color: #fcffaf;
}

.nav-menu {
	display:         inline-block;
	font-size:       18px;
	line-height:     20px;
	font-style:      normal;
	font-weight:     bold;
	text-decoration: none;
	cursor:          pointer;
	color:           #60147f;
	padding:         0 0 0 8px;
}

.nav-menu:hover {
	color: #608b00;
}

.nav-sub-menu {
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    color: #60147f;
    padding: 0 4px;
}

div.nav-sub-menu:hover {
	background-color: #d4d4f2;
}

.popup-menu {
	border: 1px solid #ddd;
	background-color: #eee;
	border-radius: 8px;
	padding: 3px;
	-webkit-box-shadow: 8px 6px 17px 1px rgba(0,0,0,0.23); 
	box-shadow: 8px 6px 17px 1px rgba(0,0,0,0.23);
}

.popup-menu-item {
	border: 1px solid #ddd;
	background-color: white;
	border-radius: 8px;
	padding: 3px;
}

.popup-menu-item:hover {
	background-color: #dee3ec;
}

.submenu {
	display: inline-block;
	background-color: #6d7c98;
	border-radius: 4px;
	padding: 5px;
	color: #ffffffbb;
	font-style: italic;
}

.submenu-item {
	font-size: 90%;
}

.mobile-border {
	border-top: 1px #dddddd solid;
	
}

.mobile-menu {
	font-size: 120%;
	text-decoration: none;
	padding: 5px;
	color: black;
	border-width: 1px 0;
	border-color: #ddd;
	background-color: #ffffffbb;
}
	
.mobile-submenu {
	font-size: 110%;
	padding: 5px 5px 5px 30px;
	text-decoration: none;
	color: black;
	background-color: #ffffffbb;
}