#topnavi {
	width: 655px;
	height: 76px;
	padding: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#topnavi li { margin: 0; padding: 0; list-style: none; position: absolute; display: block; height: 22px;}
#topnavi a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 2px;
	font-size: 11px;
	background-color: transparent;
	padding-left: 20px;
	height: 16px;
	background: url(../images/nav-bg.jpg) no-repeat;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
}
#topnavi1 { left: 7px; top: 17px; }
#topnavi2 { left: 100px; top: 17px; }
#topnavi3 { left: 352px; top: 17px; }
#topnavi4 { left: 560px; top: 17px; }
#topnavi5 { left: 45px; top: 47px; }
#topnavi6 { left: 219px; top: 47px; }
#topnavi7 { left: 381px; top: 47px; }
#topnavi8 { left: 530px; top: 47px; }
#topnavi a:hover { color: #D9F3F4; background: url(../images/nav-roll.jpg) no-repeat;}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#leftnavi { width: 210px; height: 350px; padding: 0px; position: relative; margin: 0px;}
#leftnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
	height: 81px;
	width:199px;
}
#leftnavi a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 0px;
	font-size: 15px;
	background-color: transparent;
	padding-left: 0px;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	padding-right: 2px;
	height: 45px;
	text-align: center;
}
#leftnavi1 { left: -8px; top: 0px; }
#leftnavi2 { left: -10px; top: 66px; }
#leftnavi3 { left: -12px; top: 135px; }
#leftnavi4 { left: -12px; top: 202px; }
#leftnavi5 { left: -14px; top: 268px; }
#leftnavi a:hover { color: #FFFFFF;}

#leftnavi1 a:hover {background: url(../images/leftnav-roll.jpg) 8px 1px no-repeat;}
#leftnavi2 a:hover {background: url(../images/leftnav-roll.jpg) 10px -66px no-repeat;}
#leftnavi3 a:hover {background: url(../images/leftnav-roll.jpg) 12px -135px no-repeat;}
#leftnavi4 a:hover {background: url(../images/leftnav-roll.jpg) 12px -202px no-repeat;}
#leftnavi5 a:hover {background: url(../images/leftnav-roll.jpg) 14px -268px no-repeat;}

/* =======================Pop-Out-Nav========================= */
#leftnavi span a {
	position:absolute;
	width: 190px;
	height: 9px;
	line-height: 9px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin: 0px;
	font-size: 9px;
	text-align: left;
}

#leftnavi .sub1-1 a:hover {color: #FFFFFF;  background-image:url(../images/pop-out-roll.png);background-position: left -1px;}
#leftnavi .sub2-2 a:hover {color: #FFFFFF;  background-image:url(../images/pop-out-roll.png);background-position: left -25px;}

#leftnavi ul {visibility: hidden;}
#leftnavi li:hover > ul {visibility: visible;}

.sub1 {top: -58px; left: 151px; background-image:url(../images/pop-out-bg.png);}
.sub2 {
	top: -34px;
	left: 151px;
	background-image:url(../images/pop-out-bg.png);
	background-position: left -25px;
}

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