/*Pudotusvalikon tyylitiedosto v 1.1. EI SAA MUOKATA JOS ET TIEDÄ, MITÄ TEET!!!*/
/* ÄLÄ MUOKKAA */
/*Poista, jos toimii näin oikein oikein*/

#menu {
	float:none;
	width: 100%;
	margin: 0 auto;
	font-size: 100%;
	white-space: nowrap; 
	padding-right: 2px;
}

* html #menu { padding-right: 0; }

#menu li { display: inline; }



* html #content { padding-top: 1.8em; } 

/* menun taustakuva */
#menuwrapper {
	background-image: url(img/menu-background.png);
	background-repeat: repeat-x;

}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#menu {
	width: 46em;
}
#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif; /* fontti.. määritetty useampi, jos edelläolevaa ei löydy omalta koneelta */
}
#menu a {
	display: block;
	text-decoration: none;
/*	padding: 5px 5px 5px 5px; */ /*Poista, jos toimii näin oikein oikein*/
	border-right: 1px solid #CCCCCC;
	font-size: .85em;
	color: #CCCCCC; /* fontin väri */
}
#menu a.trigger {
	padding: 5px 10px 5px 10px; /*tätä muokattiin*/
	background-image: url(img/menu-background.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu li {
	float: left;
	width: 9em;
}
#menu li {position: relative;}

/* korjaa windows IE:n ongelman */
/* hide from IE mac \*/
#menu li {position: static; width: auto; height:auto;}
/* end hiding from IE5 mac */

#menu li ul, #menu ul li  {
	width: 12em;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#menu ul li a  {

	border-right: 0;
/* padding: 3px 12px 3px 16px; */ /*Poista, jos toimii näin oikein oikein*/
}

/* Tästä alaspäin pudotusvalikon tyyli. Ei kannata koskea */

#menu li ul {
	position: absolute;
	display: none;
	background-color: #EFEFEF; /* pudotusvalikon taustaväri */
	color: #000000!important; /* fontin väri */
}
#menu li:hover a, #menu a:focus,
#menu a:active, #menu li.menu a {
	color: #000000; /* fontin väri */
}

#menu li:hover ul, #menu li.menu ul {
	display: block;
}

#menu li:hover ul a, #menu li.menu ul a {
	color: #000000; /* fontin väri */
	background-color: transparent;
}

/*Pudotusvalikon korostetun kohdan värit (hiiren osoittama kohta / linkki)*/
#menu ul a:hover {
	background-color: #DEDEDE !important; /* taustaväri */
	color: Black !important; /* tekstin väri (tärkeä olla muu kuin valkoinen oikean toiston takaamiseksi) */
}