#menu {
	margin:0;							/* above row of tabs */
	padding:0;							/* above row of tabs, the two are additive */
	font-size: 12px;
}
#menu ul {								/* ? */
	position: absolute;
	left: -9000px;						/* at 0px, one dropdown menu sometimes appears on left side of window */
	margin:0;							/* not noticeable */
	padding:0;                    /* around 4 sides of group of dropdown menu elements */
	border: 1px solid #333333;    /* around 4 sides of group of dropdown menu elements */
	z-index: 10000;					/* not noticeable */
}
/* these are the menu styles */
#menu li {								/* list item in all tab titles */
	list-style-type: none;			/* bullet: bullets appear to left of dropdown tabs */
	margin: 0;							/* left, right, above, below each tab */
	padding: 0;							/* all 4 sides inside each tab */
	background-repeat: repeat-x;  /* ? */
	width: auto;						/* ? */
	font-size: 12px;					/* initial tabs */
	text-align: center;				/* text in tabs, but center of what, seems to be shifted left of center */
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #cccccc; /* left and bottom edge of top and drop down tabs are light grey */
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #ffffcc; /*CCCCCC;	   /* light grey */
	background-color: #6f8c8f;			/* 343D29 333300 background color of top level tabs */
	color: #000000;						/* not noticeable */
}
#menu ul li {								/* list item in a drop down menu */
	text-align: left;						/* alignment of text in drop down tabs */
	background-color: #990066; /*cc3399; /*9f5088; /*96647f; /* #4A563A; */			/* dark brown bg of dropdown tabs (not submenu) */
}
/* ------ the menu link styles ------ */
#menu a {									
	display: block;
	text-decoration: none;
	padding: 4px 10px;
	color: #FFFFCC;		/*	FFFFFF */	/* light yellow, color of non active link text, not a submenu */
	line-height:1;
	width: auto;			/* 78px */		/* width of the link, not the cell, make it match the cell */
}
#menu a:hover, #menu a:active, #menu a:focus {	/* hover, active, focus anchors */
	background-color: #d864b1; /*af889d; /*#6f8c8f;*/ /* 839568; */	/* dark grey */
	color: #000000;							/* black text
	letter-spacing: 0.01px;
	font-size: 12px;
	width: auto;			/* 78px */		/* width of an active link, make it match the cell */
}

/* ------ the current page marker style ------ */
#menu .current {								/* tab of current page */ 
	color: white;					/* 333333 */
	font-weight: bold;
	background-color: blue;    /* fcf167 */
}
/* ------ the trigger link styles ------- */

/*the normal trigger links */
#menu ul .waiting, #menu ul .active {
	background-repeat:	no-repeat;
	background-position: right center;
	color: #000000;
	background-color: #33ff33 /* FDF69C;				/* yellowish, bg of drop down tab with submenu */
}
/* the active trigger link style */
#menu .active {								/* top tab is active when submenu is being displayed */
	background-color: #c8d4d5; /*ff99ff; /*EDF0E9;				/* top tab changes to light gray when submenu is displayed */ 
	color: #333333;							/* text is almost dark brown, almost black */
}

/*the submenu classes */
#menu .ignoreMenu {								/* might be submenu of current page, hidden left */	
	left: -9000px;	/*  */
	border: 0;
}
#menu .nestedMenu {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#menu li {
	float: left;
	width: 12%;		/* 98px */
}
#menu ul li {
	float: none;
}
/* 2nd and subsequent Submenu widths and text size */
#menu ul, #menu ul li {
	width: 215px;
	font-size: 12px;						
}
#menu ul li a,#menu ul li a:hover,#menu ul li a:active,#menu ul li a:focus{
	display: block;
	width: 195px;	/* width of drop down hover tab or submenu in a drop down list */
}
/* Pages with the common tab group share the same unordered list menu. 
   Pages should link to the javascript file menu.js
   Pages should link to this stylesheet.
   The body element should include: onload="readMenu();" */