/*
--------------------------------------
navi.css
Allin Avun navigointi joulukuu 2007
--------------------------------------
*/

ul#simple-menu, ul#sub-menu {
list-style-type: none;
width: 100%;
position: relative;
height: 24px;
letter-spacing: 0.2em;
margin: 0;
}
ul#sub-menu {
height: 28px;
}

ul#simple-menu li, ul#sub-menu li {
display: block;
float: left;
margin: 0 6px 0 0;
height: 24px;
}
ul#sub-menu li {
height: 28px;
margin: 0;
}

ul#simple-menu li a, ul#sub-menu li a  { 
display: block;
float: left;
color: #fffaf0;
background-color: #884488;
background-image: url(../images/lila1.png);
line-height: 24px;
text-decoration: none;
padding: 0 16px;
height: 24px;
}

ul#sub-menu li a { 
color: #224433;
background-color: #ffffff;
background-image: url(../images/vihrea2.png);
line-height: 28px;
padding: 0 10px;
height: 28px;
border-left: 1px solid #ecf0ec;
border-right: 1px solid #ecf0ec;
}

ul#simple-menu li a:hover {
background-color: #224433;
background-image: url(../images/vihrea1.png);
}
ul#sub-menu li a:hover {
color: #224433;
background-image: none;
background-color: #ffffff;
}

ul#simple-menu li a.current {
color: #224433;
background-color: #cc99cc;
background-image: url(../images/lila2.png);
}
ul#sub-menu li a.current {
color: #884488;
background-image: none;
background-color: #ffffff;
}

ul#simple-menu li a.current:hover {
color: #fffaf0;
background-color: #224433;
background-image: url(../images/vihrea1.png);
}
ul#sub-menu li a.current:hover {
color: #224433;
background-image: none;
background-color: #ffffff;
}