#NAVI a, #NAVI a:visited {
	font-weight: bold;
	font-size: 14pt;
	text-decoration: none;
	color: var(--A1Bbluelight);
	font-family: "Roboto", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

#NAVI ul.Menu li {
	list-style: none;
	display: inline-block;
	padding: 0 0 0 20px;
	line-height: 0pt;
}
#NAVI ul.Menu li:nth-child(1) {
	border-left: none;
}



#NAVI a:hover {
	color: var(--A1Bblue);
}
#NAVI a.currentpg {
}





/*style the sub menu*/


#NAVI .Menu li a, 
#NAVI .Menu li a:visited {
    display: block;
}


#NAVI .Menu li ul {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background-color: var(--GGSgreen);
	z-index: 2000;
	border: solid 1px #FFF;
	border-top: none;
}

#NAVI .Menu li ul li {
	display:inline;
	float:none;
  padding: 0;
	margin: 0; /* to avoid FF spaces below li elements */
  line-height: 0px;
  border: none;
}

#NAVI .Menu li ul li a, 
#NAVI .Menu li ul li a:visited {
  color: #FFF;
  text-align: left;
  font-size: 12pt;
  padding: 20px 20px;
  height: auto;
  border-radius: 0;
}

#NAVI .Menu li ul li a:hover {
	background-color:#000;	
}


#NAVImobile {
	display: block;
	position: absolute;
	width: 100%;
	top: 141px;
	z-index: 1000;
	background-color: var(--A1Bbluelight);
	box-shadow: 0 10px 20px #0008;
}

#NAVI .Menu li ul li a.currentpg {
  font-weight: bold;
  background-color: rgba(0,0,0,0.5);
}

#NAVImobile.NAVIenabled {
display: block;
}
#NAVImobile.NAVIdisabled {
display: none;
}

#NAVImobile ul {
margin: 0;
padding: 0;
}
#NAVImobile li {
	list-style: none;
	margin-bottom: 0;
}
#NAVImobile a {
	display: block;
	padding: 9px;
	font-size: 12pt;
	text-decoration: none;
	color: #ffffff;
	border-bottom: solid 1px #666;
	text-align: center;
	font-weight: bold;
}
#NAVImobile a:hover {
	background-color: var(--A1Bblue);
	color: #ffffff;
    cursor: pointer;
}
#NAVImobile a.currentpg {
	background-color: var(--CDDblue2);
}
#NAVImobile ul ul li a {
  font-size: 10pt;
  font-weight: normal;
}