#navi
{
        position:relative;
        left:25px;
        width:800px;
        height:38px;
}

    #navi ul, #navi li
{
        margin:0px;
        padding:0px;
        list-style:none;
}
    
    #navi li
{
        float:left;
        height:38px;
}
    
    #navi a
{
        position:relative;
        display:block;
        height:38px;
}
    
    #mi1{width:115px;}
    #mi2{width:110px;}
    #mi3{width:90px;}
    #mi4{width:123px;}
    #mi5{width:130px;}
    #mi6{width:85px;}
    #mi7{width:147px;}

    
    #navi a span
{
        position:absolute; 
        display:block; 
        width:100%; 
        height:100%; 
        top:0px; 
        left:0px; 
        background:url(../graphics/navibg_hu.gif) no-repeat;
        cursor:pointer;
}
    
    #navi #search 
{
        width:147px;
        height:38px; 
        background:url(../graphics/navibg_hu.gif) -653px 0px;
}
    
    #navi #search input 
{
        position:relative; 
        top:7px; 
        left:10px; 
        width:120px; 
        height:15px;
        background:none;
        border:0px;
}
    
    #navi a:hover{color:red;}
    
    #navi #mi1 span {background-position:0px 0}
    #navi #mi2 span {background-position:-115px 0}
    #navi #mi3 span {background-position:-225px 0}
    #navi #mi4 span {background-position:-318px 0}
    #navi #mi5 span {background-position:-442px 0}
    #navi #mi6 span {background-position:-570px 0}
    #navi #mi7 span {background-position:-653px 0}
    
    #navi #mi1:hover span {background-position:0px -38px}
    #navi #mi2:hover span {background-position:-115px -38px}
    #navi #mi3:hover span {background-position:-225px -38px}
    #navi #mi4:hover span {background-position:-318px -38px}
    #navi #mi5:hover span {background-position:-442px -38px}
    #navi #mi6:hover span {background-position:-570px -38px}
    #navi #mi7:hover span {background-position:-653px -38px}
    
    #navi #mi1.selected span {background-position:0px -76px}
    #navi #mi2.selected span {background-position:-115px -76px}
    #navi #mi3.selected span {background-position:-225px -76px}
    #navi #mi4.selected span {background-position:-318px -76px}
    #navi #mi5.selected span {background-position:-442px -76px}
    #navi #mi6.selected span {background-position:-570px -76px}
    #navi #mi7.selected span {background-position:-653px -76px}
    
    #navi #mi1.selected:hover span {background-position:0px -76px}
    #navi #mi2.selected:hover span {background-position:-115px -76px}
    #navi #mi3.selected:hover span {background-position:-225px -76px}
    #navi #mi4.selected:hover span {background-position:-318px -76px}
    #navi #mi5.selected:hover span {background-position:-442px -76px}
    #navi #mi6.selected:hover span {background-position:-570px -76px}
    #navi #mi7.selected:hover span {background-position:-653px -76px}