div#top-bar-menu { 
  background-color: #999;
  height: 98px;
 }
div#menu { 
  position:absolute;
  z-index:50;
  left: 1.5%;
  top: 75px;
  width: 97%;
  height: auto;
}
div#top-bar-txt {
  position:absolute;
  z-index: 30;
  border: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
div#top-bar-txt1 {
  position:absolute;
  z-index: 29;
  border: none;
  left: 7px;
  top: 3px;
  width: 99.2%;
  height: 99.2%;
  background-color: transparent;
}

/* Text appearance */
div#top-bar-info p { 
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  text-align: right;
  color:#000000;
  font-size: 0.8em;
  font-weight:700;
  margin: 0% 3% 0% 0%;
}
h1#sitename,
h1#dropshadow,
h1#zonename,
h1#zonedropshadow,
h1#spacer,
h1#zonespacer {
  font-family: 'trebuchet ms', 'times new roman', Verdana, Arial, sans-serif;
  font-size: 3.2em;
  font-style: italic;
  text-align: center;
  line-height: 100%;
  color: #05c;
  background-image: none;
  padding: 0px;
  margin: 0px auto 0px auto;
  white-space: nowrap;
}
h1#zonename,
h1#zonedropshadow,
h1#zonespacer
 { 
  font-size: 1.2em;
}
h1#zonedropshadow,
h1#dropshadow {
  color:#999;
}
h1#zonespacer { 
  margin: 0px auto 25px auto;
}
h1#sitename {
  text-shadow: 1px 1px #999, -1px -1px #ffd700;
}
div#top-bar p { 
  font-size: 0.8em;
  font-weight:700;
}
div#top-bar-img1 img,
div#top-bar-img2 img { 
  border:none;
  width: auto;
  height: 100%;
}
div#top-bar-img {
  z-index: 27;
  position:absolute;
  border: none;
  left: 0;
  top: -30px;
  width: 100%;
  height: 125px;
  background: url("../images/multitude_in_blue.jpg") no-repeat bottom center transparent;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}