/*-----------------------------------------------------------------------------
	Primary navigation
-----------------------------------------------------------------------------*/

div.navigation {
	float:left;
	width:100%;
	padding:0 0 4px;
	background:#efefef url(../../images/branding/NavigationBg.gif) 0 100% repeat-x;
	}
	body.films div.navigation {
		background-position:0 -174px;
		}
	body.events div.navigation {
		background-position:0 -116px;
		}
	body.good div.navigation {
		background-position:0 -58px;
		}
	body.funds div.navigation {
		background-position:0 0;
		}
		div.navigation ul {
			position:relative;
			width:98em;
			height:54px;
			margin:0 auto;
			list-style:none;
			}
			body.additional div.navigation ul {
				height:27px;
				}
			div.navigation ul li {
				float:left;
				width:19.6em;
				height:27px;
				padding:0;
				}
				div.navigation ul li a { /* Top level navigation item */
					display:block;
					border-left:1px solid #fff;
					border-right: 1px solid #e0e0e0;
					line-height:27px;
					text-align:center;
					text-transform:uppercase;
					font-size:1.2em;
					font-weight:bold;
					outline:none;
					}
					div.navigation ul li.britdoc a {
						border-left:1px solid #e0e0e0;
						color:#73c167;
						}
						div.navigation ul li.britdoc a:hover,
						div.navigation ul.britdoc li.britdoc a,
						div.navigation ul.britdoc li#Britdoc a { 
						/* Ids used for ie6 to overcome lack suppotr of multiples classes on one element */
							background:#73c167;
							color: #fff;
							}
					div.navigation ul li.films a {
						color:#466480;
						}
						div.navigation ul li.films a:hover,
						div.navigation ul.films li.films a,
						div.navigation ul.films li#Films a {
							background: #466480;
							color: #fff !important;
							}
					div.navigation ul li.events a {
						color:#e03f3f;
						}
						div.navigation ul li.events a:hover,
						div.navigation ul.events li.events a,
						div.navigation ul.events li#Events a {
							background:#e03f3f;
							color: #fff;
							}
					div.navigation ul li.good a {
						color:#7fb9d8;
						}
						div.navigation ul li.good a:hover,
						div.navigation ul.good li.good a,
						div.navigation ul.good li#Good a {
							background:#7fb9d8;
							color: #fff;
							}
					div.navigation ul li.funds a {
						color:#f93;
						}
						div.navigation ul li.funds a:hover,
						div.navigation ul.funds li.funds a,
						div.navigation ul.funds li#Funds a {
							background:#f93;
							color: #fff;
							}
					div.navigation ul li a:hover,
					div.navigation ul.britdoc li.britdoc a, 
					div.navigation ul.films li.films a, 
					div.navigation ul.events li.events a, 
					div.navigation ul.good li.good a, 
					div.navigation ul.funds li.funds a {
						border:none;
						text-decoration:none;
						color:#fff;
						}

			div.navigation ul li ul { /* Sub navigation */
				display:none;
				position:absolute;
				bottom:0;
				left:0;
				height:auto;
				}
				div.navigation ul.britdoc li.britdoc ul,
				div.navigation ul.films li.films ul,
				div.navigation ul.events li.events ul,
				div.navigation ul.good li.good ul,
				div.navigation ul.funds li.funds ul {
					display:block;
					}
					div.navigation ul li ul li {
						height:20px;
						width:auto;
						padding:7px 0 0;
						}
					div.navigation ul li ul li a {
						padding:0 10px 0;
						border:none;
						border-left:1px solid #fff !important;
						line-height:1;
						text-transform:none;
						}
						div.navigation ul li ul li a:hover,
						div.navigation ul li ul li.a-current-page a {
							color:#666 !important;
							}
							div.navigation ul li.films ul li.a-current-page a {
								color:#9a9a9a !important;
								}
							div.navigation ul li ul li.a-current-page a {
								cursor:default;
								}
						div.navigation ul li ul li:first-child a,
						div.navigation ul li ul li.first-child a {
							border:none !important;
							}
							
div.navigation ul li ul li ul.nav-depth-1 { /* hide 3d nav level */
	display: none !important;
	}