/* navigation
------------------------------------------------------------------------------- */
#navigation{
    height:2.2em;
    line-height:2.2em;
    margin:-11px 0 0 0;
    background:#663399;
    color:#ffffff;
}

#navigation ul{
    list-style:none;
    margin-left:0;
}

#navigation li{
    float:left;
    list-style-type:none;
    border-right:1px solid #ffffff;
    white-space:nowrap;
}

#navigation li a{
    display:block;
    padding:0 10px;
    font-size:0.9em;
    font-weight:normal;
    text-transform:uppercase;
    text-decoration:none;
    background:inherit;
    color: #ffffff;
}

#navigation li.here{
    padding:0;
    font-weight:normal;
    text-transform:uppercase;
    text-decoration:none;
    background:#3f4334;
    color: #ffffff;
}

#navigation a:hover{
    background:#9999CC;
    color:#000000;
    text-decoration:none;

}

#navigation li ul{
    display:none;
}

/* subnavigation
------------------------------------------------------------------------------- */
#subnavigation{
    height:2.2em;
    line-height:2.2em;
    margin:0px 0 0 0;
    background:#3f4334;
    color:#ffffff;
}

#subnavigation ul{
    list-style:none;
    margin-left:0;
}

#subnavigation li{
    float:left;
    list-style-type:none;
    border-right:1px solid #ffffff;
    white-space:nowrap;
}

#subnavigation li a{
    display:block;
    padding:0 10px;
    font-size:0.9em;
    font-weight:normal;
    text-transform:uppercase;
    text-decoration:none;
    background:inhereit;
    color: #ffffff;
}

#subnavigation li.here{
    padding:0;
    font-weight:normal;
    text-transform:uppercase;
    text-decoration:none;
    background:#808080;
    color: #000000;
}

/* html #subnavigation a {width:1%;} */

#subnavigation a:hover{
    background:#9999CC;
    color:#000000;
    text-decoration:none;
}

#subnavigation li ul{
    display:none;
}

/* footer
------------------------------------------------------------------------------- */
#footer{
    clear:both;
    padding:5px 0;
    margin:0 1px 1px 1px;
    height:20px;
    font-size:1.0em;
    color:#ffffff;
    background:#663399;
}

#footer p{
    padding:0;
    margin:0;
    text-align:center;
}

#footer a{
    color:#ffffff;
    font-weight:bold;
}

#footer a:hover{
    color:#ffffff;
    text-decoration: underline;
}