#background_flair{
	position:relative;
	top:0px;
	left:0px;
	height:157px;
	width:100%;
	z-index:101;
	background-image:url(../images/background_flair.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_flair.gif) no-repeat;
  position:absolute;
  left:350px;
  top:65px;
  z-index:102;
  margin:0px 0px 0px 0px;
 padding :0px 0px 0px 0px;
	
  }

/* 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;
  background:transparent url(../images/map_flair_on.gif) no-repeat 414px 332px;
  position:absolute;
  left:0px;
  top:0px;
  z-index:102;
  padding-top:332px;
  overflow:hidden;
  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:99px;
  top:254px;
  z-index:104;
  }
#imap #pic2 {
  left:56px;
  top:212px;
  z-index:104;
  }
#imap #pic3 {
  left:350px;
  top:211px;
  z-index:104;
  }
#imap #pic4 {
  left:235px;
  top:221px;
  z-index:104;
  }
#imap #pic5 {
  left:308px;
  top:91px;
  z-index:104;
  }
#imap #pic6 {
  left:273px;
  top:179px;
  z-index:104;
  }
#imap #pic7 {
  left:173px;
  top:194px;
  z-index:104;
  }   
#imap #pic8 {
  left:230px;
  top:111px;
  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, #imap a#seven, #imap a#eight {
  display:block;
  width:22px;
  height:22px;
  background:transparent url(../images/hover_flair.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, #imap a#seven:hover, #imap a#eight: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:-200px;
  }
#imap a#two:hover span {
  left:-57px; 
  top:-158px;
  }
#imap a#three:hover span {
  left:-351px; 
  top:-159px;
  }
#imap a#four:hover span {
  left:-236px; 
  top:-167px;
  }
#imap a#five:hover span {
  left:-309px; 
  top:-37px;
  }
#imap a#six:hover span {
  left:-274px; 
  top:-125px;
  }
#imap a#seven:hover span {
  left:-174px; 
  top:-140px;
  width:175px;
  }
#imap a#eight:hover span {
  left:-231px; 
  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; 	
}