.titlebar {
  display: block;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  border-style: none;
  border-width: 0; 
  border-color: black;
  height: 100px;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size: 300%;
  font-weight: bolder;
  background-color: #000000;
  color: #B4B708;
  overflow: hidden;
  z-index: 10;
}

.titleleft {
  display: block;
  float: left;
  margin: 0;
  height: 100px;
  width: 126px;
}

.titleright {
  display: block;
  float: right; 
  margin: 0;
  height: 99px;
  width: 99px;
}

.titletext {
  display: inline;
  margin: auto 0 auto 0;
}
  
.menubar {
  display: block;
  position: fixed;
  top: 99px;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #000044;
  color: #B4B708;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-right-width: 0;
  border-left-width: 0;
  border-color: #B5B708;
  padding: 0 0 0 0;
  z-index: 98;
  overflow: visible;
  font-size: 100%;
}

.menubar-inner {
  display: block;
  background-color: #000044;
  width: 80%;
  padding: 0;
  margin: 0;
}

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

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

.navigation-item a:active {
  border-style: none;
  border-width: 0;
  text-decoration: none;
  cursor: default;
}

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

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

.menubar-item {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 1em 0 0 ;
  padding: 0 0 0 0;
  background-color: #000044;
  border-width: 0 0 0 0;
  border-style: solid;
  border-color: #000022;
}

.menubar-item :focus { border-style: none; border-width: 0; border-color: #000022; } 
.menubar-item a:visited,
.menubar-item a:link {
  display: inline;
  padding: 0 0.2em 0 0.2em;
  color: #B4B708;
  border-width: 0;
  border-style: solid;
  border-color: #000044;
  cursor: default;
  text-decoration: none;
}

.menubar-item a:active {
  border-width: 0;
  text-decoration: none;
}

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

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

.menubar-icon a:hover {
  background-color: #000044;
}

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

.menubox a:visited,
.menubox a:link {
  display: block;
  padding: 0.2ex 0.2em 0.2ex 0.2em;
  color: #B4B708;
  border-width: 0;
  background-color: #000044;
}

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

.menubox a:hover {
  background-color: #B4B708;
  color: #000044;
  text-decoration: none;
}

.title {
   text-decoration: none;
   padding: 0.1ex 100 0.1ex 3em; 
   font-size: 3.5ex;
   color: #B4B708;
   font-weight: bolder;
   text-decoration: none;
}

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