/* sets the image map details */
#imap {
  display:block;
  width:405px;
  height:474px;
  background:url(images/UK-Eire-Section-Map.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:405px;
  height:0;
  padding-top:474px;
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:474px;
  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 #picNI {
  left:78px;
  top:182px;
 z-index:20;
  }
#imap #picScot {
  left:155px;
  top:0px;
  z-index:20;
  }
#imap #picWales {
  left:162px;
  top:281px;
  z-index:20;
  }
#imap #picNW {
  left:222px;
  top:189px;
  z-index:20;
  }
 #imap #picNNE {
  left:251px;
  top:155px;
  z-index:20;
  }
#imap #picMid {
  left:230px;
  top:295px;
  z-index:20;
  }
#imap #picSW {
  left:148px;
  top:362px;
  z-index:20;
  }
#imap #picSSE {
  left:265px;
  top:303px;
  z-index:20;
 }
 /* style the <dd><a> links physical size and the background image for the hover */
 #imap a{
  display:block;
	text-decoration:none;
	font-weight:normal;
  	z-index:20;
 }
#imap a#NorthernIreland{
  width:95px;
  height:73px;
  }
#imap a#Scotland{
	width:178px;
	height:218px;
}
#imap a#Wales{
	width:94px;
	height:115px;
}
#imap a#Northwest{
	width:107px;
	height:121px;
}
#imap a#NorthNorthEast{
	width:104px;
	height:160px;
}
#imap a#Southwest{
	width:178px;
	height:108px;
}
#imap a#SouthSoutheast {
	width:137px;
	height:135px;
}
#imap a#Midlands{
	width:110px;
	height:89px;
}
  /* style the span text so that it is not initially displayed */
#imap a p, #imap a:visited p {
  display:none;
  }
  /* move the link background image to position 0 0 when hovered */
#imap a:hover{
  background:none;
  background-position:0 0;
  }/*
#imap a#NorthernIreland:hover{
	background-image:url(images/NI_hover.gif);
}
#imap a#Scotland:hover{
	background-image:url(images/Scotland_hover.gif);
}
#imap a#Wales:hover{
	background-image:url(images/Wales_hover.gif)
}
#imap a#Northwest:hover{
	background-image:url(images/NW_hover.gif)
}
#imap a#NorthNorthEast:hover{
	background-image:url(images/NNE_hover.gif)
}
#imap a#Southwest:hover{
	background-image:url(images/SW_hover.gif)
}
#imap a#SouthSoutheast:hover{
	background-image:url(images/SSE_hover.gif)
}
#imap a#Midlands:hover {
	background-image:url(images/Mid_hover.gif)
}
  /* define the common styling for the span text */
#imap a:hover p {
  position:absolute;  
  width:150px; 
  display:block; 
  background-image:url(images/chk.gif);
  border:2px solid #BFDEFB; 
  padding:5px;
  }
/* the hack for IE pre IE6 */
* html #imap a:hover p {
  width:400px; w\idth:150px;
  }
/* move the text to a common position at the bottom of the image map */
#imap a#NorthernIreland:hover p {
  left:275px; 
  top:-183px;
  }
#imap a#Scotland:hover p {
  left:200px; 
  top:0px;
  }
#imap a#Wales:hover p {
  left:190px; 
  top:-280px;
  }
#imap a#Northwest:hover p {
  left:130px; 
  top:-188px;
  }
#imap a#NorthNorthEast:hover p {
  left:101px; 
  top:-155px;
  }
#imap a#Midlands:hover p {
  left:122px;
  top:-294px;
  }
#imap a#Southwest:hover p {
  left:204px; 
  top:-361px;
  }
#imap a#SouthSoutheast:hover p {
  left:87px; 
  top:-302px;
  }
  /* add the style for the link span text - first line */
#imap a p:first-line{
  font-weight:bold; 
  font-style:italic;
  }