#topnav {
	font: normal 11px/10px arial,helvetica,sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin:0 0 1em -20px; padding:0;
	height:23px;
	border-bottom:5px solid #999;
	width: 654px;
	clear:both;
	}
html>body #topnav  { margin-left: 40px;} 
/* what we really want - IE 4/5/6 can't see */

#topnav ul {
	list-style: none;
	display: inline; border:0; margin:0;
	text-align:center;
	}
		
#topnav li {
	list-style: none;
	width:110px;
	float:left;
	margin:0; margin-left:1px;
	line-height:normal;
	}

#topnav li.first { margin-left:0; }

#topnav li.short { width:78px; }

#topnav li.wide { width:160px; }


/* below is where you specify the height of the block and the display */
		
#topnav li a {
		background:url(/_img/tab.gif) no-repeat;
		background-position:0 0;
		display: block;
		color: #777;
		text-align:center;
		text-decoration: none;
		padding:5px 5px 3px 5px; margin:0;
		height:15px;
		}

	html>body #topnav li a {
		width: auto;
		}

#topnav li.short a {
		background:url(/_img/tab-short.gif) no-repeat;
		}

#topnav li.wide a {
		background:url(/_img/tab-wide.gif) no-repeat;
		}


	#topnav li a:hover {
		background-position: 0 -23px;
		color:#fff;
		display:block;
		}

	#topnav li#active a {
		color: #fff !important;
		text-align:center;
		text-decoration: none;
		background-position: 0 -23px;
		border-color:#000;
		}