/* ============================================================================== */
/* Left Navigation */
/* ============================================================================== */

/* ===== All Level ===== */

#leftnav
{
    background: #eee;
}

#leftnav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#leftnav li
{
    margin: 0;
    padding: 0;
    display: inline;
}

#leftnav a
{
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    text-decoration: none;
}

/* ===== Level 1 ===== */

/* Normal */
#leftnav a.level1
{
    padding-left: 10px;
    color: white;
    background: #005522;
}

/* Hover */
#leftnav a.level1:hover
{
    background: #008844;
}

/* Active */
#leftnav li.level1 a.active
{
    
}

/* Current */
#leftnav li.level1 a.current
{
    font-weight: bold;
}

/* ===== Level 2 ===== */

/* Normal */
#leftnav a.level2
{
    padding-left: 20px;
    color: white;
    background: #707870;
}

/* Hover */
#leftnav a.level2:hover
{
     background: #008844;
}

/* Active */
#leftnav li.level2 a.active
{
   
}

/* Current */
#leftnav li.level2 a.current
{
    font-weight: bold;
}

/* ===== Level 3 ===== */

/* Normal */
#leftnav a.level3
{
    padding-left: 30px;
    color: white;
    background: #A0A0A0;
}

/* Hover */
#leftnav a.level3:hover
{
    background: #008844;
}

/* Active */
#leftnav li.level3 a.active
{
    
}

/* Current */
#leftnav li.level3 a.current
{
    font-weight: bold;
}

/* ===== Open/Close ===== */

#leftnav li.closed ul
{
    display: none;
}

#leftnav li.open ul
{
    display: block;
}

#leftnav li li.closed ul
{
    display: none;
}

#leftnav li li.open ul
{
    display: block;
}

#leftnav li li li.closed ul
{
    display: none;
}

#leftnav li li li.open ul
{
    display: block;
}

/* ============================================================================== */
/* Blog Navigation */
/* ============================================================================== */

#blognav
{
    background: #eee;
}

#blognav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#blognav li
{
    margin: 0;
    padding: 0;
    display: inline;
}

#blognav a, #blognav span, #blognav select
{
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    text-decoration: none;
}

#blognav a.level1, span.level1
{
    padding-left: 10px;
    color: white;
    background: #005522;
}

#blognav a.level1:hover
{
    background: #008844;
}

#blognav a.level2, #blognav span.level2
{
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    background: #707870;
}

#blognav select, #blognav option
{
    color: white;
    background: #707870;
    padding-left: 10px;
}

#blognav a.level2:hover
{
    background: #008844;
}