<style type="text/css">



body 
{ margin-top: 0;
  margin-bottom: 0;
  margin-left:5;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;}

#header {
text-align : center; 
background:url(Pictures1/DrumPictsmall.jpg) left no-repeat;
  margin: 20px;
  padding: 10px;
  height: 100px;
border:1px solid gray;
background : #e0ffff; 
background:#D3D3D3 url(Pictures1/Drumlogo.jpg) no-repeat left;
}


a {text-decoration:none}


h2.pos_abs
{
position:absolute;
left:260px;
top:100px;
}

.buttonscontainer {width: 300px;}

.buttons a {color: #000000;
background-color: #CCFFFF;
padding: 2px;
float:left;
padding-left: 3px;
display: block;
float:left;

border-left: 10px solid #FFFF00;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 1px;}

.buttons a:hover {border-left: 10px solid #99CC33;
text-decoration: none;
color: #000000;}

#left {
  position: absolute;
  left: 30px;
  top: 159px;
  width: 219px;
border:1px solid gray;
}



#center {
font-size:14px;
  position: absolute;
  left: 255px;
  top: 159px;
  width: 825px;
 padding: 15px;
border:1px solid gray;
}
div.t
{
width:100px;
padding:10px;

margin:0px;
font-size:12px;
}

div.img
{
  margin: 2px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 10px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

div.t
{
width:125px;
height:200px;
padding-top:10px;
padding-bottom:20px;
padding-right:5px;
padding-left:5px;

margin:2px 2px 2px 2px ;
font-size:12px;
float:left;
text-align:center;
border:1px solid #808000;
}

#divider{
position:relative;
width:800px;
height:2px;
border:1px solid #808000
 }

</style>





