/*** Horizontal navigation ***/
#nav {
    clear:both;
    padding-top:3px;
    font:1em/2 Arial,sans-serif;
}

/*** Brown bar across navigator ***/
#nav ul {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    background:#a45209 ;
}

#nav li {
    display:inline;
    margin:0;
    padding:0;
    background:#09c;
}

/*** Dark brown on the left; light tan on the right ***/
#nav a {
    display:block;
    float:left;
    padding:0 12px;
    border-top:none;
    border-right:1px solid #c60;
    border-bottom:none;
    border-left:1px solid #663200;
    color:#fff;
    text-decoration:none;
}

/*** Highlight with light tan ***/
#nav a:hover,
#nav a:focus {
    background:#c60;
    text-decoration:none;
}

/*** Selected navigation item is dark brown ***/
#nav .sel a {
    background:#663200;
    text-decoration:none;
}

/*** Highlight selected navigation with light tan ***/
#nav .sel a:hover,
#nav .sel a:focus {
    background:#c60;
    text-decoration:none;
}