.header-bar {
  display: block;
  width: 100%;
  height: 35px;
  margin: 0px auto;
  padding: 0px;
  background-image: url("../graphics/TopBarTiled.png");}

.header-menu 
{ color: #ffffff;
  display: inline-block; 
  float: left;
  text-align: left;
  margin: 7px 0px 0px 30px; 
    }
    
.header-date 
{ color: #ffffff;
  display: inline-block; 
  float: right;
  margin: 7px 30px 0px 0px; 
    }

.header-footer {
  display: block;
  width: 100%;
  height: 5px;
  margin: 0px auto;
  padding: 0px;
  background-color: #1C1A62;}

.header-footer-spacer {
  display: block;
  width: 100%;
  height: 60px;}

.header-footer-spacer-40 {
  display: block;
  width: 100%;
  height: 40px;}

.logo 
{
    position: absolute; /* "fixed" would force the element to stay fixed in relation to the viewport */
    top: 100px; /* sets the top of the image 50% of the page height */
    left: 50%; /* sets the left side of the image 50% across the page */
    margin-left: -67px; /* moves the image half of its own width to the left-side of the page */
    margin-top: -93px; /* moves the image half its height 'up' the page */
    z-index: 1;
    height: 75px;
    width:134px;
}


.spacer-bar {
  display: block;
  width: 100%;
  height: 60px;
  margin: 0px auto;
  padding: 0px;}