.titlebar {
  display: block;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  border-style: none;
  border-width: 0; 
  border-color: blue;
  height: 3ex;
  font-size: 2em;
  font-weight: bolder;
  background-color: #D2D2D2;
  color: #000000;
  overflow: hidden;
  z-index: 10;
}
  
.menubar {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.5ex;
  background-color: #FFFFFF;
  color: #000000;
  border-style: solid;
  border-width: 0px 0 1px 0 ;
  border-right-width: 0;
  border-left-width: 0;
  border-color: #000000;
  padding: 0.2ex 0 0.2ex 0;
  z-index: 98;
  overflow: visible;
}

.navigation-item {
  position: relative;
  display: block;
  width: auto;
  float:left;
  margin: 0 0 0 0.2em;
  padding: 0 0.2em 0 0;
  border-width: 0;
}

.navigation-item a:visited,
.navigation-item a:link {
  border-color: #000000;
  text-decoration: none;
  display: block;
  padding: 0.1ex 0.5em 0.1ex 0.5em;
  color: #000000;
  border-width: 1px;
  border-style: solid;
  cursor: default;
}

.navigation-item a:active {
//  background-color: #DCD8D2;
  border-style: inset;
  text-decoration: none;
  cursor: default;
}

.navigation-item a:hover {
#  background-color: #E8E8E8;
  border-color: #000000;
  text-decoration: none;
  cursor: default;
}

.nodisplay {
  display: none;
  color: #FFFFFF;
  background-color: #FFFFFF;
}

.menubar-item {
  position: relative;
  display: block;
  width: auto;
  float:left;
  margin: 0;
  padding: 0.1ex 0 0.1ex 0;
  border-width: 0;
  border-style: solid;
  border-color: #202020;
}

.menubar-item :focus { border-style: none; } 
.menubar-item a:visited,
.menubar-item a:link {
  display: block;
  padding: 0 0.5em 0 0.5em;
  color: #000000;
  border-width: 0;
  border-style: none;
  cursor: default;
  text-decoration: none;
}

.menubar-item a:active {
//  background-color: #DCD8D2;
  text-decoration: none;
//  cursor: default;
}

.menubar-item a:hover {
  background-color: #C0C0C0;
  text-decoration: none;
  cursor: pointer;
  color: #ffffff;
}

.menubar-icon {
  display: block;
  height: 32;
  width: auto;
}

.menubox {
  display: block;
  visibility: hidden;
  position: absolute;
  border-width: 1px;
  border-style: solid;
  border-color: #202020;
  color: #000000;
  margin: 0 0 0 0;
  width: 10em;
  padding: 0 0.2ex 0.2ex 0.2ex;
  background-color: #FFFFFF;
  z-index: 2;
  outline-style: none;
}

.menubox a:visited,
.menubox a:link {
  display: block;
  padding: 0.2ex 1em 0.2ex 0.5em;
  color: #000000;
  border-width: 0;
  background-color: #FFFFFF;
  color: #000000;
}

.menubox a:active {
  text-decoration: none;
}

.menubox a:hover {
  background-color: #4D728C;
  color: #FFFFFF;
  text-decoration: none;
}

.title {
   text-decoration: none;
   margin: 0.1ex 1.2em 0.1ex 1.2em; 
   font-size: 3.5ex;
   color: #4D728C;
   font-weight: normal;
   font-style: italic;
   text-decoration: none;
}

.title a:visited,
.title a:link,
.title a:active,
.title a:hover {
   color: #4D728C;
   font-weight: normal;
   text-decoration: none;
}


.lngswitch { }

.lngswitch IMG {
  background-color: #DCD8D2;
  margin: 0 0.2ex 0 0.2ex;
  padding: 0;
  border-color: #DCD8D2;
  border-width: 0.2ex;
  height: 2.8ex;
  width: 4.5ex;
  display: block;
  float: right;
  cursor: default;
}