
#topmenu {
width: 100%;
position:relative;
z-index: 9998;
font-size:0.9em;
font-family:Verdana, Geneva, sans-serif;
}


#topmenu ul {
margin: 0 8px 0 0;
padding: 0;
float: left;
width: 150px;
list-style: none;
background-color:#fff;   
}

#topmenu a, #topmenu li.menuhead {
display: block;
margin: 0;
color:#fff;
/*color:#4669af;*/

}



#topmenu a#currentpage{
/*color: #a00;*/
color:#000;
background: url('images/butcur.png') top left repeat-x;
}

#topmenu a#currentpage span.l {
display:block;
background: url('images/butcur-l.png') top left no-repeat;
}

#topmenu a#currentpage span.r, #topmenu a.others span.r, #topmenu a.second span.r, #topmenu a.first span.r {
padding:4px 15px 0 15px;
height:18px;
display:block;
background: url('images/butcur-r.png') top right no-repeat;
cursor:pointer;
}


#topmenu li.menuhead {
color: #217491;

}

#topmenu a.others, #topmenu a.first, #topmenu a.second {
background: url('images/but.png') top left repeat-x;
}

#topmenu a.others span.l, #topmenu a.second span.l,  #topmenu a.first span.l {
display:block;
background: url('images/but-l.png') top left no-repeat;
}

#topmenu a.others span.r, #topmenu a.second span.r,  #topmenu a.first span.r {
background: url('images/but-r.png') top right no-repeat;
}

#topmenu a#currentpage span.arrow, #topmenu a.second span.arrow {
height:18px;
/*background: url('images/arrow.png') top right no-repeat;*/
display:block;
}

#topmenu a#currentpage span.arrow {
/*background-position: right -36px;*/
}

#topmenu a {
text-decoration: none;
text-align:center;
}

#topmenu a:hover {
/*color: #a00;*/
/*background: url('images/butcur.png') top left repeat-x;*/
background: url('images/but-o.png') top left repeat-x;
}

#topmenu a:hover span.l {
/*background: url('images/butcur-l.png') top left no-repeat;*/
background: url('images/but-l-o.png') top left no-repeat;
}

#topmenu a:hover span.r {
/*background: url('images/butcur-r.png') top right no-repeat;*/
background: url('images/but-r-o.png') top right no-repeat;
}

#topmenu a:hover span.arrow {
/*background-position: right -18px;*/

}

#topmenu a#currentpage:hover span.arrow {
/*background-position: right -18px;*/

}


#topmenu ul li {
position: relative;
}


#topmenu ul ul {
/*width: 150px;*/
width: 170px;
position: absolute;
left:-10px;
z-index: 9999;
display: none;
border: 10px solid #fff;
/*border-width: 10px 1px 10px 1px;*/
/*border-style: solid;*/
/*border-color: #fff;*/
}

#topmenu ul ul li a{
text-align:left;
}

#topmenu ul ul li a.second{
border-width: 0 1px;
border-style: solid;
border-color: #b4c7e3;
padding:4px 5px;
background:none;
background-color:#7d9fab;
font-weight:normal;
}


#topmenu ul ul li a.subothers{
border-width: 0 1px;
border-style: solid;
border-color: #b4c7e3;
padding:4px 5px;
background-color:#7d9fab;
font-weight:normal;
}

#topmenu ul ul li a.sublast{
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #b4c7e3;
padding:4px 5px;
background-color:#7d9fab;
font-weight:normal;
}


.submenu {
/*font-size:0.8em;*/
}

div#topmenu ul li:hover ul{
display: block;
}

#topmenu ul ul li a.second:hover, #topmenu ul ul li a.subothers:hover, #topmenu ul ul li a.sublast:hover { 
/*color: #a00;*/
background:none;
background-color:#1fb0e3;
/*background-color:#fff;*/
}



#topmenu ul li:hover ul li:hover{
background-color:#fff;
}

