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

	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 */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */


/* our default page-width div */
.pagecontainer { width:85%; text-align:left; font-size:10pt;}


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


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

.menu      { font-weight: bold; padding-left: 202px; clear: left;
position:relative;
z-index:100; }
* html .menu       { padding-left: 0; position: absolute; z-index: 100; top: 50px; left: 202px }

.menu ul    { line-height: 1.5em; list-style-type: none; margin: 0; padding: 0; float: left; border: 0 }                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu 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;
}

.menu ul li table   { font-size: 11px; margin: 0px 0; border-collapse: collapse; margin: 0  }



/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
div.menu-item, 
div.menu-item a, 
div.menu-item a:link, 
div.menu-item a:visited , 
div.menu-item a:hover , 
div.menu-item a:active    { color: #fff; }

div.menu-item          { color: #fff; height: 25px; float: left; border-left: 1px solid #fff }

div.menu-item-act, 
div.menu-item-act a, 
div.menu-item-act a:link, 
div.menu-item-act a:visited , 
div.menu-item-act a:hover , 
div.menu-item-act a:active    { color: #333; }

div.menu-item-act { background-color: #fff; height: 25px; float: left; border-left: 1px solid #fff  }

.menu ul li ul    { display: none; padding: 1px }
.menu ul li     { margin-right: 0px; float: left; }
.menu ul li a,
.menu ul li a:visited       {font-size: 11px; text-decoration: none; padding: 3px 10px; height: 18px; float: left }

.menu ul li:hover a,
.menu ul li a:hover  {   font-size: 11px; height: 16px; text-decoration: none }

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.seclevel {position: absolute; top: 25px; left: 0; z-index: 100; }
.menu ul li:hover ul,
.menu ul li a:hover ul   { color: fff; display: block; margin: 0;  width: 13.5em; height: auto }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a    { color: #333; font-weight: normal; background: #fff; margin: 0; padding: 2px 5px; width: 13.5em; height: auto; border-style: solid none none; border-width: 1px 0 0; border-color: #ececec  }

.menu ul li:hover ul li:hover a,
.menu ul li:hover ul li:hover a:link,
.menu ul li a:hover ul li a:hover  { color: #666; font-weight: normal; background: #ececec }



#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */