/*----------------------------------------------------------------------------*/

#mainmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

.menubuttons ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#mainmenu ul li {
  padding: 0;
}

.menubuttons ul li {
  padding: 0;
}

/*
.submenu {
  display:none;
}
*/

/*----------------------------------------------------------------------------*/

/* Main menu or sub menu button */
.menubuttons a {
  display: block;
  /* Limiting width of text to 155px even though button is 159px wide */
  width: 155px;
  /* No underlining links */
  text-decoration: none;
}

/* Main menu button images and offsets */
.menuitem {
  /* Button width 159, height 24 */
  /* 3 buttons in image file with 1 pixel gap between them */
  background: url("../images/nav/menu_buttons.png") 0 0 no-repeat;
  /* height (19) + top padding (5) = 24 */
  height: 19px;
  /* 20px padding to move text past paw print */
  padding: 5px 0px 0px 20px;
  font-size: 12px;
  font-family: sans-serif;
  color: #000077;
}

/* Sub menu button images and offsets */
.submenuitem {
  /* Button width 159, height 24 */
  /* 3 buttons in image file with 1 pixel gap between them */
  background: url("../images/nav/submenu_buttons.png") 0 0 no-repeat;
  /* Pack submenu items a little closer together */
  height: 18px;
  /* 32px padding to move text past paw print, indenting further for submenus */
  padding: 4px 0px 0px 32px;
  /* Adjusting bottom margin eliminates spaces between items in IE6 */
  margin-bottom:-2px;
  /* Smaller font for submenu items */
  font-size: 10px;
  font-family: sans-serif;
  color: #000077;
}

/* Push normal menu items down a bit relative to image */
.submenuitem {
  line-height:1.5;
}

/* Tighten up multi-line menu items */
.submenuitem.tall {
  line-height:0.92;
}

/* Determine which image to use based on mouse activity */
.menubutton a:hover {
  background-position: 0 -25px;
}

.menubutton a:active {
  background-position: 0 -50px;
}

/* Bold the menu item of the current page */
.currentpage {
  font-weight: bold;
  color: #770000;
}

/* Bold the menu item being pointed to */
.menuitem:hover { 
  font-weight: bold;
}

.menuitem:active {
  font-weight: bold;
}

.submenuitem:hover { 
  font-weight: bold;
}

.submenuitem:active {
  font-weight: bold;
}

/*----------------------------------------------------------------------------*/