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

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

 /*================= Other Menu Styles  ==================*/



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

#MainMenu {background:#020202 url(../images/NavigationBackground.gif);margin:10px 0 0 0;width:928px;height:36px;}



.menu {
	position:relative;        /* establish a menu-relative positioning context */
	margin:0;
	padding:0 0 0 74px;
	border:0;
	height:34px;                                  /* the menu's overall height */
	width:800px;          /* 393 we always want our menu to fill the available space */
	font-size:14px;         /* this (and also below) sets the menu's font size */
	border-bottom:0px solid white;        /* give us a black border underneath */
	font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.menu a {color:#fff;text-transform: uppercase}

.menu tr { padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important;}
.menu td { padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important;}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
	padding:0px 0px 0px 0px !important; 
	margin:0px 0px 0px 0px !important;
}

.menu .SeperatorImg {position:relative;top:-3px;}

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


.menu .tab1 {left:0px;}
.menu .tab2 {left:-30px;}
.menu .tab3 {left:-20px;}
.menu .tab4 {left:-20px;}
.menu .tab5 {left:0px;}

.menu ul li 
{
    margin-right:20px;
    padding-right:15px;
    font-size:14px;
    height:17px;
    background: url(../images/dnarw1.gif) no-repeat bottom right;}



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

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px !important;        /* padding:1px; this is our box border width */
	line-height:1.5em;
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:30px;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-top:0px solid #000;     /* these 2 lines create the push-in illusion */
	color:#009ad6;
}

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

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	z-index:100;
	padding:1px 1px 1px 1px !important; 
	margin:0px;
	top:28px;              /* place us just up underneath the top-level images */
	left:-20px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	color:#D6161A;                        /* this sets the unselected-text color */
	font-size:11px;
	line-height:14px;
	
}


.menu td {font-family: Arial, Helvetica, sans-serif;font-weight:bold;}

.menu ul .tab1:hover ul 
{
    background: url(../images/FlyoutBackground.png) repeat-y top left;
    height: auto;
     } /* 175px; */
.menu ul .tab1:hover ul li {width:215px;}

.menu ul .tab2:hover ul 
{
    background: url(../images/FlyoutBackground.png) no-repeat top left;
    height:148px} /* 148px; */
.menu ul .tab2:hover ul li {width:215px;}

.menu ul .tab3:hover ul 
{
    background: url(../images/FlyoutBackground.png) no-repeat top left;
    height:121px}
.menu ul .tab3:hover ul li {width:215px;}

.menu ul li ul li 
{
    position:relative;top:-1px; 
    border-bottom:solid 1px #bab7b5;
    width:215px;} /* 185px */

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0px;
	margin:0 0 0 3px;
	padding:1px;
	height:auto;
	color:#003e7e;              /* this sets the unselected drop-down text color */
	font-size:11px;
	line-height:14px;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	text-decoration:underline;
	color: #0099CC;
	font-size:11px;
	line-height:14px;
}


.menu table {float:left;}
.tab1 {float:left;}

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

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:hidden;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:230px; /*8.08333em*/
	width:230px; /*14em*/

	

}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:215px; /*14em*/
	/* background:#ae6f00; */
	color:#003e7e;
	visibility:hidden;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:215px; /*14em*/
	/* background:#cda71c; */
	color:#0099CC;
	visibility:hidden;
}

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