/* ================================================================ 
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.stunicholls.com/menu/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

a.live {
	background: transparent url(../images/interface/nav_bg_live.gif) repeat-x center bottom; 
}	
a.live:hover {
	background: transparent url(../images/interface/nav_bg_live_hover.gif) repeat-x center bottom !important; 
}
/* BASIC CONTAINER */
.navContainer {
	margin: 0;
	padding: 0 48px;
	z-index: 1000;
	background-color: #004C8A;
	font-size: 1.2em;
}
.nav li a.current, .nav li.home a.current {
	background: transparent url(../images/interface/nav_bg_hover.gif) repeat-x center bottom;
}
.nav li.first
{
	border: none;
	/*
	padding: 0 15px;
	text-transform: uppercase;
	font-weight: bold;
	*/
}
.navblankhack { float:right; clear: none;} /* IE hack to get submenus to hover correctly */
/* START MENU */
.nav {height:35px; padding:0; margin:0; list-style:none; background: #0A244F url(../images/interface/nav_bg.gif) bottom left repeat-x; position:relative; z-index:200;}
.nav ul {min-width:150px; padding:0; margin:0; list-style:none; background-image: none; background-color: #EEE; border:3px solid #FFF; border-width: 3px 3px 2px 3px; position:relative; z-index:200;}
.nav li {float:left; padding: 0; margin:0; border-left: 1px solid #FFF;}
.nav li li, .nav li li.first {float:none; background:#EEE; border: none; border-bottom: 1px solid #FFF;background-image:none;}
/* a hack for IE5.x and IE6 */
* html .nav li li {float:left; width: 100%; w\idth: 150px;}

.nav li a {display:block; float:left; color:#FFF; margin:0; padding:10px 15px 0px; height:25px; line-height:1em; text-decoration:none; white-space:nowrap;}
.nav li li a {height:25px; line-height:25px; float:none; margin: 0; padding: 0 20px 0 10px; font-size: 0.85em; background-color: #EEE; color: #0A244F; }
/*OVERRIDE parent links (ie li includes a nested list) */
/*.nav li a.top-parent {background: transparent url(..images/interface/nav_downarrow.gif) top right no-repeat;}*/
.nav li li a.sub-parent,
.nav li li li a.sub-parent,
.nav li li li li a.sub-parent 
{background: transparent url(../images/interface/nav_rightarrow.gif) top right no-repeat;}


.nav li:hover {position:relative; z-index:300;}
.nav li:hover ul {left:0; top:25px;}
/* another hack for IE5.5 and IE6 */
* html .nav li:hover ul {left:10px;}

.nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html .nav ul {width: 150px} /* acts as min-width */

/* it could have been this simple if all browsers understood */
/* show next level */
.nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-5px;}
/* keep further levels hidden */
.nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed NOTE - I'm applying bg only to the li, not the a. The a gets its bg from elsewhere. */
.nav li:hover {background: transparent url(../images/interface/nav_bg_hover.gif) repeat-x center bottom; }
.nav li:hover > a {text-decoration:none; color:#FFF; }
.nav li:hover li:hover > a  {text-decoration:underline; color:#5A5A5A; background-color: #D2D2D2;background-image:none;}

/* IE STUFF FROM HERE ON IN */
/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
.nav li:hover li:hover ul,
.nav li:hover li:hover li:hover ul,
.nav li:hover li:hover li:hover li:hover ul,
.nav li:hover li:hover li:hover li:hover li:hover ul
{left:-5px; margin-left:100%; top:-5px;}

/* keep further levels hidden */
.nav li:hover ul ul,
.nav li:hover li:hover ul ul,
.nav li:hover li:hover li:hover ul ul,
.nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed - first level*/
.nav li:hover {text-decoration:none; color:#FFF; background: transparent url(../images/interface/nav_bg_hover.gif) repeat-x center bottom;}
.nav li:hover li:hover {text-decoration:none; color:#FFF; background-image:none;}

/* show path followed - other levels */
.nav li:hover li:hover a,
.nav li:hover li:hover li:hover a,
.nav li:hover li:hover li:hover li:hover a,
.nav li:hover li:hover li:hover li:hover li:hover a,
.nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#5A5A5A; background-color: #D2D2D2;background-image:none;width:inherit}


/* hide further possible paths (reset to non-hover display values) */
.nav li:hover li a,
.nav li:hover li:hover li a,
.nav li:hover li:hover li:hover li a,
.nav li:hover li:hover li:hover li:hover li a,
.nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#0A244F; background-color: #EEE; background-image:none;}