* {
  margin: 0;
}
html, body {
  height: 100%;
}
/* This does it for ALL images.  I only want certain ones
img { 
   border:1px solid #FFD700;
}
*/
/* The below doesn't work because of ordering with .headliner
*/
.mainimage {
  padding:5px;
  border:5px solid #FFD700;
}
.headliner {
  text-align: center;
  font-family: "Comic Sans MS";
  color: white;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -155px;
}
.tbuttons {
  text-align: center;
  font-family: "Comic Sans MS";
  color: white;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -155px;
}
.pushed, .footer {
  text-align: center;
  font-family: "Comic Sans MS";
  height: 155px;
}