/*********************************************************************************
* responsible for the horizontal navigation elements, one of which is usually placed
* below the masthead but on top of the columns.
* vertical padding on inline elements can make things look really bad, so in this
* stylesheet we work around it.
*********************************************************************************/

.hnav
{
	text-align: left;
}

.hnav, .hnav ul li a
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.hnav ul li a
{
	margin: 0 0px 0 0;
	padding-left: 10px;
	padding-right: 10px;
	border-right: solid 1px #ECECEC;
	border-left: solid 1px #ECECEC;
}

.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;
}

* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}