Editing NavBar?

I want to edit my NavBar so that there is one below the main one like on this site here bivouac.co.nz

my site is in my signature and here is the navbar code from my stylesheet

/* Navigation Bar*/
#navbar {
    margin:0 auto;
    margin-top:15px;
    padding:0px 10px;
    text-transform:uppercase;
    background:#2c2c2c url(images/navbar.png);
    }

#page-bar {
    width:722px;
    }

#page-bar ul {
    list-style: none;
    }

#page-bar li {
    float:left;
    list-style:none;
    cursor: pointer;
    display:block;
    border-right:1px solid #333;
    }

#page-bar li:hover {
    background: #3c78a7;
    }


#page-bar a, #page-bar a:visited {
    margin: 0px;
    padding:10px 16px;
    font-weight:bold;
    color:#FFF;
    display:block;
    }

#page-bar a:hover {
    text-decoration:none;
    display:block;
    }

#searchform {
    width:194px;
    float:right;
    text-align:right;
    padding-top:8px;
    margin-right:10px;
    }

Code (markup):

 

Any Ideas? I will love you for ever