/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for more information on using the CSS.
*/
/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu {
  position: relative;
}

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid transparent;
}

/* MAIN MENU ITEMS (VERTICAL) */
ul.nice-menu li {
  border: 1px solid transparent;
  border-top: 0;
  background-color: rgb(99,136,162);
  text-align: right;
  margin: 8px 0;
  display: block;
  position: relative;
}

/* invisible hover bridge */
ul.nice-menu li::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;     /* extends into the gap */
  width: 8px;      /* width of the safe zone */
  height: 100%;
}

/* LINKS */
ul.nice-menu a {
  display: block;
  padding: 4px 6px;
  color: #fff;
  text-decoration: none;
}

ul.nice-menu a:hover {
  color: rgb(201, 227, 240);
}

/******************************
 SUBMENUS (WordPress uses .sub-menu)
******************************/

/* hide submenus by default */
ul.nice-menu .sub-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 2px;
  padding: 0;
  z-index: 999;
}

/* show on hover */
ul.nice-menu li:hover > .sub-menu {
  display: block;
}

/* submenu items */
ul.nice-menu .sub-menu li {
  width: 175px;
  margin: 4px 0;
  background-color: rgb(99,136,162);
  text-align: left;
}

ul.nice-menu .sub-menu a {
  text-align: left;
}

/******************************
 VERTICAL MENU WIDTH
******************************/

ul.nice-menu,
ul.nice-menu li {
  width: 175px;
}

/******************************
 PARENT ITEMS (has children)
******************************/

ul.nice-menu li.menu-item-has-children {
  /*  background: rgb(99,136,162) url(arrow-right.png) right center no-repeat;   */
  background: rgb(99,136,162) center no-repeat;
}

ul.nice-menu li.menu-item-has-children:hover {
  background: rgb(99,136,162) url(arrow-right.png) right center no-repeat;
}
/* **********  my additions  *************** */