.hide {position:absolute; left:-9999px;}

/* general tooltip styling */
.hide {border:1px solid #000; padding:5px 10px;background:#e0dacd;}
.hide h3 {font-size:16px; font-family:georgia, serif; color:#800; margin:0; padding:5px 0;}
.hide p {padding:5px 0; margin:0; font-family:arial; sans-serif; font-size:11px; line-height:1.5em;}
.hide img {border:1px solid #aaa; padding:5px;}

/* styling the tooltip hover information */
span.toptip {color:#800; font-weight:bold; font-style:italic;}
a.toptip {font-weight:bold; color:#c00; font-family: georgia, serif; font-style:italic;}
img.toptip {display:block; float:left;}
h2.toptip {color:#800; font-family: georgia, serif; font-style:italic;}
h2.vincent {width:240px; border:1px solid #800;}

/* specific tooltip styling */
#thunder {width:410px; height:410px;}
#fireworks {width:436px; height:436px;}
#agiliity {width:410px; height:410px;}
#obedience {width:410px; height:410px;}
#puppy {width:410px; height:410px;}