<style type="text/css">
#pic3{
display: block;
float:left;

}
#pic{
display: block;
float:left;

}
#pic1{
display: block;
float:right;

}

.thumbnail{
display:block;
font-family: Comic Sans MS, Helvetica, sans-serif;
font-size: 13.5px;
color:#0080FF ;
text-decoration: none;
text-align:center;
}


.thumbnail:hover{
position:relative;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background: #0080FF;
padding:1px;
left: -1000px;
border: 2px solid #0080FF;
display:none;
color: #0080FF;
text-decoration: none;
font-family: URW Gothic L, sans-serif;
font-size: 12pt;
font-style: italic;
font-weight: bold;


}


.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;
padding:0px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
display:block;

top:0px !important; 
left:-140px !important;
top:0px;
left: -140px;

}
.img {
border: 2px solid #0080FF;

}
#pic2 {
display: block;
float:center;
}

.pic2 {
display:block;
font-family: Century Gothic;
font-size:16px;
color: #0080FF;
text-align:center;
font-weight: bold; 

}


#headline1 {
  background-image: url(http://punkglobe.com/images/holidayPGlogo1208blue.gif);
  background-repeat: no-repeat;
  background-position: center 0px;
  padding-top: 100px;
  margin-bottom: 20px;
}


#headline2 {
background-image: url("http://i571.photobucket.com/albums/ss159/Punkglobe/June%2010/DirtyFilthyMugs.jpg");
  background-repeat: no-repeat;
  background-position: center 0px;
  padding-top: 100px;
  margin-bottom: 20px;

}
#h1 {
  font-family:Showcard Gothic;
  color:#0080FF;
  font-size:50px;
  margin-bottom:20px;
  text-align:center;
  font-weight: bold;
}

#h2 {
  font-family:Showcard Gothic;
  color:#0080FF;
  font-size:50px;
  margin-bottom:20px;
  text-align:center;
  font-weight: bold;
}
#h3 {
  font-family:Century Gothic;
  color:#0080FF;
  font-size:20px;
  margin-bottom:20px;
  text-align:center;
  font-weight: bold;
}
body {background-color: "black"}

#p1 {
  font-family:Impact;
  color:#FFFF00;
  font-size:18px;
  margin-bottom:10px;
  text-align:left;
  font-weight: normal;
  
}
#p2 {
  font-family:Comic Sans MS;
  color:#FFFFFF;
  font-size:16px;
  margin-bottom:10px;
  text-align:justify;
  font-weight: bold;
  
}
#p3 {
  font-family:Comic Sans MS;
  color:#FF0000;
  font-size:16px;
  margin-bottom:10px;
  text-align:justify;
  font-weight: bold;
  
}
#link1 a:link {
  text-decoration: underline; 
  font-family:Comic Sans MS;
  font-weight: bold; 
  font-size: 18px;
  color: #0080FF;
}
#link1 a:visited {
  text-decoration: underline; 
  font-family:Comic Sans MS;
  font-weight: bold; 
  font-size: 18px;
  color: #0080FF;
}
#link1 a:active {
  text-decoration: underline; 
  font-family:Comic Sans MS;
  font-weight: bold; 
  font-size: 18px;
  color: #0080FF;
}
#link1 a:hover {
  text-decoration: underline; 
  font-family:Comic Sans MS;
  font-weight: bold; 
  font-size: 20px;
  color: #FF0000;

}
#link2 {
  text-align: center;
  }
#link2 a:link {
  text-decoration: underline; 
  font-family:Comic Sans MS;
  font-weight: bold; 
  font-size: 18px;
  color: #FF0000;
}
#link2 a:visited {
  text-decoration: underline; 
  font-family:Comic Sans MS;
  font-weight: bold; 
  font-size: 18px;
  color: #FF0000;
}
#link2 a:active {
  text-decoration: underline; 
  font-family:Comic Sans MS;
  font-weight: bold; 
  font-size: 18px;
  color: #FF0000;
}
#link2 a:hover {
  text-decoration: underline; 
  font-family:Comic Sans MS;
  font-weight: bold; 
  font-size: 20px;
  color:#0080FF;
  }
</style>
