/* ================================= 
   Navigation
   ================================= */
#navigation ul, #navigation li, #navigation span, #navigation a {
margin: 0;
padding: 0;
list-style-type: none;
font-weight: normal;
text-decoration: none;
}

#navigation ul li, #navigation a {
display: block;
}

/* ================================= 
   LVL 1
   ================================= */
#navigation .lvl-1.active, #navigation .lvl-1, #navigation .lvl-1.inpath {
padding: 5px 0 5px 15px;
margin: 0 0 0 0;
display: block;

border-bottom:1px solid #CCC;
}

#navigation .lvl-1 {

}

#navigation .lvl-1.active {
background: #DDD;
color: #888;
font-weight: bold;
}

#navigation .lvl-1.inpath {
background: #DDD;

font-weight: bold;
}

/* ================================= 
   LVL 2
   ================================= */
#navigation .lvl-2.active, #navigation .lvl-2, #navigation .lvl-2.inpath {
padding: 3px 0 3px 25px;
margin: 0 0 0 0;
display: block;
font-weight: normal;
text-decoration: none;
border-bottom:1px solid #CCC;
}

#navigation .lvl-2 {

}

#navigation .lvl-2.active {
background: #DDD;
color: #888;
font-weight: bold;
}

#navigation .lvl-2.inpath {
background: #DDD;

font-weight: bold;
}


/* ================================= 
   LVL 3
   ================================= */
#navigation .lvl-3.active, #navigation .lvl-3, #navigation .lvl-3.inpath {
padding: 3px 0 3px 45px;
margin: 0 0 0 0;
display: block;
font-weight: normal;
}

#navigation .lvl-3 {
color: #444;
}

#navigation .lvl-3.active {
background: #DDD;
color: #888;
font-weight: bold;
}

#navigation .lvl-3.inpath {
background: #DDD;
color: #444;
font-weight: bold;
}


/* ================================= 
   HOVER - KEEP AT LAST POS
   ================================= */
#navigation a:hover {
background: #dddAAA;
color:white;
}