#menu {
    padding: 0;
    padding-top: 1px;
    margin: 0 auto;
    width:780px;
}

#menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 780px;
}

#menu ul li{ float: left; }

#menu ul li#top {
    display: inline-block;
    vertical-align:bottom;
}

#menu a{
    display: block;
    background-image: url(menu.png);
    height: 191px;
}

#menu #top a {
    width: 778px; /* actually 780px, but gives leeway */
    height: 49px;
}

#menu a.about   { background-position: 0 -49px;       width: 178px; }
#menu a.bios    { background-position: -178px -49px;  width: 90px;  }
#menu a.photos  { background-position: -268px -49px;  width: 96px;  }
#menu a.quotes  { background-position: -364px -49px;  width: 111px; }
#menu a.clips   { background-position: -475px -49px;  width: 72px;  }
#menu a.contact { background-position: -547px -49px;  width: 87px;  }

#menu a.end { 
    background-position: -634px -49px;
    width: 144px; /*actually 146px, but gives leeway */
}
#menu a.end:hover { background-image: url(menu-current.png); }

body#about   #menu a.about,
body#bios    #menu a.bios,
body#photos  #menu a.photos,
body#quotes  #menu a.quotes,
body#clips   #menu a.clips,
body#contact #menu a.contact { 
    background-color: #eee;
    background-image: url(menu-current.png);
}

body#about   #menu a.about:hover,
body#bios    #menu a.bios:hover,
body#photos  #menu a.photos:hover,
body#quotes  #menu a.quotes:hover,
body#clips   #menu a.clips:hover,
body#contact #menu a.contact:hover { background-color: #d4d4d4; }

body#about   #menu a.about:active,
body#bios    #menu a.bios:active,
body#photos  #menu a.photos:active,
body#quotes  #menu a.quotes:active,
body#clips   #menu a.clips:active,
body#contact #menu a.contact:active { background-color: #ccc; }

#menu a:hover  { background-color: #eee; }
#menu a:active { background-color: #e4e4e4; }