#navi
{
background-color: red;
}

#navi #lvl1_frame
{
position: absolute;
width: 845px;
height: 37px;
background-color: #000;
text-align: left;
}

#navi #lvl1_row
{
display: inline-block;
}

#navi .lvl1
{
float: left;
}

#navi a
{
display: block;
color: #bbb;
font-variant: small-caps;
font-size: 12px;
font-weight: bold;
}

#navi .lvl1 a
{
height: 27px;
padding: 10px 17px 0px 16px;
}

#navi .spa
{
display: inline-block;
width: 2px;
height: 37px;
float: left;
}

#navi .active
{
background-image: url(../files/menu_lvl1_bg.jpg);
}

#navi .active a
{
color: #fff;
}

#navi a:hover
{
background-color: #b10029;
color: #fff;
}

#navi #sub
{
position: absolute;
width: 219px;
padding: 83px 0px 45px 0px;
left: 0px;
text-align: left;
background-color: #9c9c9c;
z-index: -1;
}

#navi #sub #sub_dark
{
background-color: #585858;
padding-bottom: 2px;
}

#navi #sub #sub_name
{
color: white;
padding: 10px 5px 10px 10px;
font-variant: small-caps;
font-weight: bold;
font-size: 14px;
letter-spacing: 1px;
}

#navi .lvl2, #navi .lvl3
{
background-color: #222;
margin-bottom: 2px;
}

#navi .lvl2 a, #navi .lvl3 a
{
min-height: 17px;
padding: 5px 5px 5px 20px;
}

#navi #sub .active
{
background-image: url(../files/menu_lvl2_bg.jpg);
}

#navi .lvl3 a
{
padding-left: 30px;
}