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

	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 =====*/


.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 ==================*/


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

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

.topcsmenu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	width:100%;         /* we always want our menu to fill the available space */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11pt;         /* this (and also below) sets the menu's font size */
	color: #ffffff;
	background-color: #54534a;
	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 */
}

.topcsmenu ul {
	padding:0;
	margin:0;
	border:0;
	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 */

.topcsmenu 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 0 0 0;
	padding:0 1em 0 1em;
}

.topcsmenu li.homebutton {
	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 2em 0 1em;
}

.topcsmenu 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: 11pt;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0;	       /* 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 */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.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 */
}

/*#research {            /* this rightmost "Research" button must be positioned */
/*	position:absolute;       /* absolutely so that the YAH (you are here) text */
/*	top:0px;               /* label will slide underneath it under Opera v8.54 */
/*  left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
/*}*/

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

.topcsmenu ul li a.homebuttn {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none !important;
	vertical-align:middle;
	color: #ffffff !important; 
}

.topcsmenu ul li a.csmeunbutton {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none !important;
	vertical-align:middle;
	color: #ffffff !important; 
}

.topcsmenu ul li a {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none !important;
	color: #000000 !important; 
}

.topcsmenu ul li a:visited {                    /* visited top-level menu items */
	display:block;
	float:left;
}

.topcsmenu ul li a:hover {                        /* selected top-level menu items for IE6 */
	background: #b5111a;
	color: #ffffff; 
	padding:0 .95em 0 2.05em;
	margin:0 -.5em 0 -1em;
}

.topcsmenu ul li:hover a {                        /* selected top-level menu items for firefox 1.5 */
	background: #b5111a;
	color: #ffffff; 
	padding:0 1em 0 1em;
	margin: 0 -1em 0 -1em;
}

.topcsmenu ul li.homebutton a:hover {                        /* selected top-level menu items for IE6 */
	background: #b5111a;
	color: #ffffff; 
	padding:0 2em 0 2em;
	margin: 0 -.95em 0 -1em;
}

.topcsmenu ul li:hover a.homebuttn {                        /* selected top-level menu items firefox 1.5 */
	background: #b5111a;
	color: #ffffff; 
	padding:0 1em 0 1em;
	margin: 0 -1em 0 -1em;
}

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

.topcsmenu li ul {
	display:none;                  /* initially hide the entire 2nd list hierarchy */
}

.topcsmenu ul li a:hover ul {                           /* 2nd level drop-down box (for IE6) */
	display:block;
	position:absolute;
	margin: -1px;
	top: 1.90em;              /* 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 */
	width:13.5em;
	color:black;                        /* this sets the unselected-text color */
	border: 1px solid #000;         
	z-index: 2000;
	line-height: 1.5em;
	background: #ccc;
}
.topcsmenu ul li:hover ul {                           /* 2nd level drop-down box (for FireFox 1.5) */
	display:block;
	position:absolute;
	margin:0;
	top: 1.95em;              /* 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 */
	width:13.55em;
	color:black;                        /* this sets the unselected-text color */
	border: 1px solid #000;         
	z-index: 2000;
	line-height: 1.5em;
	background: #ccc;
}

.topcsmenu ul li a:hover ul li a {                   /* 2nd level unselected items (for IE6) */
	border:0;
	margin:0 -.55em 0 -.55em;
	padding:0 .5em;
	font-size: 10pt;zz
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:transparent;       /* this sets the drop-down menu background color */
	width:14em;
}

.topcsmenu ul li:hover ul li a {                   /* 2nd level unselected items (for FireFox 1.5) */
	border:0;
	margin:0 -1.1em 0 -1.1em;
	padding:0 .5em;
	font-size: 10pt;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:transparent;       /* this sets the drop-down menu background color */
	width:14em;
}

.topcsmenu ul li:hover ul li:hover a,
.topcsmenu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	height: 35px;
	width: 13.9em;
	color:black;
	background:white;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.topcsmenu ul li:hover ul ul,
.topcsmenu ul li a:hover ul ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.topcsmenu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box (for IE6) */
	position:absolute;
	border: 1px solid #000;
	margin:-1px 0 0 .5em;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:12.9em;
	visibility: visible;
	z-index: 3001;
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13.5em;
	color:black;                        /* this sets the unselected-text color */
	line-height: 1.5em;
	background:#ccc;
}
     
.topcsmenu ul li:hover ul li:hover ul {             /* 3rd level drop-down box (for FireFox) */
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:12.9em;
	width:auto;
	visibility: visible;
	z-index: 3001;
	background:#ccc;
}

.topcsmenu ul li:hover ul li:hover ul li a,
.topcsmenu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	height: auto;
	width:14em;
	background:transparent;
	visibility: visible;
	z-index: 3001;
}
	
.topcsmenu ul li:hover ul li:hover ul li:hover a,
.topcsmenu ul li a:hover ul li a:hover ul li a{    /* level3 selected items */   
	height: 35px;	
	width:14em;
	background:white;
	visibility: visible;
	z-index: 3001;
}

/*======================== 4TH LEVEL MENU DEFINITIONS ========================*/

.topcsmenu ul li:hover ul li:hover ul ul,
.topcsmenu ul li a:hover ul li a:hover ul ul {             /* hide inactive 4th-level menus */
	visibility:hidden;
	display: none;
}
     
.topcsmenu ul li a:hover ul li a:hover ul li a:hover ul {             /* 4th level drop-down box (for IE6) */
	display:block;
	position:absolute;
	border: 1px solid #000;
	margin:-1px 0 0 .5em;	      /* bring the top edge of the 4th level menu up one */
	top:0;
	left:12.9em;
	visibility: visible;
	z-index: 3002;
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13.5em;
	color:black;                        /* this sets the unselected-text color */
	line-height: 1.5em;
	background:#ccc;
}
     
.topcsmenu ul li:hover ul li:hover ul li:hover ul {             /* 4th level drop-down box (for FireFox) */
	display: block;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 4th level menu up one */
	top:0;
	left:12.9em;
	width:auto;
	visibility: visible;
	z-index: 3002;
	background:#ccc;
}

.topcsmenu ul li:hover ul li:hover ul li:hover ul li a,
.topcsmenu ul li a:hover ul li a:hover ul li a:hover ul li a {     /* 4th level unselected items */
	height: auto;
	width:14em;
	background:transparent;
	visibility: visible;
	z-index: 3002;
}

.topcsmenu ul li:hover ul li:hover ul li:hover ul li a:hover,
.topcsmenu ul li a:hover ul li a:hover ul li a:hover ul li a:hover {    // 4th level selected items 
	height: 35px;	
	width:14em;
	background:white;
	visibility: visible;
	z-index: 3002;
}

/********************************
*  Code for Left Hand Side Menu 
********************************/

.flymenu 
{
	background-color:#C7C8C3;
	float:left;
	margin: 0;
	padding: 0;
	font-size:10pt;
	border-left: 25px solid #CDCDC7;
	height:auto;
	width: 164px;
	z-index: 1008 !important;
}

/* remove all the bullets, borders and padding from the default list styling */
.flymenu ul 
{
	padding:0px 0px 0px 0px;
	width: 154px;
	margin:0px;
	list-style-type:none;
	background-color:#C7C8C3;
}

.flymenu a
{
	color: #555555;
	margin: 0px;
	padding:5px 0px 5px 0px;
	text-decoration:none !important;
}
.flymenu a.indent {
	 text-indent:0px;
}

.flymenu ul li a
{
	display: block;
	text-indent: 5px;
	margin: 0px;
	width: 159px;
	font-weight:bold;
}

.flymenu ul ul.firstLevel li a
{
	display: block;
	font-weight:normal;
	font-size: 9pt;
	text-indent: 0px;
	margin: 0px;
	width: 144px;
}

.flymenu ul ul.firstLevel ul.secondLevel li a
{
	display: block;
	font-weight:normal;
	margin: 0px;
	width: 134px;
}

.flymenu ul ul.firstLevel ul.secondLevel ul.thirdLevel li a
{
	display: block;
	font-weight:normal;
	margin: 0px;
	width: 119px;
}


.flymenu ul li a:hover
{
	display: block;
	color: #555;
	background-color: #ddd;
	border-right: 5px solid #666;
}

.flymenu ul ul.firstLevel a:hover
{
	display: block;
	color: #555;
	background-color: #ddd;
	border-right: 5px solid #666;
}
/*first level menus*/
.flymenu ul ul.firstLevel
{
	display: none;
	width: 164px;
	margin: 0px;
	padding: 0px;
}

/*Testing...*/
.flymenu ul ul
{
	display:none;
}

.flymenu ul ul.firstLevel a
{
	padding-left:10px;
}

.flymenu ul ul.firstLevel li a
{
	width: 149px;
	color: #555;
}
/*end first level menus*/

/*first level flyout menus*/
.flymenu ul ul
{
	display: none;
}

.flymenu ul ul.firstLevelFly a
{
	padding-left:10px;
}

.flymenu ul ul.firstLevelFly li a
{
	color: #0054A6; /*light blue*/
	width: 145px;
	font-weight:normal;
}

/*second level menus*/
.flymenu ul ul.firstLevel ul.secondLevel
{
	display: none;
	width: 164px;
	margin: 0px;
	padding: 0px;
}

.flymenu ul ul.firstLevel ul.secondLevel a
{
	padding-left:25px;
}

.flymenu ul ul.firstLevel ul.secondLevel li a
{
	color: #555; /*grey*/
}
/*end second level menus*/

/*second level flyout menus*/
.flymenu ul ul.firstLevel ul.secondLevelFly
{
	display: none;
}

.flymenu ul ul.firstLevel ul.secondLevelFly a
{
	padding-left:10px;
}

.flymenu ul ul.firstLevel ul.secondLevelFly li a
{
	color: #0054A6; /*light blue*/
	width: 145px;
	font-weight:normal;
}
/*end second level flyout menus*/

/*third level menus*/
.flymenu ul ul.firstLevel ul.secondLevel ul.thirdLevel
{
	display: none;
	width: 164px;
	margin: 0px;
	padding: 0px;
}

.flymenu ul ul.firstLevel ul.secondLevel ul.thirdLevel a
{
	padding-left:40px;
}

.flymenu ul ul.firstLevel ul.secondLevel ul.thirdLevel li a
{
	color: #555; /*grey*//*color: #0054A6; /*light blue*/
}
/*end third level menus*/

/*third level flyout menus*/
.flymenu ul ul.firstLevel ul.secondLevel ul.thirdLevelFly
{
	display: none;
}

.flymenu ul ul.firstLevel ul.secondLevel ul.thirdLevelFly a
{
	padding-left:10px;
}

.flymenu ul ul.firstLevel ul.secondLevel ul.thirdLevelFly li a
{
	color: #0054A6; /*light blue*/
	width: 146px;
	font-weight:normal;
}
/*end third level flyout menus*/

/*third level flyout menus*/
.flymenu ul ul.firstLevel ul.secondLevel ul.thirdLevelWrapFly
{
	display: none;
}

.flymenu ul ul.firstLevel ul.secondLevel ul.thirdLevelWrapFly a
{
	padding-left:10px;
}

.flymenu ul ul.firstLevel ul.secondLevel ul.thirdLevelWrapFly li a
{
	color: #0054A6; /*light blue*/
	font-weight:normal;
	width: 146px;	
}
/*end third level wrapping flyout menus*/


.flymenu ul li:hover ul.firstLevelFly ,
.flymenu ul a:hover ul.firstLevelFly ,
.flymenu ul ul.firstLevel li:hover ul.secondLevelFly ,
.flymenu ul ul.firstLevel a:hover ul.secondLevelFly ,
.flymenu ul ul.firstLevel ul.secondLevel li:hover ul.thirdLevelFly ,
.flymenu ul ul.firstLevel ul.secondLevel a:hover ul.thirdLevelFly
{
	display: block;
	position:absolute;
	padding: 0px;
	margin: -26px 0px 0px 0px;
	left:14.1em;
	height:auto;      
	width:160px;
	font-size:10pt;
	background-color:#C7C8C3;
	opacity: .93;
	filter: alpha(opacity=93);
}
.flymenu ul ul.firstLevel ul.secondLevel li:hover ul.thirdLevelWrapFly /*special case for menu headers with wrapping text*/
{
	display: block;
	position:absolute;
	padding: 0px;
	margin: -40px 0px 0px 0px;
	left:14.1em;
	height:auto;      
	width:160px;
	font-size:10pt;
	background-color:#C7C8C3;
	opacity: .93;
	filter: alpha(opacity=93);
}

.flymenu ul li a:hover ul
{
	display: block;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menustu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menustu li{
float:left;
width: 150px;
margin:0;
padding:0;
position:relative;
z-index:100;
}

.menustu li.rightborder{
border-right: 1px solid #666;
}

/* use the table to position the dropdown list */
.menustu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menustu a, .menu :visited {
display:block;
font-size:10px;
width:145px;
border-right: 5px solid #ccc !important;
padding:7px 0;
color:#555 !important;
background:#ccc;
text-decoration:none !important;
margin-right:1px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
}
/* style the links hover */
.menustu a:hover{
color:#000 !important;
background:#eee;
width:145px;
border-right: 5px solid #666 !important;
}

/* hide the sub level links */
.menustu ul ul {
visibility:hidden;
position:absolute;
width:155px;
height:0;
}
/* make the sub level visible on hover list or link */
.menustu ul li:hover ul,
.menustu ul a:hover ul{
visibility:visible;
}