/* menu style sheet */
div.menuList,
div.menuList a.menuButton,
div.menu,
div.menu a.menuItem {
	font-family: Geneva, sans-serif;
	font-weight: normal;
	font-size:  13.0px;
	color:  #F4F2E5;
	/* IE:remove this so square after link shows right: text-align: center; */
	}
	
div.menuList    {
    padding: 0;
    margin: 0px 0 0 0px;
	}

div.menuList ul {       /* need to bring left since is ul */
    margin: 0;
    padding: 0;
    }
    
/* in IE, brings menu lower; in Moz moves it up - adjust this with absolute position above to get it ~right */	
div.menuList ul { margin-top: 6px; }

div.menuList li {
    display: inline;
	list-style: none;
	padding: 0px 15px 0px 0px;
	line-height: 100%;
    }

div.menuList a.menuButton {
		padding:0 2px 0 2px;
		background-color: transparent;
		color: #F4F2E5;
		font-weight: normal;
		cursor: pointer;
		position: relative;
		text-decoration: none;
		top: 0px;
		z-index: 100;
}

/*   color: #676769;   color: #D51515; background-color: transparent;  */

div.menuList a.menuButton:hover {
  	color: white;
    }

div.menuList a.menuButtonActive,
div.menuList a.menuButtonActive:hover {
  color: white;
}

/*  Diane: changed border to omit bottom one, so not double border  */
div.menu {
  background-color: white;
  border-top: 1px outset grey;
  border-right: 1px outset grey;
  border-left: 1px outset grey;
  border-bottom: 0px;
  padding: 0px  0px 1px 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  z-index: 101;
  filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
}

div#archMenu {width: 160px;}
div#preserveMenu  {width: 175px;}
div#environMenu  {width: 150px;}

div.menu a.menuItem {
  display: block;
  font-size: 13.33px;     /* increased */
  font-variant: small-caps;
  color: #000000;
  cursor: pointer;
  padding: 1px 1em;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px inset #5F5F5F;
  text-align: left;
  background-color: transparent;
}
div#aboutMenu a.menuItem    { }

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #777777;
  background-color: #534F50;
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText { }  

div.menu a.menuItem span.menuItemArrow {
  margin: 0 5px 0 10px;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}