/*
* Navigation CSS, based on SuckerFish CSS Menus
*
* @author	Duncan Mundell <duncan@lantech.co.nz>
* @version	1.0
* @updated	31/10/06
*/

#navigation {
	background: url(../images/interface/nav-main-bg.png) repeat-x;
	height: 32px;
	font-size: 0.9em;
	}
	
#navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	background-color: #488aa1;
	color: #FFF;
	}

#navigation ul ul {
	margin-top: -2px;
	}
	
	
/* all list items */
#navigation ul li { 
	float: left;
	background: url(../images/interface/nav-main-divider.png) top right no-repeat;
	padding-right: 1px;
	}

#navigation ul ul li {
	background: none;
	}
		
#navigation a,
#navigation span {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 8px 10px 10px 10px;
	}
	

#navigation a:hover,
#navigation span.current {
	background: url(../images/interface/nav-main-bg-o.png) top left repeat-x;
	}

#navigation li:hover {
	background: url(../images/interface/nav-main-divider.png) right no-repeat;
	}

#navigation ul ul li:hover {
	background: url(../images/interface/nav-main-bg-o.png) top left repeat-x;
	}
	
	
/* Submenu indicator */
#navigation a.daddy {
	background: url(../images/interface/icon-submenu.png) no-repeat 95% center;
	}


/*
* width needed or else Opera goes nuts
* Remove padding for lower items
*/
#navigation ul ul a,
#navigation ul ul span {
	width: 12em;
	padding: 5px 0;
	text-indent: 10px;
	}


/*
* List items below main menu items
* width needed or else Opera goes nuts
*/
#navigation ul ul li {
	padding: 0;
	width: 12em;
	border-bottom: 1px solid #366878;
	}
	
#navigation ul ul li.last {
	border: none;
	}


/* second-level lists */
#navigation ul ul { 
	position: absolute;
	width: 12em;
	margin-left: 0px;
	border: 1px solid #366878;
	border-bottom: none;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#navigation li:hover ul,
#navigation li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

/* third-and-above-level lists */
#nav li ul ul { 
	margin: -25px 0 0 12em;
	}

#nav > #nav li ul ul {
	margin: -25px 0 0 12em;
	}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

/* Override default widths for some menus */
#usefulinfo,
#usefulinfo li,
#usefulinfo a,
#usefulinfo span {
	width: 8em !important;
	}
	
#usefulinfo ul {
	margin-left: 8em !important;
	}

#usefultools {
	width: 20em !important;
	}
	
#usefultools,
#usefultools ul,
#usefultools li,
#usefultools a,
#usefultools span {
	width: 10em !important;
	}

#usefultools ul {
	margin-left: 10em !important;
	}
	

#dummy,
.dummy {
	margin-left: 50px !important;
	visibility: hidden !important;
	}