<!-- First level -->

#head_right ul {
  margin-left		: 0em;
  padding		: 0px;
  list-style-type: none;
  height: 16px;
	border: 0px solid black;
}

#head_right li {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
  display: block;
  float: left;
  list-style-type: none;
	background-image: url(../images/topvalinn.gif);
	background-repeat: no-repeat;
	background-position: top left;
 line-height: normal;
  width: 121px;
  height: 16px;
  padding-bottom: 0px;
  margin-left		: 1px;
  margin-right		: 1px;
 text-align: center;
	border: 0px solid black;  
}


#head_right li .on {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
	  display: block;
  	float: left;
  	list-style-type: none;
	background-image: url(../images/toptakki.gif);
	background-repeat: no-repeat;
	background-position: top left;
	 line-height: normal;
  width: 121px;
  height: 16px;
  padding-bottom: 0px;
  text-align: center;
  border: 0px solid black;  
}


#head_right a:link, #head_right a:visited {
	background-image: url(../images/topvalinn.gif);
	background-repeat: repeat-x;
	color: #ffffff;
}

#head_right a:hover {
	background-image: url(../images/toptakki.gif);
	background-repeat: repeat-x;
	color: #ffffff;
}

#head_right .on, #head_right a.on:link, #head_right a.on:visited {
	background-image: url(../images/toptakki.gif);
	background-repeat: repeat-x;
	color: #ffffff;
}

#head_right a.on:hover {
	background-image: url(../images/toptakki.gif);
	background-repeat: repeat-x;
	color: #ffffff;
}


<!-- first level endar -->


<!-- second level -->


 .navigation {
  margin: 0px;
  padding-left: 10px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  text-align: left;
  border:  0px solid red;
  width: 140px;
  height: 250px;
}

#menu ul {
  margin		: 0px;
  padding-left: 10px;
  display: block;
  list-style-type: none;
  float: left;
}

#menu li {
	font-weight: bold;
	text-decoration: none;
	color: #948B8B;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  display: block;
  list-style-type: none;
  padding-bottom: 5px;
}

#menu a:link, #menu a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #948B8B;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#menu a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #c0c0c0;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#menu .open, #menu a.open:link, #menu a.open:visited {
	font-weight: bold;
	text-decoration: none;
	color: #c0c0c0;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#menu a.open:hover {
	font-weight: bold;
	text-decoration: none;
	color: #c0c0c0;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#menu a.sub:link, #menu a.sub:visited {
	text-decoration: none;
	color: #948B8B;
	font-size: 0.9em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding-left: 10px;
}

#menu a.sub:hover {
	text-decoration: none;
	color: #948B8B;
	font-size: 0.9em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding-left: 10px;
}

#menu .sub-on, #menu a.sub-on:link, #menu a.sub-on:visited {
	text-decoration: none;
	color: #948B8B;
	font-size: 0.9em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding-left: 10px;
}

#menu a.sub-on:hover {
	text-decoration: none;
	color: #948B8B;
	font-size: 0.9em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding-left: 10px;
}