.hnav
{
	border-bottom: none;
	text-align: left;
	background-color:#282833;
	color:#F6B21A;
	/*font-family: 'Monda', sans-serif;*/
	font-family: 'Strait', sans-serif;
	font-size: 16px;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color: #282833;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #fff;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 15px;
	padding-right: 15px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	
	/*border-right: solid 1px #000;
	border-left: solid 1px #000;*/
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider
{
	display: none;
}



.hnav ul li a:link, .hnav ul li a:visited
{
	
	color: #ffffff;
}
.hnav ul li a:hover
{
	
	background-color: #F00;
	color: #FFF;
}