a

{

  color: #887744;

  text-decoration: none;

}



a:hover

{

  color: #CCBB55;

}



body

{

  text-align: center;

  font-family: "Courier New", monospace;

}



img

{

  border: 0;

}



ul

{

  list-style-type: square;

}



li

{

  padding: 0.25em 0;

}



.main

{

  width: 700px;

  text-align: left;

  margin: 0 auto;

}



.logo

{

  text-align: center;

}



.headerbar

{

  font-size: 1px;

  height: 7px;

  background: #DDCCBB;

  margin: 10px 0;

}



.content

{

  text-align: justify;

  margin: 1em;

}



.menu

{

  padding: 0 85px;

}



.footer

{

  text-align: center;

  font-size: smaller;

  margin-top: 2em;

  border-top: 1px solid #DDBBCC;

}



.leftimage

{

  float: left;

  margin: 0.25em 0.5em 0.5em 0;

  border: 1px solid black;

}



.button

{

  float: left;

  margin: 5px;

}



.button a

{

  display: block;

  border: solid 1px #CCBBAA;

  width: 118px;

  height: 66px;

}



.button.home a

{

  background: #EEFFEE;

}



.button.home a:hover

{

  background: #DDFFDD;

}



.button.biog a

{

  background: #EEEEFF;

}



.button.biog a:hover

{

  background: #DDDDFF;

}



.button.plays a

{

  background: #FFFFDD;

}



.button.plays a:hover

{

  background: #FFFFBB;

}



.button.barkus a

{

  background: #FFEEEE;

}



.button.barkus a:hover

{

  background: #FFDDDD;

}