/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

==============================================================================*/

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */

 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/


/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	width: auto;			  
	height: 27px;                                  /* the menu's overall height */
	position:relative;        /* establish a menu-relative positioning context */
	margin: auto;
	padding: 0;
	border: 0px;
	font-size: 11px;         /* this (and also below) sets the menu's font size */
	text-align: center;
}


.menu ul {
	display: block;
	padding:0;
	margin: auto;
	text-align: center;
	border: 0px;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height: 27px;           /* globally set the menu's item spacing. note */
								 /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
}

.menu li {
	height: 27px;
	position: relative;    /* create local positioning contexts for each button */
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.menu ul li table {
	margin: -1px 0px;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size: 11px;        /* this sets the base font size for our entire menu */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display: none;                  /* initially hide the entire list hierarchy */
	padding: 1px;                               /* this is our box border width */
}

.menu ul li a, .menu ul li a:visited {                    /* unselected top-level menu items */
	display: block;
	text-align: center;							/* set main menu centered */
	text-decoration: none;
	height: 27px;
	color: #FFFFFF;
	font-size: 11px;
}

.menu ul li:hover a, .menu ul li a:hover {                  /* selected top-level menu items */
	display: block;
	height: 27px;
	text-decoration: none;
	background: url('../images/LinkbarSliceMouseover.gif') repeat-x;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul, .menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display: block;
	position: absolute;
	margin: 0px;
	padding: 1px;
	top: 27px;              /* place us just up underneath the top-level images */
	left: -1px;        /* left-align our drop-down to the previous button border */
	height: auto;      /* the drop-down height will be determiend by line count */
	color: #FFFFFF;                        /* this sets the unselected-text color */
	background: #000000;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border: 0px;
	margin: 0px;
	padding: 0px 5px;
	color: #FFFFFF;               /* this sets the unselected drop-down text color */
	background: #55566B;       /* this sets the drop-down menu background color */
	width: 15em;
	height: 27px;
	white-space: nowrap;
	text-decoration: none;
}

.menu ul li:hover ul li:hover a, .menu ul li a:hover ul li a:hover {           	/* 2nd level selected item */
	padding: 1;
	color: #55566B;
	font-weight: bold;
	background: #E6E6E6;
}