@charset "UTF-8";
/* CSS Document */


/* ===================     HORIZONTAL NAV LISTING ========================  */
#navcontainer {
	margin: 0 auto;
}

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

ul#navlist
{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	height:37px;
	font-size:13px;
	width: 977px;
	background: url(../images/nav_div.gif) no-repeat left; 
    /*background-position:left; background-repeat: no-repeat;*/
}

ul#navlist li
{
	/*width: 194px; /* use this for five buttons */
	width: 162px; /* use this for six buttons */
	/*_width: 194px; /* IE6 *//* For some reason the IE6 style sheet is not applying the styles correctly. That's why we're using the ie6 hacks here. */
	_width: 162px; /* IE6 *//* For some reason the IE6 style sheet is not applying the styles correctly. That's why we're using the ie6 hacks here. */
	/*width: auto; - use this for more than five buttons */
	height:37px;
	line-height:37px;
	display: inline-block;
	/*_display: block;*/
	float: left;
	margin: 0;
	/*padding: 0 10px; - use this for five buttons */
	text-align: left;
     background-image:url(../images/nav_div.gif); 
     background-position: right; background-repeat: no-repeat;
}

ul#navlist li a
{
	width:194px; /* use this for five buttons */
	_width: auto; /* IE6 *//* For some reason the IE6 style sheet is not applying the styles correctly. That's why we're using the ie6 hacks here. */
	/*width: auto; - use this for more than five buttons */
	height:37px;
	line-height:37px;
	display: block;
	text-decoration: none;
	padding-left: 9px;
	/* padding: 0 15px; - use this for more than five buttons */
	color: #666;
	font-weight:bold;

}

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

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

ul#navlist li a:hover, ul#navlist li#active a:hover
{
	background : url(../images/nav_bg.png) repeat-x 0 -37px;
	color:#c80000;
}