/******************************
 Global CSS for ALL menu types
******************************/
ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0;
}

ul.nice-menu li {
  list-style: none;
  border: 0;
  border-right: 1px solid #ccc;
  float: left;
  background-color: #eee;
}

/*background color for all menu items on hover*/
ul.nice-menu li:hover {
  background: #ccc;
}

ul.nice-menu ul {
  top: 1.8em;
  left: -1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin-right: 0;
}

ul.nice-menu ul li {
  width: 19em;
}

ul.nice-menu a {
  text-decoration: none;
  padding: 0.3em 5px 0.3em 5px;
  width: 100%;
}

ul.nice-menu a:link,
ul.nice-menu a:visited,
ul.nice-menu a:active {
  color: black;
}

ul.nice-menu a:hover {
  color: white;
}



/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
  float: left;
  border: 0;
}

ul.nice-menu-down li {
}

ul.nice-menu-down li li {
  border-top: 0;
}

ul.nice-menu-down ul {
  left: 0;
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul {
  left: 19.7em;
  top: -1px;
}

/*space between menu text and arrow*/
ul.nice-menu-down .menuparent a {
  padding-right: 15px;
}

ul.nice-menu-down li.menuparent {
  background: #eee url(arrow-down.png) right center no-repeat;
}

ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over {
  background: #ccc url(arrow-down.png) right center no-repeat;
}

ul.nice-menu-down li li.menuparent {
  background: #eee url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over {
  background: #ccc url(arrow-right.png) right center no-repeat;
}