.topnav {
	float: left;
	padding-bottom:0px;
	font-size:10px;
	padding-left:110px;
	height:24px;
	width:590px;	
	/*
	actual width of topnav is 680px (580 + 100px left padding). topnav is the left side of the #utilities container set in default.css.
	The right side makes makes up the other half and is called #functions also set in default.css and is set to 200px wide. 680 + 200 = 880
	*/	
}
.topnav ul 
{
	float:left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style-type:none;
	text-align:left;
}

.topnav li {
	float: left;
    margin:5px 0 0 0;
    color:#d8d8d8;
    font-family: Arial, Verdana;
}

.topnav a, .topnav a:visited  {
	text-decoration:none;
	color:#333333;
	height:20px; 
	padding:0 2px 0 5px;   
	margin: 0 0 0 0;
}
.topnav a:hover {
	text-decoration:underline;
}
.topnav li.separator {
	border:1px solid #d8d8d8;
	border-right-width:0;
	margin: 0 0 0 0;
	padding:0px 0px 0px 0px;  
	height:8px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .topnav li.separator {
height:8px;
}