html { overflow: hidden; }
body { margin: 0; padding: 0; overflow: hidden; background: #fff url(lr/images/bg.gif) repeat fixed 0 0; font-family: Arial; }
div { margin: 0; padding: 0; }

a:link, a:visited, a:hover, a:active { color: #000; text-decoration: none; }

.opq { background-color: #fff; }
.expand { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.hpad { margin-left: 10px; margin-right: 15px; }
.vpad { margin-top: 10px; margin-bottom: 15px; }
.borderT { background: transparent url(lr/images/border/t.gif) repeat-x left top; }
.borderR { background: transparent url(lr/images/border/r.gif) repeat-y right top; }
.borderB { background: transparent url(lr/images/border/b.gif) repeat-x left bottom; }
.borderL { background: transparent url(lr/images/border/l.gif) repeat-y left top; }
.borderTL { background: transparent url(lr/images/border/tl.gif) no-repeat left top; }
.borderTR { background: transparent url(lr/images/border/tr.gif) no-repeat right top; }
.borderBR { background: transparent url(lr/images/border/br.gif) no-repeat right bottom; }
.borderBL { background: transparent url(lr/images/border/bl.gif) no-repeat left bottom; }

.heading, .text { text-align: center; }
.heading { font-size: larger; color: #00c; text-decoration: underline; }


#canvas { position: relative; width: 500px; margin: 0 auto; height: 375px; }

#lettersRejected, #randomObservations { position: absolute; width: 100%; height: 125px; }
#lettersRejected_inner:hover, #randomObservations_inner:hover { cursor: pointer; }
#lettersRejected_inner:hover .heading, #randomObservations_inner:hover .heading { color: #f00; }
#lettersRejected { top: 100px; }
#lettersRejected_inner, #randomObservations_inner { text-align: center; padding-top: 15px; background-color: #fff; }

#randomObservations { bottom: 0; }