/******************** NAVIGATION STYLES ********************/
#header #navigation 
{
	width:980px;
	height:22px;
	position:absolute; top:117px; left:0px;
	background:#000000;
	z-index:100;
}
	
#header #navigation ul 
{
	width:980px;
	margin-left:4px;
}

#header #navigation ul li 
{
	position:relative;
	float:left;
	display:inline;
}
	
#header #navigation ul li a 
{
	padding:4px 9px 4px 9px;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	float:left;
	display:inline;
}
	
#header #navigation ul li a:link,
#header #navigation ul li a:visited 
{
	color:#ffffff;
}
	
#header #navigation ul li a:hover,
#header #navigation ul li a:active,
#header #navigation ul li.selected a
{
	color:#000000;
	background:#f7f7f7;
}
	
#header #navigation ul li ul 
{
	width:228px;
  margin:0px; 
	padding:0px 0px 17px 0px;        
  list-style:none;
  position:absolute; top:22px; left:-9999px; 
}
	
#header #navigation ul li ul li a 
{
	width:228px;
	text-align:left;
	text-transform:none;
}

#header #navigation li:hover>ul 
{
	display:block;
}

#header #navigation li:hover ul, 
#header #navigation li li:hover ul, 
#header #navigation li.sfhover ul,
#header #navigation li li.sfhover ul 
{
	position:absolute; top:22px; left:0px;
}
	
#header #navigation li.last_child:hover ul, 
#header #navigation li.last_child li:hover ul, 
#header #navigation li.last_child.sfhover ul,
#header #navigation li.last_child li.sfhover ul 
{
	position:absolute; top:22px; left:0px;
}

#header #navigation li.last_child ul
{
	width:237px;
	padding-bottom:0px;
}

	
/********** NAVIGATION COLOURS **********/
/* Non-Listing menus */
#header #navigation ul li:hover a 
{
	color:#000000;
	background:#f7f7f7;
}

#header #navigation ul li ul li:hover a,
#header #navigation ul li.whats-on:hover ul li a,
#header #navigation ul li.lifestyle:hover ul li a,
#header #navigation ul li.art:hover ul li a,
#header #navigation ul li.functions:hover ul li a,
#header #navigation ul li.home:hover ul li a,
#header #navigation ul li.commercial:hover ul li a
{
	color:#000000;
	background:#f7f7f7;
}

#header #navigation ul li ul li:hover a,
#header #navigation ul li.whats-on ul li:hover a,
#header #navigation ul li.lifestyle ul li:hover a,
#header #navigation ul li.art:hover ul li:hover a,
#header #navigation ul li.functions ul li:hover a,
#header #navigation ul li.home ul li:hover a,
#header #navigation ul li.commercial ul li:hover a
{
	color:#f7f7f7;
	background:#5f5f5f;
}

#header #navigation ul li.whats-on:hover a,
#header #navigation ul li.whats-on.selected a
{
	color:#000000;
	background:#489c8f;
}

#header #navigation ul li.lifestyle:hover a,
#header #navigation ul li.lifestyle.selected a
{
	color:#000000;
	background:#edd662;
}

#header #navigation ul li.art:hover a,
#header #navigation ul li.art.selected a
{
	color:#000000;
	background:#8bb549;
}

#header #navigation ul li.functions:hover a,
#header #navigation ul li.functions.selected a
{
	color:#000000;
	background:#d29c56;
}

#header #navigation ul li.functions:hover a,
#header #navigation ul li.functions.selected a
{
	color:#000000;
	background:#d29c56;
}

#header #navigation ul li.home:hover a,
#header #navigation ul li.home.selected a
{
	color:#000000;
	background:#5ea0d2;
}

#header #navigation ul li.commercial:hover a,
#header #navigation ul li.commercial.selected a
{
	color:#000000;
	background:#c02477;
}