/* Style sheet to enable the red box hover on the band photo */

#imap {display:block; width:450px; height:337px; background:url(images/SuperclusterAug2009.jpg); position:relative; margin: 0; border-top: 1px solid #000;}

#imap a#title {display:block; width:450px; height:0; padding-top:337px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(images/SuperclusterAug2009.jpg) no-repeat 450px 337px; cursor:default;}
* html #imap a#title {height:337px; he\ight:0;}

#imap a#title:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #picjason {left:26px; top:120px; z-index:20;}
#imap #picbob {left:66px; top:110px; z-index:20;}
#imap #picjohn {left:110px; top:120px; z-index:20;}
#imap #picbryan {left:155px; top:120px; z-index:20;}
#imap #pichannah {left:200px; top:125px; z-index:20;}
#imap #picheather {left:230px; top:125px; z-index:20;}
#imap #pickay {left:270px; top:125px; z-index:20;}
#imap #picvanessa {left:305px; top:125px; z-index:20;}
#imap #picbill {left:360px; top:120px; z-index:20;}

#imap a#jason, #imap a#bob, #imap a#john, #imap a#bryan, #imap a#hannah, #imap a#heather, #imap a#kay, #imap a#vanessa, #imap a#bill 
{display:block; width:50px; height:180px; background:transparent url(images/hover.gif) -100px -100px no-repeat; text-decoration:none; z-index:20; }

#imap a span, #imap a:visited span {display:none;}

#imap a#jason:hover, #imap a#bob:hover, #imap a#john:hover, #imap a#bryan:hover, #imap a#hannah:hover, #imap a#heather:hover, #imap a#kay:hover, #imap a#vanessa:hover, #imap a#bill:hover
 {background-position:0 0; border: 1px solid #f00;}

#imap a:hover span {position:absolute;  width:388px; display:block; font-family:arial; font-size:12px; background:#fcb; color:#000; border:1px solid #000; padding:5px;}
* html #imap a:hover span {width:400px; w\idth:388px;}
#imap a#jason:hover span {left:0px; top:-100px;}
#imap a#bob:hover span {left:-40px; top:-90px;}
#imap a#john:hover span {left:-84px; top:-100px;}
#imap a#bryan:hover span {left:-129px; top:-100px;}
#imap a#hannah:hover span {left:-174px; top:-105px;}
#imap a#heather:hover span {left:-204px; top:-105px;}
#imap a#kay:hover span {left:-244px; top:-105px;}
#imap a#vanessa:hover span {left:-279px; top:-105px;}
#imap a#bill:hover span {left:-334px; top:-100px;}

#imap a span:first-line {font-weight:bold; font-size: 1.2em;}