/* CSS Document */
/* set the size of the definition list <dl> and add the background image */
#imap {display:block; width:499px; height:294px; background: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:499px; height:0; padding-top:364px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(../images/redesign/homepage/bg-maps-all.gif) no-repeat 400px 400px; cursor:default;}
/* the hack for IE pre IE6 */
* html #imap a#title {height:240px; he\ight:0;}

/* the <dt><a> hover style to move the background image to position 0 0*/
#imap a#title:hover {background-position: 0 0; z-index:10;}

/* place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0;}
#imap #nwest {left:32px; top:1px; z-index:20;}
#imap #west {left:27px; top:72px; z-index:20;}
#imap #south {left:160px; top:118px; z-index:20;}
#imap #midwest {left:247px; top:24px; z-index:20;}
#imap #east {left:371px; top:16px; z-index:20;}
#imap #alaska {left:26px; top:225px; z-index:20;}
#imap #hawaii {left:156px; top:299px; z-index:20;}
#imap #carribean {left:319px; top:271px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#link-nwest, #imap a#link-west, #imap a#link-south, #imap a#link-midwest, #imap a#link-east, #imap a#link-alaska, #imap a#link-hawaii, #imap a#link-carribean {display:block; text-decoration:none; z-index:20;}

/* individual background image for hover -stephen- */
#imap a#link-nwest {background:transparent url(../images/redesign/homepage/bg-maps-nwest.gif) no-repeat -1000px -1000px; width:230px; height:125px;
}
#imap a#link-west {background:transparent url(../images/redesign/homepage/bg-maps-west.gif) no-repeat -1000px -1000px; width:181px; height:141px;
}
#imap a#link-south {background:transparent url(../images/redesign/homepage/bg-maps-south.gif) no-repeat -1000px -1000px; width:275px; height:161px;
}
#imap a#link-midwest {background:transparent url(../images/redesign/homepage/bg-maps-midwest.gif) no-repeat -1000px -1000px; width:137px; height:145px;
}
#imap a#link-east {background:transparent url(../images/redesign/homepage/bg-maps-east.gif) no-repeat -1000px -1000px; width:107px; height:132px;
}
#imap a#link-alaska {background:transparent url(../images/redesign/homepage/bg-maps-alaska.gif) no-repeat -1000px -1000px; width:98px; height:92px;
}
#imap a#link-hawaii {background:transparent url(../images/redesign/homepage/bg-maps-hawaii.gif) no-repeat -1000px -1000px; width:81px; height:51px;
}
#imap a#link-carribean {background:transparent url(../images/redesign/homepage/bg-maps-carribean.gif) no-repeat -1000px -1000px; width:180px; height:93px;
}

/* 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#link-nwest:hover, #imap a#link-west:hover, #imap a#link-south:hover, #imap a#link-midwest:hover, #imap a#link-east:hover, #imap a#link-alaska:hover, #imap a#link-hawaii:hover, #imap a#link-carribean:hover {background-position:0 0;}

/* define the common styling for the span text */
#imap a:hover span {position:absolute;  width:388px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; 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:400px; w\idth:388px;}

/* move the span text to a common position at the bottom of the image map */
#imap a#link-nwest:hover span {left:-20px; top:269px;}
#imap a#link-west:hover span {left:-15px; top:198px;}
#imap a#link-south:hover span {left:-148px; top:152px;}
#imap a#link-midwest:hover span {left:-235px; top:246px;}
#imap a#link-east:hover span {left:-359px; top:254px;}
#imap a#link-alaska:hover span {left:-14px; top:45px;}
#imap a#link-hawaii:hover span {left:-144px; top:-29px;}
#imap a#link-carribean:hover span {left:-307px; top:-1px;}

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