ul {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 75%;
	font-weight: bold;
	padding: 0;
	}
	
#vasvalikko {
	width: 150px;
	border-style: solid solid solid solid;
	border-color: #3181B3;
	border-size: 0px;
	border-width: 0px;
	margin: 0px;
	}
	
#vasvalikko li a {
	height: 19px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 19px;
	text-decoration: none;
	}	
	
#vasvalikko li a:link, #vasvalikko li a:visited {
	color: #000000;
	display: block;
	background: url(images/valikko.gif);
	padding: 8px 0 5 10px;
	}
	
#vasvalikko li a:hover {
	color: #808080;
	background: url(images/valikko.gif) 0 -32px;
	padding: 8px 0 5 10px;
	}
	
#vasvalikko li a:active {
	color: #2E7B98;
	background: url(images/valikko.gif) 0 -64px;
	padding: 8px 0 5 10px;
	}
	
#valikkoalue { margin-left: 23px; }


#ylavalikko
{
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight: bold;
padding: 4px;
margin: 0;

}

#ylavalikko li a:link, #ylavalikko li a:visited
{
display: inline;
color: #000000;
padding: 2;
margin: 0;
text-decoration: none;
}

#ylavalikko li a:hover {
	color: #808080;
	}

#ylavalikko li a:active {
	color: #1D6EB3;
	}


#ylavalikko li:before
 { content: "|"; }
#ylavalikko li:first-child:before
 { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #ylavalikko li
{
border-left: 1px solid blue;
padding: 0 0.8em 0 0.6em;
margin: 0 0.8em 0 -0.6em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #ylavalikko { height: 1%; }

#ylavalikko li 
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #ylavalikko li:first-child { border-left: 0; }