* {padding: 0; margin:0;}
body {margin: 25px auto; background-image:url(images/b5black2.gif);
     font-family: arial, verdana; color: #eeeeee; width: 950px; }
ul {list-style-type: none;}     
li {background-image: url(images/navbar.gif); background-repeat: no-repeat; padding-top: 0px; line-height:3.2em;}
li a{text-decoration: none; padding-left: 10px; font-size: .9em; text-align: center;}
img {border: 0;}
h2 {font-weight: normal; font-size: 1.4em; font-family: papyrus, georgia, verdana;}
#container {width: 900px;}
#banner {margin: 25px auto; width: 900px; border: 1px solid #eeeeee}
#nav1 {padding-left: 25px; width: 130px; border: 1px dotted #111111; float: left;}
#music1 {padding-left: 40px; width: 330px; border: 1px dotted #111111; float: left;}
#music2 {padding-left: 40px; width: 330px; border: 1px dotted #111111; float: left;}
/* #music3 {padding-left: 5px; width: 240px; border: 1px dotted #111111; float: left;} */
#nav2 {color: #eeeeee;}
#nav2 a{color: #eeeeee; text-align: center;}
#footer {margin: 30px auto; width: 900px; font-family: arial, verdana ; font-size: .7em; color: #eeeeee;}
#footer a{color: #eeeeee}

/* Class selectors*/
a.highlight {color: #eeeeee}          
a.highlight:hover {color: #ff6666}

#nav1 a.highlight {color: #eeeeee; background-image: url(images/navbar2.gif)}        /*changes the color of links in list on hover*/
#nav1 a.highlight:hover {color: #000000; background-image: url(images/navbar5.gif)}

#nav1 a.highlight2 {color: #000000; background-image: url(images/navbar5.gif)}        /*changes the color of links in list on hover*/
#nav1 a.highlight2:hover {color: #eeeeee; background-image: url(images/navbar2.gif)}

#nav2 a.highlight {color: #eeeeee}          
#nav2 a.highlight:hover {color: #ff6666}