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

	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.

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

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

ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:0.1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */

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


.menugrc {
	position:absolute;        /* establish a menu-relative positioning context */
	top:0px;
	left:0;
	margin:0;
	right:1em;
	padding-top:1em;
	height:3em;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;         /* this (and also below) sets the menu's font size */
	z-index:8000; 
	display:block;
}

.menugrc ul {
	padding:0;
	margin:0;
	border:0;
	z-index:8000; 
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menugrc li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	z-index:8000; 
}

.menugrc ul li table {
	margin:0;               /* zero the table margins for everyone but IE5 */
	font-size:0.9em;        /* this sets the base font size for our entire menu */
	z-index:8000; 
}

.drop {
	z-index:8000; 
	display:block;
	padding:0 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

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

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

.menugrc ul li a,
.menugrc ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:1.6em;
	color:white;
	font-weight:bold;
}

.menugrc ul li:hover a,
.menugrc ul li a:hover {                        /* selected top-level menu items */
	color:white;
	background:white;
	font-weight:bold;
}

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

.menugrc ul li:hover ul,
.menugrc ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:1.6em;              /* place us just up underneath the top-level images */
	left:0px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height is determined by line count */
	width:8em;
	color:white;                        /* this sets the unselected-text color */
/* 	background:none;         /* this sets our menu's effective "border" color */
	z-index:8000; 
}

.menugrc ul li:hover ul.leftbutton,
.menugrc ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menugrc ul li:hover ul.wide,
.menugrc ul li a:hover ul.wide {             /* 2nd level wide drop-down box */
	width:28em;   
}

.menugrc ul li:hover ul li a,
.menugrc ul li a:hover ul li a {                   /* 2nd level unselected items */
	border-top: solid 1px white;
	margin:0;
	padding:0;
	height:auto;
	color:white;               /* this sets the unselected drop-down text color */
	background:#FFFFFF;       	/* this sets the drop-down menu background color */
	font-weight:bold;
	width:8em;
	line-height:2em;
}

.menugrc ul li:hover ul li:hover a,
.menugrc ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:white;
	background:white;
	font-weight:bold;
	border: solid 1px white;
}

.menugrc ul li:hover ul.wide li a,
.menugrc ul li a:hover ul.wide li a,
.menugrc ul li:hover ul.wide li a:hover,
.menugrc ul li a:hover ul.wide li a:hover {     /* 2nd level un+selected items */
	width:28em;
	font-weight:bold;
}