#clouds    { margin: 0; padding: 2em 0 2em 30px }

ul#off  { list-style-type: none; margin: 2em auto; padding: 0 0 0 0; position: relative; width: 360px; height: 180px; float: left }
ul#off li  { display: block; width: 0; height: 0 }

ul#off a  { text-decoration: none; display: block; position: absolute; width: 0; height: 0 }
ul#off a.blue  { color: #fff; top: 0; left: 0 }
ul#off a.black  { color: #fff; top: 0; left: 120px }
ul#off a.red  { color: #fff; top: 0; left: 240px }
ul#off a.yellow {top:60px; left:60px; color:#000;}
ul#off a.green {top:60px; left:180px;color:#000;}

ul#off a em {position:absolute; display:block; cursor:pointer; font-style:normal; font-weight:bold;}

ul#off a em.h6  { font-size: 14px; font-style: italic; font-weight: bold; line-height: 20px; text-align: center; width: 120px; height: 20px }
ul#off a em.h3 {height:20px; width:60px;}
ul#off a em.h2 {height:20px; width:40px;}

ul#off a em.v4 {height:80px; width:20px;}
ul#off a em.v2 {height:40px; width:20px;}
ul#off a em.v1 {height:20px; width:20px;}

ul#off a em.ha {top:0; left:0;}
ul#off a em.hb {top:0; left:60px;}
ul#off a em.hc {top:100px; left:0;}
ul#off a em.hd {top:100px; left:80px;}

ul#off a em.va {top:20px; left:0;}
ul#off a em.vb {top:20px; left:100px;}
ul#off a em.vc {top:60px; left:100px;}
ul#off a em.vd {top:80px; left:0;}

.blue em  { background: url("tips/blue.gif") }
.black em  { background: url("tips/black.gif") }
.red em  { background: url("tips/red.gif") }
.yellow em  { background: url("tips/yellow.gif") }
.green em  { background: url("tips/green.gif") }

ul#off a:hover {background:#ddd;}
ul#off a.blue:hover em {background:#00c;}
ul#off a.black:hover em {background:#000;}
ul#off a.red:hover em {background:#c00;}
ul#off a.yellow:hover em {background:#ee0;}
ul#off a.green:hover em {background:#0c0;}

ul#off a:active, ul#off a:focus {background:#fff;}
ul#off a.blue:active em, ul#off a.blue:focus em {background:#66c; color:#000;}
ul#off a.black:active em, ul#off a.black:focus em {background:#666; color:#000;}
ul#off a.red:active em, ul#off a.red:focus em {background:#c66; color:#000;}
ul#off a.yellow:active em, ul#off a.yellow:focus em {background:#ee6; color:#000;}
ul#off a.green:active em, ul#off a.green:focus em {background:#6c6; color:#000;}