/* Main menu settings */

#centeredmenu {
  float: left;
  margin: 0;
  padding: 0;
  
  height: 27px;
  font-family: "MetaPlus", Verdana, Tahoma;
  /* Menu font */
  font-size: 16px;
  /* Menu text size */
  z-index: 9999;
  /* This makes the dropdown menus appear above the page content below */
  position: relative;
}


/* Top menu items */

#centeredmenu ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#centeredmenu ul li {
  padding: 0;
  float: left;
  position: relative;
  border-left: 1px solid #333;
}

#centeredmenu ul li a {
  display: block;
  margin: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 18px;
  line-height: 27px;
  background: #f3f3f3;
  text-decoration: none;
  color: #333;
}

#centeredmenu ul li.active a {
  color: #fff;
  background: #000;
}

#centeredmenu ul li a:hover {
  background: #ad1034;
  /* Top menu items background colour */
  color: #fff;
}

#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a {
  /* This line is required for IE 6 and below */
  background: #ad1034;
  /* Top menu items background colour */
  color: #fff;
}


/* Submenu items */

#centeredmenu ul ul {
  display: none;
  /* Sub menus are hiden by default */
  position: absolute;
  top: 27px;
  left: 0;
  width: 180px;
  /* width of the drop-down menus */
  opacity: 0.95;
  filter: alpha(opacity=95);
  /* For IE8 and earlier */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 
}

#centeredmenu ul ul li {
  left: auto;
  /*resets the left:50% on the parent li */
  margin: 0;
  /* Reset the 1px margin from the top menu */
  clear: left;
  width: 100%;
  border: 0;    

}

#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a {
  /* This line is required for IE 6 and below */
  font-family: "MetaPlus", Verdana, Tahoma;
  font-size: 16px;
  font-weight: normal;
  /* resets the bold set for the top level menu items */
  background: #333;
  color: #fff;
  line-height: 1.4em;
  padding-left: 15px;
  padding-top: 4px;
  padding-bottom: 4px;
  /* overwrite line-height value from top menu */
}

#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover {
  /* This line is required for IE 6 and below */
  background: #444;
  /* Sub menu items background colour */
  color: #fff;
}


/* Make the sub menus appear on hover */

#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul {
  /* This line is required for IE 6 and below */
  display: block;
  /* Show the sub menus */
}