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

	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.
	
==============================================================================*/
 /*========================= TOP OF THE MENU CASCADE =========================*/
.navContainer{
	width:970px;
	height:27px;
	display:block;
	margin:7px 0 0 10px;
	_margin:5px 0 0 0px;
}
.menu {
	margin:0px;
	_position:absolute;
	padding:0;
	height:28px;                                  /* the menu's overall height */
	width:1000px;         /* we always want our menu to fill the available space */
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight:bold;
	font-size:13px;         /* this (and also below) sets the menu's font size */
}
.menu ul {
	margin:7px 0 0 -20px;
	_margin:5px 0 0 19px;
	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 */
.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 0 0 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:12px;        /* this sets the base font size for our entire menu */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:0px;                               /* this is our box border width */
	z-index: 99999999999;
}
.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:40px;
	_height:45px;
	color:#fefefe;
	position: relative;
	
}
.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	height:28px;
	_height:28px;
	color:#fff;
}
div.inActivemenu {
    display: block;
    float: left;
    height: 29px;
    margin-right: 6px;
    padding: 0px; /* sliding doors padding */
    text-decoration: none;
}
div.inActivemenu span {
    display: block;
	padding:5px;
	_padding:7px 5px 7px 5px;
}
div.activemenu {
    background: url('/images/web/active_l.gif') no-repeat top left;
	/*color: #444;*/
    display: block;
    float: left;
    height: 29px;
    margin-right: 6px;
    padding: 0px; /* sliding doors padding */
    text-decoration: none;
}
div.activemenu span {
    background: url('/images/web/active_r.gif') right no-repeat;
    display: block;
	padding:6px 5px 5px 5px;
	_padding:5px 5px 6px 5px;
    color: #000;   
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:37px;              /* place us just up underneath the top-level images */
	_top:34px;              /* place us just up underneath the top-level images */
	left:0px;       /* left-align our drop-down to the previous button border */
	height:12px;      /* the drop-down height will be determiend by line count */
	width:auto;
	font-size:13px;
	color:black;                        /* this sets the unselected-text color */
	 /* background:black;        this sets our menu's effective "border" color */
	background: url(/images/navbck.png);
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	margin:0;
	height:auto;
	color:#fff;               /* this sets the unselected drop-down text color */
	/*background:#000;        this sets the drop-down menu background color */
	background-image: url(/images/navbck.png);
	width:auto;
	border-left:7px solid #c7d6e4;
}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#2b6197;
	background:#fff;
	border-left:7px solid #fff;
}
/*------------Specific Width------------------*/
#nav1{ width: 75px; } 
#nav1 a{ padding: 0; }
#nav1 ul a{ width: 300px; padding:5px 8px 5px 8px; }

#nav2{	width: 140px;}
#nav2 a{ padding: 0;}
#nav2 ul a{ width: 300px; padding:5px 8px 5px 8px;}

#nav3{ width: 120px; }
#nav3 a{ padding:0;}
#nav3 ul a{ width: 300px; padding:5px 8px 5px 8px; }

#nav4 {width: 160px; }
#nav4 a{ padding:0;}
#nav4 ul a{ width: 300px; padding:5px 8px 5px 8px; }

#nav5{ width: 220px; }
#nav5 a{ padding:0;}
#nav5 ul a{ width: 200px; padding:5px 8px 5px 8px;  }

#nav6{ width: 90px; }
#nav6 a{ padding:0; color:#ffe118;}

#nav7{width: 150px;}
#nav7 a{ padding:0; color:#ffe118;}