/* ************ TOP NAV START ************ */

#topnavi {
 width: 454px;
 height: 69px;
 background: url(../images/topnav-bg.jpg) 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: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	text-transform: uppercase;
	font-size: 10px;

	background-color: transparent;
}

#topnavi1 {left: 0px; top: 0px;	width: 155px; height: 20px;}
#topnavi2 {left: 155px; top: 0px; width: 192px; height: 20px;}
#topnavi3 {left: 347px; top: 0px; width: 97px; height: 20px;}
#topnavi4 {left: 80px; top: 20px; width: 141px; height: 49px;}
#topnavi5 {left: 223px; top: 36px; width: 109px; height: 17px;text-align:center;}
#topnavi6 {left: 332px; top: 42px; width: 106px; height: 17px;}

#topnavi1 a {height: 17px; padding-left: 23px;}
#topnavi2 a {height: 17px; padding-left: 22px;}
#topnavi3 a {height: 17px; padding-left: 14px;}
#topnavi4 a {height: 45px;}
#topnavi5 a {height: 15px; padding-left: 8px;}
#topnavi6 a {height: 15px; padding-left: 8px;}

#topnavi1 a:hover {
	background: #857261 url(../images/topnav-bg.jpg) no-repeat 0px -69px;
	color: #FFFFFF;
}
#topnavi2 a:hover {
	background: #857261 url(../images/topnav-bg.jpg) -155px -69px no-repeat;
	color: #FFFFFF;
}
#topnavi3 a:hover {
	background: #857261 url(../images/topnav-bg.jpg) -347px -69px no-repeat;
	color: #FFFFFF;
}
#topnavi4 a:hover {
	background: #857261 url(../images/topnav-bg.jpg) -80px -89px no-repeat;
	color: #FFFFFF;
}
#topnavi5 a:hover {
	background: #857261 url(../images/topnav-bg.jpg) -223px -36px no-repeat;
	color: #003300;
}
#topnavi6 a:hover {
	background: #857261 url(../images/topnav-bg.jpg) -332px -42px no-repeat;
	color: #003300;
}

/* ************ TOP NAV END ************ */

#mainnav {
	clear: both;
	height: 16px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-left: 4px;
	font-size: 11px;
}
#mainnavi li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
#mainnavi li {
	margin: 0px;
	padding: 0px;
	padding: 4px 4px 3px 4px;
	list-style: none;
	position: relative;
	display: inline-block;
	top: 0px;
	float:left;
	border-right: 2px solid #fff;
}
#mainnavi li:hover {background-color:#97add3;}
#mainnavi {
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index:5;
}

/*********************POPOUT***********************/

/*leave alone*/
#mainnavi li ul, #mainnavi li:hover ul li ul {display:none;}
#mainnavi li:hover ul, #mainnavi li:hover ul li:hover ul { display:block;}

/*color and dimensions*/
#mainnavi li:hover li {height:16px; display: inline-block; position:relative; top: 0px; float:left;  border:none; padding:2px; background:none; }
#mainnavi li:hover li a, #mainnavi li:hover li:hover li a  {width:200px; text-align:center; font-size:10px; padding: 3px; background-color:#88AE61; border: #fff solid 2px; top:-1px; color: #fff;}
/*hover state*/
#mainnavi li:hover li:hover a, #mainnavi li:hover li:hover li:hover a {background-color:#A3C185; z-index:5;}

/*position of first level*/
#mainnavi li:hover ul {position:absolute; top:18px; right:10px; width:200px;}

/*position of second level*/
#mainnavi li:hover ul li:hover ul {position:absolute; top:0px; right:0px; width:200px;}

/*********************POPOUT***********************/