/* 
 * Define the header bar 
 */
#header {
    position: relative;
    height: 123px; 
    margin: 0px;
    padding: 0px;
  }
.headername {
    float: left;
    height: 123px;
    width: 500px;
    background: url(../img/header_name.png) no-repeat;
}

.headerimage {
    z-index: 10;
    height: 123px;
    margin-left: 500px;
    padding: 0px;
}

/* 
 * Create the header menu bar 
 */
.menubar { background: url(../img/menu-bar.png) no-repeat; 
            height: 27px; width: 970px; 
            margin-top: 0px; padding: 0px;}

.menu    { margin-left: 300px; float: left; position: absolute; 
            margin-bottom: 0px; margin-top: -33px; padding-bottom: 0px;}

.menuleft {margin-left: 10px; float: left; position: absolute; 
            margin-bottom: 0px; margin-top: -33px; padding-bottom: 0px;}

.menu li,.menuleft li { 
            background: url(../img/menu-inactive.png) no-repeat; 
            list-style: none; float: left; 
            height: 34px; width: 100px; 
            line-height: 34px;
            padding-right: 3px; padding-bottom: 0px; 
            text-align:center;
            behavior: url("css/iepngfix.htc");
}
.menu li.active, .menuleft li.active {
            background: url(../img/menu-active.png) no-repeat left top;
            color: #000000; height: 34px; font-weight: bold;
            behavior: url("css/iepngfix.htc");
}

.menu a,.menuleft a  { color: #FFFFFF; text-decoration: none; 
            font-size: 1.0em; font-weight: bold;
            float: left; 
            width: 100px; 
            margin-right: 3px}
.menu a:hover, .menuleft a:hover { 
background: url(../img/menu-active.png) no-repeat left top;
            color: #000000; height: 34px; font-weight: bold;
            behavior: url("css/iepngfix.htc");
            }