#menubar, 
#footer {
   float: left;
   width: 100%;
   overflow: hidden;
   position: relative;
}

#menubar ul,
#footer ul {
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   left: 50%;
   text-align: center;
}
 
#menubar ul li {
   display: inline;
   float: left;
   list-style: none;
   margin-top: 5px;
   padding: 0;
   position: relative;
   right: 50%;
}

#footer ul li {
   display: inline;
   float: left;
   list-style: none;
   margin-top: 3px;
   padding: 0;
   position: relative;
   right: 50%;
}

#menubar ul li a {
   display: inline;
   margin: 0 0 0 1px;   
   padding: 5px 10px;
   background: #000;
   color: #fff;
   text-decoration: none;
   line-height: 1.3em;
}

#footer ul li a {
   display: inline;
   margin: 0 0 0 1px;   
   padding: 3px 10px;
   background: #000;
   color: #fff;
   text-decoration: none;
   line-height: 1.3em;
}

#menubar ul li a:hover,
#footer ul li a:hover {
   background: #369;
   color: #fff;
}

#menubar ul li a.active,
#footer ul li a.active,
#menubar ul li a.active:hover,
#footer ul li a.active:hover {
   color: #fff;
   background: #000;
   font-weight: bold;
}