#background_spike{
	position:relative;
	top:0px;
	left:0px;
	height:157px;
	width:100%;
	z-index:101;
	background-image:url(../images/background_spike.gif);
	background-repeat:repeat-x;
	margin-bottom:140px;
}




/* set the size of the definition list <dl> and add the background image */
#imap {
  display:block;
  width:414px;
  height:332px;
  background:url(../images/map_spike.gif) no-repeat;
  position:absolute;
  left:350px;
  top:65px;
  z-index:102;
  }

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
  display:block;
  width:414px;
  height:0px;
  padding-top:332px;
  overflow:hidden;
  position:absolute;
  left:0px;
  top:0px;
  z-index:102;
  background:transparent url(../images/map_spike_on.gif) no-repeat 414px 414px;
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:332px;
  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:103;
  }

/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute;
  padding:0;
  margin:0;
  }
#imap #pic1 {
  left:83px;
  top:261px;
  z-index:104;
  }
#imap #pic2 {
  left:58px;
  top:188px;
  z-index:104;
  }
#imap #pic3 {
  left:351px;
  top:195px;
  z-index:104;
  }
#imap #pic4 {
  left:242px;
  top:300px;
  z-index:104;
  }
#imap #pic5 {
  left:264px;
  top:224px;
  z-index:104;
  }
#imap #pic6 {
  left:211px;
  top:103px;
  z-index:104;
  }
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#one, #imap a#two, #imap a#three, #imap a#four, #imap a#five, #imap a#six {
  display:block;
  width:22px;
  height:22px;
  background:transparent url(../images/hover_spike.gif) -100px -100px no-repeat;
  text-decoration:none;
  z-index:105;
  }

/* 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#one:hover, #imap a#two:hover, #imap a#three:hover, #imap a#four:hover, #imap a#five:hover, #imap a#six:hover {
  background-position:0 0;
  }

/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:171px; 
  display:block; 
  font-family:arial; 
  font-size:11px; 
  color:#fff; 
  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#one:hover span {
  left:-100px; 
  top:-215px;
  width:175px;
  }
#imap a#two:hover span {
  left:-75px; 
  top:-142px;
  }
#imap a#three:hover span {
  left:-368px; 
  top:-149px;
  }
#imap a#four:hover span {
  left:-259px; 
  top:-254px;
  }
#imap a#five:hover span {
  left:-281px; 
  top:-178px;
  width:175px;
  }
#imap a#six:hover span {
  left:-228px; 
  top:-57px;
  }
     
/* add the style for the link span text - first line */
#imap a span:first-line {
  font-weight:bold; 
 
  }

.txtblock 
{
	position:relative;
	top:0px;
	left:325px;
	width:450px;	
	font-family:Futura Book,Verdana; 
	font-size:10px; 
	color:#000; 
	line-height:16px;
	z-index:101;
	margin-bottom:50px;	
}

.header
{
	font-family:Futura Book,Trebuchet; 
	font-size:16px;
	line-height:18px; 
	color:#5d5e10;
	font-weight:bold;
	margin-bottom:5px; 	
}