/* 
---------------------------------------------------------------------------------------------------------------
OXFAM EDUCATION: SUB-NAVIGATION STYLESHEET
Hierarchical sub nav menu used site-wide.
Author: Eddy Lambert: elambert@oxfam.org.uk
Last update: 09-08-2007
------------------------------------------------------------------------------------------------------------------ */



#subnavlist {
	margin-bottom:20px;
	list-style: none;
	width: 185px;
	padding: 0 0 0 0;
	font-size:0.9em;
	@media print {display: none;}
	}
	

#subnavlist ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}

#subnavlist ul ul {
		list-style: none;
		margin-left: 0;
		padding: 0;
		border: none;
		}


#subnavlist ul ul ul {
		list-style: none;
		margin-left: 5;
		padding: 0;
		border: none;
		}




		#subnavlist li a {
				list-style: none;
				background-color:#E1E9EE;
				border-left: 5px solid #41749B;
				margin-bottom:1px;
				display: block;
				padding: 4px 4px 4px 4px;
				text-decoration: none;
				width: 100%;
				color: #2B5779;
				}

		#subnavlist  li .headbit { 
				border-left: 0px solid #41749B;
				font-size: 1.3em;
				}
		
		#subnavlist  li a.headbit {
				background-color:#41749B;
				color:white;
				font-size: 1.3em;
				}		
		#subnavlist  li a:hover.headbit {
				background-color:#41749B;
				color:white;
				}		


		
		#subnavlist li li a {
				list-style: none;
				background-color:#E1E9EE;
				border-left: 5px solid #41749B;
				margin-bottom:1px;
				display: block;
				padding: 4px 4px 4px 4px;
				color: #fff;
				text-decoration: none;
				width: 100%;
				color: #2B5779;
				text-transform: none;
				}
		

		#subnavlist .selected  {
		background-color: #A7C3D8;
		}
		#subnavlist a.selected {
		font-weight:bold;
		color:white;
		}
		#subnavlist a:hover.selected {
		background-color:#A7C3D8;
		}
		
		#subnavlist a.inpath {
		font-weight:bold;
		}
		
		#subnavlist li li a:hover {
		list-style: none;
		border-left: 5px solid;
		}

			html>body #subnavlist li a {
				width: auto;
				}
		
		#subnavlist li a:hover {
		list-style: none;
		background-color:#A7C3D8;
		color:white;
		}









/* EXAMPLE OF USAGE

<div id="subnavlist">
<ul>
<li><a href="">An option</a></li>
<li><a href="">Another option</a></li>
<li><a href="" class="inpath">Another opened option</a></li>
	<ul>
	<li><a href="">Resource 1</a></li>
	<li><a href="" class="inpath">Resource 2</a></li>
		<ul>
		<li><a href="">Resource a</a></li>
		<li><a href="" class="selected">Resource b</a></li>
		<li><a href="">Resource c</a></li>
		</ul>
	<li><a href="">Resource 3</a></li>
	</ul>
<li><a href="">A final option</a></li>
</ul>
</div>

*/