/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

/* set the size of the definition list <dl> and add the background image */
#imap {
  display:block; 
  width:721px; 
  height:543px; 
  background:url(images/CTmap.jpg) 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:721px; 
  height:0; 
  padding-top:543px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
  background:transparent url(images/CTmap_hover.jpg) no-repeat 721px 543px; 
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:240px;
  height: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 #picfairfield {
  left:44px; 
  top:214px; 
  z-index:20;
  }
#imap #pichartford {
  left:107px; 
  top:29px; 
  z-index:20;
  }
#imap #picnortheast {
  left:445px; 
  top:40px; 
  z-index:20;
  }
#imap #picsouthcentral {
  left:194px; 
  top:204px; 
  z-index:20;
  }
  #imap #picsunl {
  left:429px; 
  top:188px; 
  z-index:20;
  }
  /* style the <dd><a> links physical size and the background image for the hover */
#imap a#fairfield {
  display:block; 
  width:189px; 
  height:309px; 
  background:transparent -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:-20;
  }
  #imap a#hartford {
  display:block; 
  width:347px; 
  height:225px; 
  background:transparent -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#northeast {
  display:block; 
  width:248px; 
  height:164px; 
  background:transparent -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#southcentral {
  display:block; 
  width:249px; 
  height:236px; 
  background:transparent -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#sunl {
  display:block; 
  width:278px; 
  height:215px; 
  background:transparent -100px -100px no-repeat; 
  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#fairfield:hover, #imap a#hartford:hover, #imap a#northeast:hover, #imap a#southcentral:hover, #imap a#sunl: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: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:400px; width:388px;
  }
/* move the span text to a common position at the bottom of the image map */
#imap a#fairfield:hover span {
  left:50px; 
  top:-200px;
  }
#imap a#hartford:hover span {
  left:50px; 
  top:0px;
  }
#imap a#northeast:hover span {
  left:-113px; top:0px;
  }
#imap a#southcentral:hover span {
  left:-100px; 
  top:-200px;
  }
#imap a#sunl:hover span {
  left:-350px; 
  top:-200px;
  }
/* add the style for the link span text - first line */
#imap a span:first-line {
  font-weight:bold; 
  font-style:italic;
  }