/*============ DEFAULT THEME STYLES FOR THE TOP NAVIGATION MENU =============*/

/*
    This stylesheet contains customized Colors, Fonts, and other Theme-related information
    It does not contain Layout, Size and Positioning information, except where customization needed
    It controls the look and feel of elements on the menu, but not the layout
*/

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

	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.

    Originally taken from http://www.grc.com/menu2/cssmenu.css

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

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

.menu {
	background: #00578D url('../Images/TopMenuGradientBlue.png') repeat-x; /* Image-based (All browsers) */
	background: -moz-linear-gradient(#79B8F4, #00578D);  /* Firefox 3.6+ */
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00578D),color-stop(1, #79B8F4)); /* Chrome & Safari */
    /* breaks dropdowns
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#79B8F4', endColorstr='#00578D');  IE6 & IE7 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#79B8F4', endColorstr='#00578D')";  IE8 
	*/
    
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;         /* this (and also below) sets the menu's font size */
	border-bottom:1px solid #00578D;
    border-top:1px solid #79B8F4;
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
 
.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	text-decoration:none;
	height:20px;
	padding:3px 12px 0px 12px;
}

.menu ul li:hover a,
.menu ul li:focus a,
.menu ul li a:hover,
.menu ul li a:focus {                        /* selected top-level menu items */
	border-left:1px solid #5F95CB;
	border-right:1px solid #5F95CB;
	height:18px;
	padding:3px 11px 3px 11px;
}

.menu ul li a.toplink,
.menu ul li a.toplink:visited {
    color: #fff;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:9pt;
    font-weight:bold;
}

.menu ul li:hover a.toplink,
.menu ul li:focus a.toplink,
.menu ul li a.toplink:hover,
.menu ul li a.toplink:focus {
    text-decoration:underline;
    background-color: #FFF;
    color: #00578D;
}


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

.menu ul li:hover ul,
.menu ul li:focus ul,
.menu ul li a:hover ul,
.menu ul li a:focus ul {                           /* 2nd level drop-down box */
	color:#000;                        /* this sets the unselected-text color */
	background:#5F95CB;                  /* this sets our menu's effective "border" color */

	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); /* Chrome and Safari */
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); /* Firefox 3.5+ */
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); /* Future CSS3 standard */
	/* IE 6-8 -- breaks third level dropdowns
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=145, Strength=3);
    */
}

/* Unselected Menu Items */

.menu ul li:hover ul li a,
.menu ul li:focus ul li a,
.menu ul li a:hover ul li a,
.menu ul li a:focus ul li a,
.menu ul li:hover ul li:hover ul li a,
.menu ul li ul li:focus ul li a,
.menu ul li a:hover ul li a:hover ul li a,
.menu ul li a ul li a:focus ul li a
{
	color:#000;
	background:#FFF;
	text-decoration: none;
}

/* Selected Menu Item */

.menu ul li:hover ul li:hover a,
.menu ul li:focus ul li:focus a,
.menu ul li a:hover ul li a:hover,
.menu ul li a:focus ul li a:focus,
.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li ul li ul li a:focus,
.menu ul li a:hover ul li a:hover ul li a:hover,
.menu ul li a ul li a ul li a:focus
{
	color: #00578D;
	background: #E0F3FF;
	text-decoration: underline;
}