div#nav {
margin:0;
padding:0;
text-align:center;
}
ul#navbar {
    margin:0 auto;
    padding:0;
    height:20px;
    /*    border-bottom:1px solid #006;          */  
    display:inline;
    }
ul#navbar li {
    float:left;
    margin:0;
    padding:0;
 /*   width:auto; */
    list-style:none;
/*    border-top:1px solid #006;  
    border-left:1px solid #006;*/
    }
 
ul#navbar li a {
    display:block;
    float:left;
    margin:0;
    padding:0;  
    height:20px;
    text-align:right;
 /* border:1px solid #006; 
          
    border-bottom:1px solid #FFC;
    border-top:1px solid #006;    
    */
    }    
ul#navbar li#li1 a#home {
    width:90px;
    background-image:url(../graphics/nav/homer.gif);
    background-position:0 -1px;
    background-repeat:no-repeat;    
    } 
ul#navbar li#li1 a#home:hover {
    /* background-image:url(../graphics/nav/homer.gif); */
    background-position:0 -21px;
    background-repeat:no-repeat;    
    }

ul#navbar li#li2 a#about {
    width:100px;
    background-image:url(../graphics/nav/owner.gif);
    background-position:0 -1px; 
    background-repeat:no-repeat;    
    }
ul#navbar li#li2 a#about:hover {
/*    background-image:url(../graphics/nav/owner.gif); */
    background-position:0 -21px;
    background-repeat:no-repeat;    
    }             

ul#navbar li#li7 a#staff {
    width:82px;
    background-image:url(../graphics/nav/staff.gif);
    background-position:0 -1px;
    background-repeat:no-repeat;   
    } 
ul#navbar li#li7 a#staff:hover {
    background-position:0 -21px;
    background-repeat:no-repeat;    
    }  

ul#navbar li#li3 a#services {
    width:102px;
    background-image:url(../graphics/nav/services.gif);
    background-position:0 -1px;  
    background-repeat:no-repeat;    
    }
ul#navbar li#li3 a#services:hover {
    background-position:0 -21px;
    background-repeat:no-repeat;    
    }

ul#navbar li#li4 a#friends {
    width:132px;
    background-image:url(../graphics/nav/friends.gif);
    background-position:0 -1px;  
    background-repeat:no-repeat;    
    }
ul#navbar li#li4 a#friends:hover {
    background-position:0 -21px;
    background-repeat:no-repeat;    
    }
    
ul#navbar li#li5 a#resources {
    width:128px;
    /*
    background-image:url(../graphics/nav/links.gif);
    */
    background-image:url(../graphics/nav/resources.gif);
    background-position:0 -1px;  
    background-repeat:no-repeat;    
    }
ul#navbar li#li5 a#resources:hover {
    background-position:0 -21px;
    background-repeat:no-repeat;    
    }

ul#navbar li#li6 a#contact {
    width:125px;
    background-image:url(../graphics/nav/contact.gif);
    background-position:0 -1px;  
    background-repeat:no-repeat;    
    }   
ul#navbar li#li6 a#contact:hover {
    background-position:0 -21px;
    background-repeat:no-repeat;    
    }