/* Use this menu wrap style to center the menu after a change
unfortunately is hard to auto center it as it will calculate the width with the addition of the sub menus */
#menuwrap {
    /* Update the margin property to move it left or right the order is - 0px (top) 0px (right) 0px(bottom) 100px(left) */
    margin:0px 0px 0px 100px;
    padding-bottom:0px;
    width:1000px;
    text-align:center;
 }
ul {
  font-family: Arial, Verdana;
  font-size: 14px;
  font-weight:bold;
  margin: 0px;
  padding: 0;
  list-style: none;

}
ul li {
  display: block;
  position: relative;
  float: left;
}
li ul { display: none; }
ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  border-top: 1px solid #ffffff;
  padding: 5px 15px 5px 15px;
  background: url("images/xp3.gif") repeat-x;
  margin-left: 1px;
  white-space: nowrap;
}
ul li a:hover { background: url("images/xp3.gif") repeat-x }
li:hover ul {  background: url("images/xp3.gif") repeat-x;
  display: block;
  position: absolute;
}
li:hover li {
  background: url("images/xp3.gif") repeat-x;
  float: none;
  font-size: 11px;
}
li:hover a {  background: url("images/xp3.gif") repeat-x }
li:hover li a:hover { background: url("images/xp3.gif") repeat-x }