#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}
/* the style starts here */
a.tooltip   { }
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b    { color: #fffacd; font-weight: normal; font-size: 12px; line-height: 20px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: transparent url(1tooltip.png); padding: 5px; border: solid 1px #888; position: absolute; top: 20px; left: -25px; width: 220px; display: block }
a.tooltip:hover b em  { font-size: 1px; background: transparent url(tooltip.gif) 0 0; position: absolute; top: -6px; left: 20px; width: 11px; height: 6px; display: block }

/* version 2 */
#tt  { background-image: url(tooltip.gif); width: 740px }
a.tooltip2 {color:#c00;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #ff0; background:#8cc; width:150px;}
a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;}

.clear {clear:both;}