/* set up the font to be used for the page */
body {
  	font-family: tahoma, arial, sans-serif;
  }

/* set the size of the definition list <dl> and add the background image */
#imap {
    display:block; 
    width:813px; 
    height:570px; 
    background:url(../images/downloads.gif) no-repeat; 
    position:relative;
}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
    display:block; 
    width:400px; 
    height:0; 
    padding-top:240px; 
    overflow:hidden; 
    position:absolute; 
    left:0; 
    top:0; 
    background:transparent url(../images/beatles_hover.jpg) no-repeat 400px 400px; 
    cursor:default;
}

/* the hack for IE pre IE6 */
    * html #imap a#title {
    height:570px;
    he\ight:0;
}

/* place the <dd>s in the correct absolute position */
#imap dd {
    position:absolute; 
    padding:0; 
    margin:0;
}

#imap #mainMenu {
    left:585px; 
    top:24px; 
    z-index:20;
}

#imap a#mainMenu {
    display:block; 
    width:65px; 
    height:26px; 
    text-decoration:none; 
    z-index:20;
}

#imap #report {
    left:360px; 
    top:24px; 
    z-index:20;
}

#imap a#report {
    display:block; 
    width:152px; 
    height:26px; 
    text-decoration:none; 
    z-index:20;
}

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
	display:none;
}

/* move the link background image to position 0 0 when hovered */
#imap a#mainMenu:hover {
    background-position:0 0;
}

/* define the common styling for the span text */
#imap a:hover span {
    position:absolute;  
    width:200px; 
    display:block; 
    font-family:arial; 
    font-size:12px; 
    background:#fff; 
    color:#000; 
    border:1px solid #000; 
    padding:5px;
}
/* the hack for IE pre IE6 */
    * html #imap a:hover span {
    width:200px; 
    w\idth:200px;
}

/* move the span text to a common position at the bottom of the image map */
#imap a#mainMenu:hover span {
    left:-1px; 
    top:26px;
}

#imap a#report:hover span {
    left:-1px; 
    top:26px;
}

/* add the style for the link span text - first line */
#imap a span:first-line {
    font-weight:bold; 
    font-style:italic;
}