ul#menu {
  margin: 0;
  padding: 0;
  background: url(../img/menu_bg.png) repeat-x;
  height: 40px;
  width: 100%;
  border-bottom: 5px solid #5d2929;
}

ul#menu li {
  list-style: none;
  float: left;
  height: 39px;
  line-height: 39px;
  vertical-align: middle;
  border-left: 1px solid #143b69;
  text-align: center;
  width: 157px;
}

ul#menu li#logo {
  background: url(../img/menu_logo.png) no-repeat;
  width: 160px;
  height: 40px;
  border: 0;
}

ul#menu li.active#logo {   background: url(/app/pub/img/menu_logo_hover.png) no-repeat; }
ul#menu li#logo:hover, ul#menu li.over#logo {   background: url(/app/pub/img/menu_logo_hover.png) no-repeat; }

ul#menu li.active { background: url(/app/pub/img/li_hover.png) repeat-x; }
,ul#menu li:hover, ul#menu li.over { background: url(/app/pub/img/li_hover.png) repeat-x; }

ul#menu li ul {
  position: absolute;
  display: none;
  list-style: none;
  width: 159px;
  padding: 0;
  margin: 0;
  background: #002a5c;
}

ul#menu li a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
}

ul#menu li ul li {
  border-top: 1px solid #dbcca1;
  border-left: 0;
  width: 149px;
  text-align: left;
  padding-left: 10px;
}

ul#menu li ul li:hover {  background: #657e9d; }
ul#menu li ul li.over {  background: #657e9d; }

ul#menu li.over ul {   display: block; }
ul#menu li:hover ul {   display: block; }
