body {
    background-color: green;
    color: black;
    font-family: Verdana, Geneva, Arial, sans-serif;
}

div#main {
    float: left;
    width: 500px;
}

ul#navbar {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: green;
    float: left;
    width: 360px;
}

/* background image is 39px wide, so padding-left gives an extra 10px */

#navbar a {
    display: block;
    height: 3ex;
    width: 300px;
    color: black;
    font-size: 1.1em;
    text-decoration: none;
    padding-left: 49px;
    border: 2px solid gray;
    background-color: gray;
    background-image: url(buffyB.png);
    background-repeat: no-repeat;
    /*   background-attachment: fixed; */
    background-position: 0 0;
}


#navbar a:hover {
   border: 2px solid silver;
   background-position: 0 -40px;
}
   
/* for horizontal menu bars, add the following */
#navbar li {
   float: left;
   }

   
/* We have one of these for each item on the navbar; it gets out of hand pretty quickly! */

body#homepage #navbar a#home,
body#duckstamppage #navbar a#duckstamp,
body#artpage #navbar a#art,
body#karatepage #navbar a#karate
{
   border: 2px solid silver;
   background-position: 0 -40px;
}

#main {

}

#footer {
    clear: both;
}

/* Another version, for the list of icons for copyright, standards
compliance and so forth */

#iconlist {
   padding-left: 0px;
   margin-left: 0px;
   border-left: 0px;
   width: 100%;
/*   padding-top: 20px; */
/*   border-top: 2px solid gray; */
}

#iconlist img {
   border: 0;
}

#iconlist li {
   display: inline;
   list-style-type: none;
   padding-left:   0px;
   padding-right: 10px;
}

@media print {
#iconlist li img {
   display: none;
   }
}