#navigation {
    position:relative;
    left:5px;
}

#navigation ul, #navigation li {
    list-style:none;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width: 100%;
}

#navigation a{
    width: 100%;
    padding:0 0 0 0;
    margin:0 0 0 0;
    background-color:#FF0000;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:4px;
    margin-bottom:1px;

}

/* hack */
html>body #navigation a {
    display:block;
    width: auto;
}

#navigation a {
    text-decoration: none;
    color: #333333;
}

#navigation a:hover {
    text-decoration: underline;
    color: #000000;
}

/* first */
#navigation ul li a {
    background-color:#FACA76;
    padding-left:10px;
    border-right: 5px solid #FACA76;
}

#navigation ul li a.on {
    background-color:#8CA6E5;
    border-right: 5px solid #AC8A51;
}

#navigation ul li a:hover {
    background-color:#8CA6E5;
    border-right: 5px solid #526EB1;
}

/* extra marking */
#navigation ul li a.extra {
    background-color:#F7AC2B;
    border-left: 5px solid #AC8A51;
}

#navigation ul li a.extra:hover {
    background-color:#8CA6E5;
    border-left: 5px solid #2C4EA0;
}

#navigation ul li a.extraon {
    background-color:#8CA6E5;
    border-left: 5px solid #2C4EA0;
}

#navigation ul li a.extraon:hover {
    background-color:#8CA6E5;
    border-left: 5px solid #2C4EA0;
}

#navigation .bottom {
    margin-bottom:20px;
}

#navigation .top {
    margin-top:20px;
}

/* second */
#navigation ul li ul li a {
    background-color:#FBD89B;
    padding-left:20px;
    border-right: 5px solid #FBD89B;
}

#navigation ul li ul li a.on {
    background-color:#ABBEEC;
    border-right: 5px solid #BEA376;
}

#navigation ul li ul li a:hover {
    background-color:#ABBEEC;
    border-right: 5px solid #778DC2;
}

/* third */
#navigation ul li ul li ul li a {
    background-color:#FDE7C1;
    padding-left:30px;
    border-right: 5px solid #FDE7C1;
}

#navigation ul li ul li ul li a.on {
    background-color:#CAD6F3;
    border-right: 5px solid #CFBC9B;
}

#navigation ul li ul li ul li a:hover {
    background-color:#CAD6F3;
    border-right: 5px solid #9CACD2;
}

#navigation a.on {
    font-weight: bold;
}

#navigation .down {
    background-image: url(../images/arrow_d.gif);
    background-repeat: no-repeat;
    background-position: right;
}

#navigation .this {
    background-image: url(../images/arrow_r.gif);
    background-repeat: no-repeat;
    background-position: right;
}