#hnavi { 
	background-color:#00568b; 

	height:21px;
	line-height:21px;
	overflow:hidden;

	font-family: Arial, Helvetica, sans-serif; 
	font-size:75%; 
	font-weight: normal;
	color:#ffffff; 
	letter-spacing:0.05em;
}
#hnavi a:link  { text-decoration: none; }
#hnavi a:active { text-decoration: none; }
#hnavi a:visited { text-decoration: none; }
#hnavi a:hover { text-decoration: underline; }

#hnavi ul {
	margin:0;
	padding:0;
	list-style:none;
}
#hnavi ul li {
	margin:0 6px 0 0;
	padding:0 0 0 9px;
	float:left;
	background-color:#048aa5;
	background-image:url(navi-v.gif);
	background-repeat:no-repeat;
}

#hnavi ul li.vali{
	margin:0;
	padding:0;
	width:12px;
	
	float:left;
	background-color:transparent;
	background-image:none;

}



.navival1, .naviurl1 { 
	display:block;
	padding:0 9px 0 0;
	background-image:url(navi-o.gif);
	background-repeat:no-repeat;
	background-position:right;
}

.navival1 { 
	color: #ffbf39; 
}
.naviurl1 { 
	color: #ffffff; 
}




#hnavi ul li#navi_1_6, #hnavi ul li#navi_1_4, #hnavi ul li#navi_1_5 {
	background-color:#03a28e;
	background-image:url(teema-v.gif);
}




#hnavi ul li#navi_1_6 .naviurl1, #hnavi ul li#navi_1_4 .naviurl1, #hnavi ul li#navi_1_5 .naviurl1, 
#hnavi ul li#navi_1_6 .navival1, #hnavi ul li#navi_1_4 .navival1, #hnavi ul li#navi_1_5 .navival1 { 
	background-image:url(teema-o.gif);
}