/* 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/utilities.gif) no-repeat; */
    position:relative; 
}

#popupBG {background: #FFFFFF url(../images/utilities_popup.gif) no-repeat;background-attachment:fixed;background-position: 0px 60px;}
#defaultsBG {background: #FFFFFF url(../images/utilities_defaults.gif) no-repeat;background-attachment:fixed;background-position: 0px 60px;}
#passwordsBG {background: #FFFFFF url(../images/utilities_passwords.gif) no-repeat;background-attachment:fixed;background-position: 0px 60px;}
#maintenanceBG {background: #FFFFFF url(../images/utilities_maintenance.gif) no-repeat;background-attachment:fixed;background-position: 0px 60px;}
#infoBG {background: #FFFFFF url(../images/utilities_info.gif) no-repeat;background-attachment:fixed;background-position: 0px 60px;}
#systemBG {background: #FFFFFF url(../images/utilities_system.gif) no-repeat;background-attachment:fixed;background-position: 0px 60px;}
#agentBG {background: #FFFFFF url(../images/utilities_popup.gif) no-repeat;background-attachment:fixed;background-position: 0px 60px;}
#companiesBG {background: #FFFFFF url(../images/utilities_popup_companies.gif) no-repeat;background-attachment:fixed;background-position: 0px 60px;}
#aigBG {background: #FFFFFF url(../images/utilities_popup_commission.gif) no-repeat;background-attachment:fixed;background-position: 0px 60px;}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
    display:block; 
    width:813px; 
    height:0; 
    padding-top:240px; 
    overflow:hidden; 
    position:absolute; 
    left:0; 
    top:0; 
    background:transparent url(../images/mainMenu.jpg) no-repeat 813px 570px; 
    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:46px; 
    top:29px; 
    z-index:20;    
}

#imap #popup {
    left:5px; 
    top:56px; 
    z-index:20;
}

#imap #defaults {
    left:82px; 
    top:56px; 
    z-index:20;
}

#imap #passwords {
    left:132px; 
    top:56px; 
    z-index:20;
}

#imap #maintenance {
    left:195px; 
    top:56px; 
    z-index:20;
}

#imap #info {
    left:300px; 
    top:56px; 
    z-index:20;
}

#imap #system {
    left:370px; 
    top:56px; 
    z-index:20;
}

#imap #agent {
    left:20px; 
    top:164px; 
    z-index:20;
}

#imap #companies {
    left:20px; 
    top:260px; 
    z-index:20;
}

#imap #aig {
    left:325px; 
    top:225px; 
    z-index:20;
}

#imap #cancel {
    left:460px; 
    top:460px; 
    z-index:20;
}

#imap a#mainMenu {
    display:block; 
    width:62px; 
    height:24px; 
    text-decoration:none; 
    z-index:20;
}

#imap a#popup {
    display:block; 
    width:75px; 
    height:21px; 
    text-decoration:none; 
    z-index:20;
}

#imap a#defaults {
    display:block; 
    width:50px; 
    height:19px; 
    text-decoration:none; 
    z-index:20;
}

#imap a#passwords {
    display:block; 
    width:60px; 
    height:19px; 
    text-decoration:none; 
    z-index:20;
}

#imap a#maintenance {
    display:block; 
    width:100px; 
    height:19px; 
    text-decoration:none; 
    z-index:20;
}

#imap a#info {
    display:block; 
    width:66px; 
    height:19px; 
    text-decoration:none; 
    z-index:20;
}

#imap a#system {
    display:block; 
    width:45px; 
    height:19px; 
    text-decoration:none; 
    z-index:20;
}

#imap a#agent {
    display:block; 
    width:20px; 
    height:28px; 
    text-decoration:none; 
    z-index:20;
}

#imap a#companies {
    display:block; 
    width:20px; 
    height:22px; 
    text-decoration:none; 
    z-index:20;
}

#imap a#aig {
    display:block; 
    width:194px; 
    height:15px; 
    text-decoration:none; 
    z-index:20;
}

#imap a#cancel {
    display:block; 
    width:86px; 
    height:26px; 
    text-decoration:none; 
    z-index:20;
    padding-bottom:20px;
}

/* 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, #imap a#popup:hover, #imap a#defaults:hover, #imap a#passwords:hover, #imap a#maintenance:hover, 
#imap a#info:hover, #imap a#system:hover, #imap a#agent:hover, #imap a#companies:hover, #imap a#aig:hover,
#imap a#cancel:hover {
    background-position:0 0;
}

/* define the common styling for the span text */
#imap a:hover span {
    position:absolute;  
    width:300px; 
    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:300px; 
    w\idth:300px;
}

/* move the span text to a common position at the bottom of the image map */
#imap a#mainMenu:hover span, #imap a#popup:hover span, #imap a#defaults:hover span, #imap a#passwords:hover span, 
#imap a#maintenance:hover span, #imap a#info:hover span, #imap a#system:hover span, #imap a#agent:hover span,
#imap a#companies:hover span, #imap a#aig:hover span, #imap a#cancel:hover span {
    left:-2px; 
    top:26px;
}

/* add the style for the link span text - first line */
#imap a span:first-line {
    font-weight:bold; 
    font-style:italic;
}