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

	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.

                      PUBLIC DOMAIN CONTRIBUTION NOTICE							 
   This work has been explicitly placed into the Public Domain for the
	benefit of anyone who may find it useful for any purpose whatsoever.
	
==============================================================================*/

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

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	height:26px;/* 26px header height + 2px lower border*/
	float:right;
	min-width:583px;
	background:#dae2ec;
	border-bottom:2px solid #5c738d;     /* give us a bottom border underneath */
}

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

* html .menuminwidth0 {  /* used to simulate min-width capability for IE6 */
	width:583px;
}

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height:1px;          /* into a second nested div (see 2nd nested div next */
	border-left:583px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-583px; */
	height: 1px;
}

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

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:26px;                                  /* the menu's overall height */
	width:583px;         /* we always want our menu to fill the available space */
	background:#dae2ec;
/*	font-family: Verdana, Arial, Helvetica, sans-serif; ***use main style's font face */
	font-size:8.5pt;         /* this (and also below) sets the menu's font size */
	text-transform:uppercase;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:2.3em;           /* globally set the menu's item spacing. note */
	padding-left:8px;           /* 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;
	padding:0;
}

.menu ul li table {
	margin:-1px 0;              /* 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:8.5pt;        /* this sets the base font size for our entire menu */
}

/*------------------------------ ENGLISH MENU --------------------------------*/
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:2px;                               /* this is our box border width */
	color:#03294f;                      /* this sets the unselected-text color */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:26px;
	color:#03294f;                       /* this sets the selected-text color */
	width:10em;
/*	padding:0 1.9em 0 1.9em; */
	text-align:center;
}

* html .menu ul li a,
* html .menu ul li a:visited {            /* adjust the height for the bottom */
	height:25px;                          /* border in IE6 to work            */
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	color:#ffffff;                        /* this sets the hovered text color */
	background:#5c738d;           /* this sets the top-level menu hover color */
	border-bottom:2px solid #d87e37;    /* give us a bottom border underneath */
}

* html .menu ul li:hover a,
* html .menu ul li a:hover {                  /* set the bottom border in IE6 */
	border-bottom:1px solid #d87e37;    /* give us a bottom border underneath */
}

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

.menu_sp {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:26px;                                  /* the menu's overall height */
	width:583px;         /* we always want our menu to fill the available space */
	background:#dae2ec;
/*	font-family: Verdana, Arial, Helvetica, sans-serif; ***use main style's font face */
	font-size:8.5pt;         /* this (and also below) sets the menu's font size */
	text-transform:uppercase;
}

.menu_sp img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

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

.menu_sp 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;
	padding:0;
}

.menu_sp ul li table {
	margin:-1px 0;              /* 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:8.5pt;        /* this sets the base font size for our entire menu */
}

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

.menu_sp ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:2px;                               /* this is our box border width */
	color:#03294f;                      /* this sets the unselected-text color */
}

.menu_sp ul li a,
.menu_sp ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:26px;
	color:#03294f;                       /* this sets the selected-text color */
/*	width:10em; */
	padding:0 1.4em 0 1.4em;
	text-align:center;
}

* html .menu_sp ul li a,
* html .menu_sp ul li a:visited {            /* adjust the height for the bottom */
	height:25px;                          /* border in IE6 to work            */
}

.menu_sp ul li:hover a,
.menu_sp ul li a:hover {                        /* selected top-level menu items */
	color:#ffffff;                        /* this sets the hovered text color */
	background:#5c738d;           /* this sets the top-level menu hover color */
	border-bottom:2px solid #d87e37;    /* give us a bottom border underneath */
}

* html .menu_sp ul li:hover a,
* html .menu_sp ul li a:hover {                  /* set the bottom border in IE6 */
	border-bottom:1px solid #d87e37;    /* give us a bottom border underneath */
}