#navcontainer {
		margin: 0px 0px 0px 0px; 
		width: 830px;
		border-bottom: 2px solid #fff;		
		padding: 0px 0px 0px 0px; 
		font-family: arial, helvetica, sans-serif;
		text-align: right;
		}

/* to stretch the container div to contain floated list */ 
	#navcontainer:after {
		content: "."; 
		display: block; 
		line-height: 1px; 
		font-size: 1px;
		color: transparent; 
		clear: both; 
		} 

	ul#navlist {
		list-style: none; 
		padding: 0; 
		margin: 0px; 
		background-color: #000;
		font-size: 12px;
		}

	ul#navlist li {
		text-align: left;
		float: left; 
		height: 45px; 
		margin: 0px 0px 0px 0px; 
		border-left: 1px solid #CCC;
		padding: 0; 
		background-color: #000;
		}

	ul#navlist li { width: 90px; voice-family: "\"}\""; voice-family:inherit; width: 89px;} 
	html>body ul#navlist li { width: 89px; } 
		

	ul#navlist li a {
		display: block; 
		padding: 7px 5px 25px 7px; 
		color: #fff; 
		font-size: 11px;
		text-decoration: none;
		}

	#navcontainer>ul#navlist li a { width: auto; } 

	ul#navlist li#active a {
		background: #f0e7d7; 
		color: #C30; 
		}

	ul#navlist li a:hover,
	ul#navlist li#active a:hover {
		color: #000000;
		background-color: #E6C26C;
		}
		
	ul#navlist li.home	{
		border-left: none;
		}

	ul#navlist li#listen	{
		width: 305px;
		background-image: url("/images/listen1.gif");
		}

	ul#navlist li#listen a:hover {
		background-image: url("/images/listen2.gif");
		}

	ul#navlist li#listentest	{
		width: 200px;
		background-image: url("/images/listen1_test.gif");
		}

	ul#navlist li#listentest a:hover {
		background-image: url("/images/listen2_test.gif");
		}

	ul#navlist li#empty	{
		width: 305px;
		}

	ul#navlist li#a	{
		background-color: #1d1f23;
		border-left: none;
		}

	ul#navlist li#b	{
		background-color: #292f3b;
		}

	ul#navlist li#c	{
		background-color: #3f434e;
		}

	ul#navlist li#d	{
		background-color: #565b69;
		}

	ul#navlist li#e	{
		background-color: #45515e;
		}

	ul#navlist li#f	{
		background-color: #5d6c7d;
		}

	ul#navlist li#g	{
		background-color: #7d93aa;
		}