#topnav {
	height: 324px;
	width: 144px;
}
#topnavi {
 width: 144px;
 height: 324px;
 background: no-repeat;
 margin: 0px; padding: 0;
 position: relative;
}
#topnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
}

#topnavi a {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 8px;
	font-size: 9px;
	background-color: transparent;

}
#topnavi0 {left: 0px; top: 120px; width: 144px; height: 36px;}
#topnavi1 {left: 0px; top: 36px; width: 144px; height: 16px;}
#topnavi2 {left: 0px; top: 54px; width: 144px; height: 16px;}
#topnavi3 {left: 0px; top: 72px; width: 144px; height: 16px;}
#topnavi4 {left: 0px; top: 90px; width: 144px; height: 16px;}
#topnavi5 {left: 0px; top: 108px; width: 144px; height: 29px;}
#topnavi6 {left: 0px; top: 139px; width: 144px; height: 16px;}
#topnavi7 {left: 0px; top: 157px; width: 144px; height: 16px;}
#topnavi8 {left: 0px; top: 175px; width: 144px; height: 16px;}
#topnavi9 {left: 0px; top: 193px; width: 144px; height: 16px;}
#topnavi10 {left: 0px; top: 211px; width: 144px; height: 16px;}

#topnavi1 a {height: 16px;}
#topnavi2 a {height: 16px;}
#topnavi3 a {height: 16px;}
#topnavi4 a {height: 16px;}
#topnavi5 a {height: 16px;}
#topnavi6 a {height: 16px;}
#topnavi7 a {height: 16px;}
#topnavi8 a {height: 16px;}
#topnavi9 a {height: 16px;}
#topnavi10 a {height: 16px;}


#topnavi1 a:hover {background: no-repeat -9px -54px; color: #FFFF00;}
#topnavi2 a:hover {background: no-repeat -82px -54px; color: #FFFF00;}
#topnavi3 a:hover {background: no-repeat -171px -54px; color: #FFFF00;}
#topnavi4 a:hover {background: no-repeat -253px -54px; color: #FFFF00;}
#topnavi5 a:hover {background: no-repeat -345px -54px; color: #FFFF00;}
#topnavi6 a:hover {background: no-repeat -345px -54px; color: #FFFF00;}
#topnavi7 a:hover {background: no-repeat -345px -54px; color: #FFFF00;}
#topnavi8 a:hover {background: no-repeat -345px -54px; color: #FFFF00;}
#topnavi9 a:hover {background: no-repeat -345px -54px; color: #FFFF00;}
#topnavi10 a:hover {background: no-repeat -345px -54px; color: #FFFF00;}

/* =======================Pop-Out-Nav========================= */

/* styling of both drop outs (size/color/bg for static and hover): */

/* static: */
#topnavi ul li a {
	background-color:#000000;
	width: 195px;
	padding: 2px;
	margin: 0px;
	border: 1px solid #3a4b00;
	position:absolute;
	top:-39px;
	left:146px;
	color:#FFFFFF;
	
}

#topnavi li:hover ul a{
	background-color:#788D28;
	width: 220px;
	padding: 2px;
	margin: 0px;
	border: 1px solid #3a4b00;
	color:#FFFFFF;
	text-transform: uppercase;
}

#topnavi ul li:hover ul li a {
	background-color:#788D28;
	width: 160px;
	padding: 2px;
	margin: 0px;
	border: 1px solid #3a4b00;
	color:#FFFFFF;
	text-transform: uppercase;
}

/* hover: */
#topnavi ul li:hover a {background-color:#3D4E02;	width: 220px;
	padding: 2px;
	margin: 0px;
	border: 1px solid #3a4b00;
	color: #FFFF40;
	text-transform: uppercase;}
	
#topnavi ul li:hover ul li:hover a {background-color:#3D4E02;	width: 160px;
	padding: 2px;
	margin: 0px;
	border: 1px solid #3a4b00;
	color: #FFFF40;
	text-transform: uppercase;}	

/* SUB 1 (second drop out) */

/* >> most of the times, no reason to change: */
#topnavi ul {visibility: hidden;}
#topnavi li:hover ul {visibility: visible;}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#sub1 {top: 40px; left: -2px;}
#sub2 {top: 61px; left: -2px;}
#sub3 {top: 82px; left: -2px;}
#sub4 {top: 103px; left: -2px;}
#sub5 {top: 124px; left: -2px;}
#sub6 {top: 145px; left: -2px;}
#sub7 {top: 166px; left: -2px;}

/* SUB 2 (second drop out): */

/* >> most of the times, no reason to change: */
#topnavi ul ul {visibility: hidden;}
#topnavi li:hover ul ul {visibility: hidden;}
#topnavi ul li:hover ul {visibility: visible;}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#sub1-1 {top: 0px; left: 225px;}
#sub1-2 {top: 21px; left: 225px;}
#sub1-3 {top: 42px; left: 225px;}
#sub1-4 {top: 63px; left: 225px;}
#sub1-5 {top: 84px; left: 225px;}
#sub1-6 {top: 105px; left: 225px;}
#sub1-7 {top: 126px; left: 225px;}
#sub1-8 {top: 147px; left: 225px;}
#sub1-9 {top: 168px; left: 225px;}
#sub1-10 {top: 189px; left: 225px;}
/* =======================Pop-Out-Nav========================= */