/*****************************
*        menu.css            *
******************************/
/*
This menu stylesheet is based on a horizontal menubar-menu being defined in terms of
table-tr-td elements and a vertical menubar-menu being defined in terms of div-ul-li
elements. The menupopup-menuitem is defined in terms of ul-li in both cases.
*/

/* core attributes */
/* - positioning
   - table-tr-td, ul-li overrides */

.topmenubar td.menu {
	/*
	margin: 0px;
	border: 0px;
	padding: 0px;
	*/
	padding: 0px; /* cellpadding="0" on table doesn't seem to be enough for Mozilla */
	height: 100%;
	vertical-align: top;
    position: relative;  /* This makes .menu the containing block for .menupopup */
}

ul.menubar {
    list-style-type: none;
	padding-left: 20px;
}

li.menu {
    list-style-type: none;
	padding-top: 20px;
	padding-left: 0px;
}

.topmenubar .menu {
    position: relative; /* This makes .menu the containing block for .menupopup */
	top: 0px;
	left: 0px;
}

ul.menupopup { /* used to counter ul indent. ul is .menupopup */
    margin: 0px;
    padding: 0px;
	list-style-type: none;
}

.topmenubar .menupopup {
    display: block;
    position: absolute;
    visibility: hidden;
	z-index: 1; /* needed to superimpose actuator text */
}

li.menuitem {
  padding-left: 10px;
  list-style: none;
}


.menuimage {
	display: block;
/*
	border: 0px;
*/
}

.topmenubar .menupopup .menuitem a {
  display: block;
  text-decoration: none;
}

a.actuator {
  /*position: relative;*/  /* This makes .actuator the containing block for .menupopup */
}


/* USER VARIABLE */
.topmenubar .menubar {
  margin: 0px;
  padding: 0px;
  /*
  border: 1px solid #CCC;
  */
  color: #CC9900;
  font-family: verdana, helvetica, arial, sans-serif;;
  /*font-size: 24pt;*/ /* determines height of menubar. should be size of actuator + 3pt */
  /*min-height: 200px; */ /* sized to fit packed content */
}

.menu {
  /* width: 180px; */ /* width works in IE but throws off menupopup positioning. width does not work in NS */
  /*
  border: 1px solid #CCC;
  */
}

.menu a {
  color: #CC9900;
}

.topmenubar .menupopup {
  color: #CC9900;
  background-color: #EEE;
  border: 1px solid #CCC;
  font-size: 12pt;
  text-align: left;
}

.menupopup .menuitem a {
  background-color: transparent;
  font-size: 10pt;
  line-height: 1.75em;
  margin: 0px;
  padding: 0px;
}

.menupopup .menuitem a:hover {
  background-color: gray;
}

a.actuator {
  background-color: transparent;
  color: #CC9900;
  font-size: 14pt;
  margin: 0px;
  /* padding: 4px 4px 4px 4px; */
  text-decoration: none; /* override list-item attribute */
	height: 100%;
	width: 100%;
	vertical-align: top;
}

a.actuator:hover {
  background-color: navy;
}

span.key {
  text-decoration: underline;
}