/* Horizontal Main Navigation MENU */


#navcontainer
{
	margin: 0px;
	text-align: left;
	height:47px;
	background-image: url(../sitegraphics/navbar-bac3.gif);
	background-repeat: repeat-x;
	background-position:top;
	background-color:#660000
}

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

ul#navlist
{
height:47px;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 1em;
}

ul#navlist li
{
display: block;
height:31px;
float: left;
width: 12%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
font-weight: bold;
width: 100%;
height:31px;
padding: 0.5em;
padding-top:15px;
padding-bottom:0;
padding-left:1em;
color: #FFFFFF;
text-decoration: none;
background: #000000;
background:url("../sitegraphics/shine-bac.gif") repeat-x left top;
}

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

ul#navlist li#active a
{
height:31px;
background: #660000;
font-weight: bold;
color: #f3d191;
padding-left:1em;
background:url("../sitegraphics/shine-bac.gif") repeat-x left top;
background-position:0 -48px;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #f3d191;
height:31px;
font-weight: bold;
padding: 0.5em;
padding-top:15px;
padding-bottom:0;
padding-left:1em;
background: transparent;
background:url("../sitegraphics/shine-bac.gif") repeat-x left top;
background-position:0 -48px;
}

