/********************************** NAVIGATION **********************************/
ul#topnav
{
	line-height: 1;
	float: left;
	list-style: none;
	background-color: #fff;
	font-size: .75em;
	padding: 0;
	margin:0 0 10px 0;
	border: 1px solid #8A8E64;
	text-align:left;
	width:100%;
}

#topnav li a {
	display: block;
	text-decoration: none;
	padding: 6px 15px 6px 15px;
	font-weight: normal;
}

#topnav li a:hover
{
	color: #fff; 
}

ul#topnav li 
{
	float: left;
	border-left: 1px solid #8A8E64;
}

#topnav li.active {
	background: url(../images/downarrow_off_2.gif) no-repeat 97% 55%;
}

#topnav li.active1 {
	background: url(../images/sidearrow_off.gif) no-repeat 97% 55%;
}


ul#topnav li ul 
{
	position: absolute;
	left: -999em;
	width: 200px; 
	height:10px;
	line-height: 1;
	list-style: none;
	padding: 0;
	margin:0;
	text-align:left;
	border-top: 1px solid #8A8E64;
	font-size: .95em;
	font-weight: normal;
	background-color:#fff;
	z-index:1000;
}

ul#topnav li:hover ul
{ 
	left: auto;
}

ul#topnav li:hover
{
	background-color: #8A8E64;
	color: #fff;
}

ul#topnav li:hover a
{
	color:  #fff; 
	background-color: #8A8E64;
}

ul#topnav li ul li 
{
	width: 100%;
	border-bottom: 1px solid #8A8E64;
	border-right: 1px solid #8A8E64;
}

ul#topnav li:hover ul li a
{
	color:  #8A8E64;
	background-color: #fff;
}

ul#topnav li:hover ul li a:hover
{
	background-color:  #8A8E64;
	color: #fff;
}

ul#topnav li ul li ul 
{
	position: relative;
	margin-left: 200px;
	margin-top: -24px;
	float:left;
	display: none;
} 

ul#topnav li ul li:hover ul 
{
	display: block;
} 


/**********************************************************************************************/