#nav {
    position: absolute;
    top: 10px;
    left: 15px;
    text-indent: 2em;
    line-height: 2.5em;
    background-color: #f2f6f9;
    color: #999999;
    width: 15em;
    font-size: small;
    }

#nav a {
    display: block;
    text-decoration: none;
    color: #999999;
    }

#nav :hover, #nav .current {
    background-color: #b7cee2;
    color: #000000;
    }

#nav .inner {
    text-indent: 4em;
    }

#nav .arrow span {
    background-image: url('images/fadearrow1.gif');
    background-repeat: no-repeat;
    background-position: 12.75em center;
    display: block;
    }

#nav .arrow:hover span {
    background-image: url('images/fadearrow2.gif');
    }

#nav .arrow:hover div.inner_list {
    visibility: visible;
    }

#nav div.inner_list {
    position: absolute;
    border: 1px solid #999999;
    left: 14em;
    padding: 0 1px 1px 1px;
    background-color: #FFFFFF;
    visibility: hidden;
    }

#nav .inner_item {
    border-top: 1px solid #FFFFFF;
    text-indent: 1.25em;
    line-height: 2.25em;
    width: 7em;
    background-color: #b3d3e8;
    color: #666666;
    }

#nav .inner_item:hover, #nav .inner_item_current {
    background-color: #FFFFFF;
    color: #000000;
    }

#nav div.bar {
    height: 1.5em;
    background-color: #8aaec6;
    }