body {
  margin: 0px ;
  padding: 0px ;
  background-color: #64003c ;

  color: #ffffff ;
  font-family: Trebuchet MS, sans-serif ;
  font-size: 12px ;
  line-height: 20px ;
}

a:link, a:visited {
  color: #ffffff ;
  text-decoration: none ;
}

a:hover, a:active {
  color: #b17f9d ;
  text-decoration: none ;
}

img {
  border-style: none ;
}

div#box {
  width: 300px ;
  height: 300px ;

  position: absolute ;
  top: 50% ;
  left: 50% ;
  margin: -150px 0px 0px -150px ;
}

div#tl, div#tr {
  font-size: 12px ;
  font-weight: bold ;
}

div#tl {
  position: absolute ;
  top: -25px ;
  left: 0px ;
}

div#tr {
  position: absolute ;
  top: -25px ;
  right: 0px ;
  text-align: right ;
}

div#bl {
  position: absolute ;
  top: 305px ;
  left: 0px ;
}

div#br {
  position: absolute ;
  top: 305px ;
  right: 0px ;
  text-align: right ;
}

div#ml, div#mr {
  font-size: 20px ;
  font-weight: bold ;
}

div#ml {
  position: absolute ;
  top: 140px ;
  left: -25px ;
}

div#mr {
  position: absolute ;
  top: 140px ;
  right: -25px ;
  text-align: right ;
}