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

ul#topnav li.selected, ul#topnav li.selected a {
background-color: #f2d7aa; 
}
ul#topnav li div.selected {
	display: block;
	background-color:#f2d7aa;
	z-index: 1000;
}

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 837px; height: 71px;
	list-style: none;
	position: relative;
	margin-left:-3px;
	margin-top: 10px;
	padding-top:0;
	font-size: 14px;
	font-weight:bold;
	background:url(bglinks_main.gif) left bottom repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-left: 3px solid #000; 
}
ul#topnav li.active, ul#topnav li.active a { background-color:#f7e6c9; }
ul#topnav li.active .sub {
	display: block;
	background-color:#f7e6c9;
}

ul#topnav li a {
	padding: 10px 12px;
	display: block;
	color: #7C573D;
	text-decoration: none;
}
ul#topnav li:hover { background-color:#f2d7aa; color:#281503;}
ul#topnav li .sub {
	float: left;
	padding: 10px 0;
	position: absolute;
	left: 3px; top:35px;
	display: none; /*--Hide by default--*/
	width: 834px;
	height:16px;
	background-color: #f2d7aa;
	color: #5b4224;
	font-weight: normal;
}

ul#topnav li .sub ul{list-style: none;	margin: 0; padding: 0;}
ul#topnav li .sub ul li {border-left:none;}
ul#topnav .sub ul li a { display: inline;  padding: 10px;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav .sub ul li a:hover  {
color:#2F241C; 
text-decoration: none;
/* background:url(/images/icons/arrow-blu.gif) left no-repeat; */
}

/*--dropdown box--*/
ul#topnav .sub ul li.more ul {
	position: absolute; 
	top: 34px;
	background: #f7e6c9; 
	padding: 5px 4px 5px 4px;
	float: right;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hide by default--*/
}

li.more ul
{
    border: solid 2px gray;    
}

ul#topnav .sub ul li.more:hover ul {
display: block;
position: absolute;
float: none;
width: 9em;
left: auto;
top: auto;
height:auto; 
border: 1px solid black; 
z-index: 1000;
}
ul#topnav .sub ul li.more ul li {
clear: both;
width: 100%;
float:left;
padding: 4px 0 4px 4px;
}
ul#topnav .sub ul li.more ul li a:link, ul#topnav .sub ul li.more ul li a:visited {
color: #5b4224;
border:none;
background: #f7e6c9;
padding: 2px 0 0 0;
}
ul#topnav .sub ul li.more ul li a:hover   {
color: #2F241C;
background: #f2d7aa;

}