/* ================================================================ 
The original version of the Global navigation styles and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
=================================================================== */

/*------------------------------------------------------------------
GLOBAL NAVIGATION STYLES - TOP HORIZONTAL NAVIGATION BELOW INSTITUTE NAME
-------------------------------------------------------------------*/
#globalnav { /*was #navTop*/
	min-height: 18px;
	height: 18px;
	width: 980px;
	margin: 0 auto; /*this centers the div in its outer wrapper*/
	}
#menu { /*menu before hover state*/
	background-image: url('/images/2011/globalnav.gif'); /*establishes background gradient for navigation*/
	padding:0; 
	margin:0; 
	list-style:none; 
	height:18px;
	position:relative; 
	z-index:500; /*original z-index:500;*//*012313 tested changing to TS video obstruction in IE*/
	font-family:arial, helvetica, sans-serif;
	}
#menu li {
	float:left;
	padding:0;
	margin:0;
	border-right: 1px solid #fff 
	}
#menu li.last { /*not using this option at this time, removes right border on Contact Us button*/
	border:none;
	}
#menu li a {
	display:block; 
	float:left;
	color:#000000; /*color of horizontal button text*/
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	padding:0 .5em 0 .5em; /*works with line 170, top:1.4em;*//*only if changing top padding to .1em to bring text down, resulting in padding:.1em .5em 0 .5em;, then need to adjust line 170*/
	}
#menu table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
	}
/*----------------------------------------------------------*/
#menu li a:hover {/*menu during hover state*/
	z-index:200; /*original z-index:200;*//*012313 tested changing to TS video obstruction in IE*/
	position:relative;
	color:#000000; /*color of horizontal button text when hovered over, same as normal state*/
	background-image: url('/images/2011/globalnav-hover.gif'); /*establishes background gradient for navigation when hovered over*/
	}
#menu li:hover {
	position:relative; 
	z-index:200; /*original z-index:200;*//*012313 tested changing to TS video obstruction in IE*/
	}
#menu li.current > a { /*not using at this time*/
	background-color:#006bb7!important
	}
#menu li.current > a:hover { /*not using at this time*/
	color:#fff; 
	background-color:#006bb7!important
	}
/*----------------------------------------------------------*/
#menu li.current a { /*not using at this time*/
	color:#fff;
	font-weight:bold;
	padding:.1em .4em .2em .4em;
	background-color:#006bb7
	}
div#globalnav #menu ul li a {
	font-weight:normal
	}
/*----------------------------------------------------------*/

/*keep the 'next' level invisible by placing it off screen*/
#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px;
	width:auto;
	height:auto;
	margin:0; 
	padding:0; 
	list-style:none;
	}
/*keep the 'next' level invisible by placing it off screen*/
#menu ul {
	width:175px!important
	}
/*common styles accross all drop down ul's*/
#menu ul li {
	border-right: none 
	}
#menu :hover ul li a {/*dropdown button that has no flyouts*/
	width:150px; 
	padding:0 15px 0 10px; 
	background:#8f9194; 
	color:#fff; 
	min-height: 1.8em;
	height: auto; 
	_height:1.8em;
	line-height:1.8em; /*affects distance from top to bottom of each dropdown button*/
	}
/*----------------------------------------------------------*/

/*move the sub menus for into position when rolled over (175px to the RIGHT of each sub menu)*/
#menu :hover ul :hover ul, 
#menu :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul{
	left:175px; 
	top:0px; /*adjusts line-up of flyout from dropdown, see next style*/
	}
/*not using next style at this time, adjust accordingly if used*/
/*FOR THE LAST MENU ITEM ONLY move the sub menus into position when rolled over (175px to the LEFT of each sub menu)*/
/*This resolves the issue of the far right drop down running off screen (on lower resolutions)*/
#menu :hover ul.lastItem :hover ul, 
#menu :hover ul.lastItem :hover ul :hover ul,
#menu :hover ul.lastItem :hover ul :hover ul :hover ul{
	left:-175px; 
	top:-1px;/*if used, adjust accordingly*/
	}
/* This follows on from above code and removes inheritence (otherwise all sub menus appear on roll over in IE6) */
#menu :hover ul.lastItem :hover ul * ul, 
#menu :hover ul.lastItem :hover ul :hover ul * ul,
#menu :hover ul.lastItem :hover ul :hover ul :hover ul * ul{
	left:-9999px; 
	top:-9999px;
	}
/*----------------------------------------------------------*/
#menu :hover ul :hover ul li a, 
#menu :hover ul :hover ul :hover ul li a, 
#menu :hover ul :hover ul :hover ul :hover ul li a { /*flyout button that has no flyouts, therefore no arrow*/
	width:150px; 
	padding:0 15px 0 10px; 
	background:#8f9194; 
	color:#fff; 
	min-height: 1.8em; 
	height: auto; 
	_height:1.8em; 
	line-height:1.8em;
	}
#menu :hover ul li a,
#menu :hover ul :hover ul li a,
#menu :hover ul :hover ul :hover ul li a,
#menu :hover ul :hover ul :hover ul :hover ul li a { /*all dropdowns and flyouts*/
	margin:0; 
	border-top:1px solid #bebfc0;
	}
#menu :hover ul li a.sub,
#menu :hover ul :hover ul li a.sub,
#menu :hover ul :hover ul :hover ul li a.sub,
#menu :hover ul :hover ul :hover ul :hover ul li a.sub { /*dropdown button that has a flyout*/
	background: #8f9194 url('/images/2011/arrow-right.gif') no-repeat right center;
	}
/*----------------------------------------------------------*/

/* level 2 */
#menu :hover ul {
	left:0;
	top:16.8px;/*1.4em x 12px (font-size) = 16.8px*/ 
	/*top:1.4em;works with line 42, padding:0 .5em 0 .5em;*//*only if adding .1em to padding on line 42, then need to add .1em on line 170, result in top:1.5em;*/
	}
#menu :hover ul a:hover, 
#menu :hover ul li a.sub:hover { /*hover state for dropdowns only, whether have flyouts or not*/
	background-color:#74767a; 
	color:#fff;
	}
#menu :hover ul li.current a, 
#menu :hover ul li.current a:hover { /*not using, verify color if used*/
	background:#006bb7; 
	color:#fff;
	cursor: default
	}           
#menu :hover ul li.current a.sub, 
#menu :hover ul li.current a.sub:hover { /*not using, verify color and graphic if used*/
	background:#006bb7 url('/images/2011/arrow-right.gif') no-repeat right center; 
	}
/* level 3 */
#menu :hover ul :hover ul a:hover,
#menu :hover ul :hover ul a.sub:hover { /*hover state of first flyout buttons, whether have flyouts or not*/
	background-color:#74767a; 
	color:#fff;
	cursor: pointer
	}
#menu :hover ul :hover ul li.current a, 
#menu :hover ul :hover ul li.current a:hover { /*not using, verify color if used*/
	background:#006bb7; 
	color:#fff;
	cursor: default
	}
#menu :hover ul :hover ul li.current a.sub, 
#menu :hover ul :hover ul li.current a.sub:hover { /*not using, verify color and graphic if used*/
	background:#006bb7 url('/images/2011/arrow-right.gif') no-repeat right center;
	}
/* level 4 */
#menu :hover ul :hover ul :hover ul a:hover,
#menu :hover ul :hover ul :hover ul a.sub:hover { /*hover state of second (also last) flyout buttons*/
	background-color:#74767a; 
	color:#fff;
	cursor: pointer
	}
#menu :hover ul :hover ul :hover ul li.current a, 
#menu :hover ul :hover ul :hover ul li.current a:hover { /*not using, verify color if used*/
	background:#006bb7; 
	color:#fff;
	cursor: default
	}
#menu :hover ul :hover ul :hover ul li.current a.sub, 
#menu :hover ul :hover ul :hover ul li.current a.sub:hover { /*not using, verify color and graphic if used*/
	background:#006bb7 url('/images/2011/arrow-right.gif') no-repeat right center;
	}
/* level 5 */
#menu :hover ul :hover ul :hover ul :hover ul a:hover,
#menu :hover ul :hover ul :hover ul :hover ul a.sub:hover { /*not using, would be third flyout buttons, verify color if used*/
	background-color:#74767a; 
	color:#fff;
	cursor: pointer
	}
#menu :hover ul :hover ul :hover ul :hover ul li.current a, 
#menu :hover ul :hover ul :hover ul :hover ul li.current a:hover { /*not using, verify color if used*/
	background:#006bb7; 
	color:#fff;
	cursor: default
	}
#menu :hover ul :hover ul :hover ul :hover ul li.current a.sub, 
#menu :hover ul :hover ul :hover ul :hover ul li.current a.sub:hover { /*not using, verify color and graphic if used*/
	background:#006bb7 url('/images/2011/arrow-right.gif') no-repeat right center;
	}
/*----------------------------------------------------------*/

/*Display a different arrow (pointing left) for sub menus on the last 3 buttons*//*not using, verify color and graphic if used*/
#menu :hover ul.lastItem li a.sub,
#menu :hover ul.lastItem :hover ul li a.sub,
#menu :hover ul.lastItem :hover ul :hover ul li a.sub,
#menu :hover ul.lastItem :hover ul :hover ul :hover ul li a.sub {
	background: #8f9194 url('/images/2011/arrow-left.gif') no-repeat right center; 
	}
#menu :hover ul.lastItem li a.sub:hover,
#menu :hover ul.lastItem :hover ul li a.sub:hover,
#menu :hover ul.lastItem :hover ul :hover ul li a.sub:hover,
#menu :hover ul.lastItem :hover ul :hover ul :hover ul li a.sub:hover {
	background:#74767a url('/images/2011/arrow-left.gif') no-repeat right center;
	}

/* END - Global navigation */