font {
color: #311912;
}

body {
background-repeat: repeat; 
background-attachment: scroll;
font-family: Verdana, Garamond; 
margin-left: 0px; 
margin-top: 0px;
margin-bottom: 0px;
background-position: 0%;
'background-image: url("bimg/f9b316.png");
background-color: #f9b316;
}
td.ct {
background-repeat: no-repeat;
background-position: center;
'background-image: url("bimg/ct.png");
}
td.bb {
background-repeat: no-repeat;
background-position: center;
'background-image: url("bimg/bb.png");
}
div.bks {
position: relative;
width: 50%;
float: right;
max-width: 50%;
padding: 10px;
}
td.footer {
align: center;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}

a:active { color: #311912; 
 text-decoration: none }
a:visited { color: #311912;
 text-decoration: none }
a:link { color: #311912;
 text-decoration: none }
a:hover { color: #f6e4c2;
 text-decoration: underline }

.container {
  position: relative;
  width: 100%;
  height: 12px;
}

.image {
  display: block;
  width: 100%;
  height: 12px;
}

.overlay {
  position: absolute;
  top: -2;
  bottom: 0;
  left: 0;
  right: 0;
  height: 34px;
  width: 100%;
  opacity: 0;
}

.container:hover .overlay {
  opacity: 100;
}

.text {
  color: #f6e4c2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}