@font-face{
  font-family:Chalky;
  src:url(KingSan.ttf);
}
  
div.bb{
  height:204px;     /* Call this value H */
  width:304px;      /* Call this value W */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
   border-radius: 8px;
  position:relative;
  background-image:url(wood.jpg);
  border:0px;
  margin:0px;
  z-index:0;
}
.bb div.bbText{
  height:170px;  /* H-34 */
  width:270px;   /* W-34 */
  position:absolute;
  left:10px;
  top:10px;

  color:white;
  font-family: Chalky, Sans-serif;
  font-weight:bolder;
  font-size:120%;
  line-height:100%;

  display:block;
  background-image:url(blackboard2.jpg);
  border:2px solid grey;
  padding:5px;
  z-index:10;
}
.bb div.bbMask{
  height:170px;  /* H-34 */
  width:270px;   /* W-34 */
  position:absolute;
  left:12px;
  top:12px;
  background-image:url(blackoverlay3.gif);
  filter:alpha(opacity=30);opacity: 0.3;
  display:block;
  z-index:20;
}  
.bb a{
  left:270px;   /* W-34 */
  display:block;
  height:17px;  
  width:37px;   
  position:absolute;
  padding-left:3px;
  float:right;
  background-color:yellow;
  border:1px outset black;
  color:black;
  font-family:sans-serif;
  font-weight:bold;
  font-size:66%;
  text-decoration:none;
}
.bb a:hover{
  color:red;
  border:1px dotted red;
  text-decoration:underline;
}
.bb span.Hed{font-family: CapOutline, Sans-serif;}
.bb span.Yel{color:yellow;}
.bb span.Red{color:#DE6A9B;}
.bb span.Grn{color:#61e182;}
.bb span.Blu{color:#24c6ee;}
.bb span.Whi{color:white;}