@media print {
  .menu {
    display: none;
  }
  .breadcrumb {
    display: none;
  }
}

.menu {
  clear: both;
  font-family: "PT Sans Narrow", "Arial Narrow", sans-serif;
  background: url(menus.png) no-repeat -9999px; /* preloads the drop-down image bits */
}

/* menu titles */

.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

.menu ul li {
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 2px solid #000;
  border-right: none;
  display: block;
  float: left;
  position: relative;
}

.menu ul li.last {
  border-right: 2px solid #000;
}

.menu ul li a {
  color: #FFF;
  text-decoration: none;
  display: block;
  width: 131px;
  height: 54px;
  text-align: center;
  line-height: 52px;
  font-size: 22px;
  background-color: #616585;
}

.menu > ul li a {
  height: 50px;
  line-height: 50px;
}

.menu ul li:hover a {
  background-color: #505474;
}

.menu ul li.reduce a {
  font-size: 0.9em !important;
}

/* menu items */

.menu ul li ul {
  display: none;
  position: absolute;
  top: 50px;
  left: -2px;
}

.menu ul li ul li {
  z-index: 2;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
}

.menu ul li ul li.last {
  border-right: none;
}

.menu ul li ul li a {
  color: #000;
  width: 175px;
  font-size: 17px !important;
  height: 40px;
  line-height: 40px;
  text-align: left;
  padding-left: 15px;
}

.menu ul li ul li.even.first a {
  background: url(menus.png) left top no-repeat;
}
.menu ul li ul li.even.first:hover a {
  background: url(menus.png) -190px top no-repeat;
}

.menu ul li ul li.even a {
  background: url(menus.png) left -80px no-repeat;
}
.menu ul li ul li.even:hover a {
  background: url(menus.png) -190px -80px no-repeat;
}

.menu ul li ul li.odd a {
  background: url(menus.png) left -120px no-repeat;
}
.menu ul li ul li.odd:hover a {
  background: url(menus.png) -190px -120px no-repeat;
}

.menu ul li ul li.even.last a {
  background: url(menus.png) left -160px no-repeat;
}
.menu ul li ul li.even.last:hover a {
  background: url(menus.png) -190px -160px no-repeat;
}

.menu ul li ul li.odd.last a {
  background: url(menus.png) left -200px no-repeat;
}
.menu ul li ul li.odd.last:hover a {
  background: url(menus.png) -190px -200px no-repeat;
}

/* submenu items */

.menu ul li ul li ul {
  display: none;
  position: absolute;
  top: 0px;
  left: 183px;
}

.menu ul li ul li ul li {
  z-index: 3;
  padding: 0;
}

.menu ul li ul li ul li a {
  font-size: 15px !important;
}

.menu ul li ul li ul li.even a {
  background: url(menus.png) left -80px no-repeat !important;
}
.menu ul li ul li ul li.even:hover a {
  background: url(menus.png) -190px -80px no-repeat !important;
}

.menu ul li ul li ul li.even.first a {
  background: url(menus.png) left -320px no-repeat !important;
}
.menu ul li ul li ul li.even.first:hover a {
  background: url(menus.png) -190px -320px no-repeat !important;
}

.menu ul li ul li ul li.even.last a {
  background: url(menus.png) left -160px no-repeat !important;
}
.menu ul li ul li ul li.even.last:hover a {
  background: url(menus.png) -190px -160px no-repeat !important;
}

.menu ul li ul li ul li.odd a {
  background: url(menus.png) left -120px no-repeat !important;
}
.menu ul li ul li ul li.odd:hover a {
  background: url(menus.png) -190px -120px no-repeat !important;
}

.menu ul li ul li ul li.odd.first a {
  background: url(menus.png) left -360px no-repeat !important;
}
.menu ul li ul li ul li.odd.first:hover a {
  background: url(menus.png) -190px -360px no-repeat !important;
}

.menu ul li ul li ul li.odd.last a {
  background: url(menus.png) left -200px no-repeat !important;
}
.menu ul li ul li ul li.odd.last:hover a {
  background: url(menus.png) -190px -200px no-repeat !important;
}

/* Single item cases */

.menu ul li ul li ul li.even.first.last a {
  background: url(menus.png) left -400px no-repeat !important;
}
.menu ul li ul li ul li.even.first.last:hover a {
  background: url(menus.png) -190px -400px no-repeat !important;
}

.menu ul li ul li ul li.odd.first.last a {
  background: url(menus.png) left -440px no-repeat !important;
}
.menu ul li ul li ul li.odd.first.last:hover a {
  background: url(menus.png) -190px -440px no-repeat !important;
}

/* breadcrumb */

.breadcrumb {
  clear: both;
  background-color: #DDD;
  padding: 0.3em;
  font-size: 0.80em;
}