div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  /*letter-spacing:1px;*/
  color: #000000;
}

div.menuBar {
  /*set backbround color of div menu bar will appear in */
  /*background-color: #A0A0A0;*/
  /* remove this style to stop big grey bar being draw on the menu */
  /*border: 2px outset #e0e0e0;*/  
  padding: 4px 2px 4px 2px;
  text-align: left;
}

div.menuBar a.menuButton {
  background-color: transparent;
  /*Replaced border setting to prevent box being drawn around each top level menu item */
  border: 1px solid #E3E3E3;
  
  
  /* **USE THESE STYLES WHEN INTEGRATING WITH NEW LAYOUT ** */
  /*because the background that the this style will appear on is a gradient specify a different colour */
  /*for the top and bottom border */
  /*border-top: 1px solid #EEEEEE;/*
  /*border-left: 1px solid #D4D4D4;/*
  /*border-bottom: 1px solid #D4D4D4;/*
  /*border-right: 1px solid #ffffff;/*
  
  /*set font colour of top level menu items */
  color:#002A94;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 1px outset #008ACB;
  /* font colour when items are hovered over*/
  color: #002A94;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #EEEEEE;
  /*#D3D3D3;*/
  border: 1px inset #e0e0e0;
  /* font colour for drop downs*/
  color: #002A94;
  left: 1px;
  top: 1px;}

div.menu {
  /* set background colour of drop down menu items */
  background-color: #D3D3D3;
  border: 2px outset #e0e0e0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  /* set font colour for drop down menu items */
  color:#002A94;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
  text-align:left;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  /*highlight colour for drop down menu items */
  background-color: #939393;
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}

/*    STYLES TAKEN FROM BROCHURE WEB SITE  */

.NavLeft
{
	background:url("../Images/menu_nav_left.jpg") left top no-repeat;
	margin:0px;
	padding:0px;
}

.NavRight
{
	background:url("../Images/menu_nav_right.jpg") right top no-repeat;
	margin:0px;
	padding:0px;
}

.NavTile
{
	background:url("../Images/nav_tile.jpg") left top repeat;		
	margin:0px;
	padding:0px;
}



