/**
 *  Navigation
 *
 *  This stylesheet contains rules for the site navigation.
 *
 *  @package thameslink_navigation
 */

#navigation ul {
	font-size: 1.02em;
	list-style-type: none;
	margin: 0 0 10px 0;
	width: 230px;
}

#navigation ul li {
	margin: 0 0 2px 0;
}

#navigation ul li a.active {
	color: #000;
}

/* First section - pink */

#navigation ul li a {
	background: url(../img/navigation/nav-pink.png) no-repeat;
	color: #FFF;
	display: block;
	height: 18px;
	overflow: hidden;
	padding: 4px 10px;
	text-decoration:  none;
}

#navigation ul li a:hover,
#navigation ul li a:active {
	background: url(../img/navigation/nav-pink.png) 0 -27px no-repeat;
}

#navigation ul li ul {
	margin: 0;
}

#navigation ul li ul li {
	margin:	0;
}

#navigation ul li ul li a {
	color: #000;
	display: block;
	height: 18px;
	overflow: hidden;
	padding: 4px 10px 4px 20px;
	position: relative;
	text-decoration:  none;
}

#navigation ul li ul li a:hover,
#navigation ul li ul li a.active {
	background: url(../img/navigation/nav-pink.png) 0 -27px no-repeat;
}

/* Second section - green */
 
#navigation ul #section_0_2 a {
	background: url(../img/navigation/nav-green.png) no-repeat;
}

#navigation ul #section_0_2 a:hover,
#navigation ul #section_0_2 a.active {
	background: url(../img/navigation/nav-green.png) 0 -27px no-repeat;
}

#navigation ul #section_0_2 {
	background: url(../img/navigation/nav-green-blank.png) no-repeat;
}

#navigation ul #section_0_2 #section_1_1 a,
#navigation ul #section_0_2 #section_1_1 a:hover,
#navigation ul #section_0_2 #section_1_1 a:active {
	background: url(../img/navigation/green-black-arrow.png) 10px 9px no-repeat;
	color: #FFF;
}

#navigation ul #section_0_2 #section_1_1 a.active {
	color: #000;
}

/* Third section - orange */

#navigation ul #section_0_3 a {
	background: url(../img/navigation/nav-orange.png) no-repeat;
}

#navigation ul #section_0_3 a:hover,
#navigation ul #section_0_3 a.active {
	background: url(../img/navigation/nav-orange.png) 0 -27px no-repeat;
}

/* Fourth section - blue */

#navigation ul #section_0_4 a {
	background: url(../img/navigation/nav-blue.png) no-repeat;
}

#navigation ul #section_0_4 a:hover,
#navigation ul #section_0_4 a.active {
	background: url(../img/navigation/nav-blue.png) 0 -27px no-repeat;
}

/* Fifth section - purple */

#navigation ul #section_0_5 a {
	background: url(../img/navigation/nav-purple.png) no-repeat;
}

#navigation ul #section_0_5 a:hover,
#navigation ul #section_0_5 a.active {
	background: url(../img/navigation/nav-purple.png) 0 -27px no-repeat;
}

/* Hidden sections - grey */

#navigation ul .hidden a {
	background: url(../img/navigation/nav-grey.png) no-repeat;
}

#navigation ul .hidden a:hover,
#navigation ul .hidden a.active {
	background: url(../img/navigation/nav-grey.png) 0 -27px no-repeat;
}