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

/* Main site navigation */
#navigation {
	height: 27px;
	padding-top: 0px;
	font-size: 0.8em;
	float: right;
	margin-top: 72px;
	}
	
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	background-color: #aa0422;
	color: #FFF;
}

#nav ul {
	margin-top: 7px;
	border-top: 1px solid #B70423;
	}
	
/* all list items */
#nav li {
	float: left;
	padding: 6px 0 7px 0;
	border-right: 1px solid #FFF;
	background: url(../images/interface/nav-tab-bg.png) top right no-repeat;
	}

#nav ul li {
	background: url(../images/interface/nav-li-bg.png) top left repeat-x;
	border-bottom: 1px solid #B70423;
	border-right: none;
	}
	
	
#nav a,
#nav span {
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 0 4px;
	padding: 0 4px;
	}
	
	
/*
* width needed or else Opera goes nuts
* Remove padding for lower items
*/
#nav li ul a,
#nav li ul span {
	width: 11em;
	padding: 6px 0 7px 0;
	}


/*
* List items below main menu items
* width needed or else Opera goes nuts
*/
#nav li ul li {
	padding: 0;
	width: 10.5em;
	}
	
#nav li ul li.last {
	border: none;
	}

#nav ul li.current,
#nav ul li:hover,
#nav ul li.sfhover {
	background-image: url(../images/interface/nav-li-bg-o.png);
	}

/* second-level lists */
#nav li ul { 
	position: absolute;
	width: 10.5em;
	margin-left: 0px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

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


/* Side Navigation */
#sidenavigation h1 {
	background-color: #2e2e2e;
	padding: 8px 0;
	color: #FFF;
	font-weight: bold;
	padding-left: 15px;
	}
	

#sidenavigation ul {
	}
	
#sidenavigation li a,
#sidenavigation li span {
	padding-left: 15px !important;
	display: block;
	background-color: #CCC;
	padding: 10px 0;
	color: #585858;
	border-bottom: 1px solid #acacac;
	text-decoration: none;
	height: 1%;
	}
	
/* Stupid IE */
#sidenavigation li > span {
	height: auto;
	}
	
	
#sidenavigation li a:hover,
#sidenavigation li span.current {
	background-color: #bbb;
	}