/**
	TOP NAVIGATION		
**/
#top-nav #shortnavbtn {
	width: 90px;
}
#top-nav #longnavbtn {
	width: 140px;
}
#top-nav {
	padding-left:5;
	position: relative;
	float: left;
	width: 650px;
	margin-top: 10px;
	z-index: 100;
	background-color: #B3B66A;
}

#top-nav ul {
	list-style: none;
	padding:0;
	margin:0;
	width: 10.4em;
	float: left;
}

#top-nav ul.short {
	padding:0;
	margin:0;
	float: left;
	width: 4.4em;
	z-index: 100;
}

#top-nav ul.med {
	padding:0;
	margin:0;
	float: left;
	width: 9em;
	z-index: 100;
}

#top-nav ul.long {
	padding:0;
	margin:0;
	float: left;
	width: 14.5em;
	z-index: 100;
}

#top-nav a, #top-nav h2 {
	font-weight: normal;
	font-size: 11px;
	display: block;
	padding-left: 0;
	margin:0;
	z-index: 2200;
}

#top-nav a {
	color: #000000;
	padding: 5 5 5 10;
	text-decoration: none;
	z-index: 2200;
	background-color: #B3B66A;
}

#top-nav h2 a{
	color: #fff;
	z-index: 2200;
	background-color: #B3B66A;
}

#top-nav a:hover {
	color: #fff;
	z-index: 2200;
	background-color: #CCCC99;
}

#top-nav h2 a:hover{
	color: #000000;
	z-index: 2200;
	background-color: #CCCC99;
}


#top-nav li {
	position: relative;
	z-index: 2200;
}

#top-nav ul ul {
	position: absolute;
	z-index: 2200;
	width: 200px;
}

#top-nav ul ul ul {
	top: 0;
	left: 100%;
	z-index: 2200;
}

div#top-nav ul ul,
div#top-nav ul li:hover ul ul,
div#top-nav ul ul li:hover ul ul
{display: none;
z-index: 2200;
}

div#top-nav ul li:hover ul,
div#top-nav ul ul li:hover ul,
div#top-nav ul ul ul li:hover ul
{display: block;
z-index: 2200;
}

