/* CSS Document */

/* TAB NAV 1 line */
#tabnavbox{width:450px;font-size:100%;padding:0 0 10px 0;}
#tabnav
	{
		height:20px !important;
		height /**/:26px; /* for IE5/Win */
		margin: 0;
		padding:10px 0 0 10px;
		background: url(http://newsimg.bbc.co.uk/nol/shared/bsp/guides/img/tab_nav_line.gif) repeat-x bottom;
	}
#tabnav li
	{
		margin: 0;
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #eee;
		font-size: 11px;
		line-height: 16px;
		font-weight: bold;
		padding: 0px 10px 0px 10px;
		margin-right: 4px;
		border: 1px solid #999;
		text-decoration: none;
		color: #9B660D;
		text-align:center;
		height:18px !important;
		height /**/:20px; /* for IE5/Win */

		width:120px;

	}
#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}
#tabnav a:hover
	{
		text-decoration: underline;
		background: #eee;
	}
#tabnav a:hover.active{ background: #fff;}
 #tabnav a:visited{	background: #eee; color: #9B660D;}


/*<!-- STRIP NAV -->
<div id="tabnavbox">
	<ul id="tabnav">
		<li><a href="#" class="active">History</a></li>
		<li><a href="nn2page1.stm">Population</a></li>
		<li><a href="nn3page1.stm">Politics</a></li>
		<li><a href="nn4page1.stm">Economy</a></li>
	</ul>
</div>
<!-- END STRIP NAV -->*/