#menubar{
align: center;
background-color: #036;
}

#menubar ul {
padding: 0;
margin: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
text-transform: uppercase;
text-align: center;
font-variant: small-caps;
font-size: .7em;
font-family: Verdana, sans-serif;
display: inline;
      }

#menubar ul li {
          display: inline;
          vertical-align: middle;

      }
#menubar ul li a {
          padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
      }
      /* place the "current" pseudo class here */
#menubar ul li a.current {
          background-color:#3C72B0;
          color:#FFFFFF;
      }
#menubar ul li a:hover {
          background-color:#3C72B0;
          color:#FFFFFF;
      }