/* CSS Document */
/* ...................................................... */
/* The image and overlayed text that will fill one iframe */
/* ...................................................... */
.IMimage {
   position: absolute;/**/
   width: 100%; /* for IE 6 */
   text-align:right;/**/
   z-index:999;   /*new */
}
.IMimage img{
position:absolute;
z-index:-50;
top:0;
left:0;
}

.IMh1 {
   position: absolute;
   top: 150px;
   left: 0; /* testing */
   width: 100%;  /**/  /* testing */
   z-index:10; /* new*/
}
.IMh1 span{
   color: #ffffff;
   font: bold 20px/28px Georgia, Sans-Serif;
   letter-spacing: 1px;
/*   background: rgb(0, 0, 0); /* fallback color */
/*   background: rgba(0, 0, 0, 0.3); */
   padding: 10px;
   text-align:right;
   border-bottom:2px dotted #fff;
	/*position:absolute;  testing */
	/*z-index:100;  testing */
}
.IMh2 {
   position: absolute;
   top: 200px;
   left: 0;  /* testing */
   width: 90%;
   margin-left:50px;
   margin-right:10px;
}
.IMh2 span {
   color: #ffffff;
   font: bold 11px/19px Arial, Sans-Serif;
   letter-spacing: 0px;
/*   background: rgb(0, 0, 0); /* fallback color */
/*   background: rgba(0, 0, 0, 0.3); */
   padding-top: 5px;
   text-align:right;
}
.IMh2 span.spacer {
   padding:0 5px;
}
/* ...................................................... */
/* The list that will control the iframe */
/* ...................................................... */
.p_on {
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	color: #882200  ;
}
.p_off {
	font-family: "Arial";
	font-size: 11px;
	font-weight: normal;
//	color: #880600;
	color: #ffffff;
}
.p_current {
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	color: #393939;
}
a{
	text-decoration: none;
}
/*......................................................*/
/* the table that hold the widget */
/*......................................................*/
#thephoto {
  width:540px;
  height:340px;
}
table{width:900px; border:1px dotted #393939; background-color:#e5e5e5; border-spacing:5px;}
td.pic {text-align:left; vertical-align:top;  width:540px; height:340px; padding:0px; border:0px solid #000;}
td.list {text-align:left; vertical-align:top; width:150px; height:340px; padding:5px; border:0px solid #000; background-color:#B0B9B4; line-height:1.1em;}
td.map {text-align:right; vertical-align:top; width:210px; height:340px; padding:0px; border:0px solid #000;}

/*.....................................................*/
/* the map and hotspots */
/* .....................................................*/
#pic {
width: 210px;
height: 340px;
position: relative;
}
#pic ul {
margin: 0;
padding:0;
list-style: none;
}
#pic li a:link, #pic li a:link.current{
/* background-color:#000; */
}
#pic li a:visited{
/* background-color:#ffffff;*/
}
#pic li a:hover{
background-color:#990000;
border:1px solid #990000;
}
#pic li a:active, #pic li a:active.current{
/* background-color:#333333;*/
}

#pic li a.current{
background-color:#333333;
border:1px solid #333333;
}
#pic li a.on{
background-color:#990000;
border:1px solid #990000;
}
#pic li a.off{
background-color: #ff9999; 
border:1px solid #ff9999;
}
#pic a {
position: absolute;
width: 5px;
Height: 5px;
text-decoration:none;
background-color: #ff9999; 
border:1px solid #ff9999;
} 

#pic #Beach a 			{ top: 232px;	left: 130px;}
#pic #Carman a 			{ top: 210px; 	left: 110px; }
#pic #Cochrane a 		{ top: 216px; 	left: 118px; } 
#pic #Cole a 			{ top: 216px; 	left: 126px; } 
#pic #DuGranrut a 		{ top: 208px; 	left: 133px;}
#pic #Dumas a 			{ top: 83px; 	left: 57px;}
#pic #EspinosaFamily a 	{ top: 200px; 	left: 125px;}
#pic #EspinosaJessie a 	{ top: 200px; 	left: 133px;}
#pic #Espinoza a 		{ top: 208px; 	left: 125px;}
#pic #FloraGraser a 	{ top: 224px; 	left: 120px;}
#pic #Furey a 			{ top: 232px; 	left: 175px;}
#pic #Humboldt a 		{ top: 205px; 	left: 117px;}
#pic #Jorgensen a 		{ top: 242px; 	left: 90px;}
#pic #Magneson a 		{ top: 212px; 	left: 143px;}
#pic #Mainstone a 		{ top: 165px; 	left: 63px;}
#pic #Menghetti a 		{ top: 182px; 	left: 85px;}
#pic #Okuye a 			{ top: 220px; 	left: 143px;}
#pic #Pfeiffer a 		{ top: 288px; 	left: 88px;}
#pic #Rocha a 			{ top: 95px; 	left: 60px;}
#pic #Silveira a 		{ top: 216px; 	left: 135px;}
#pic #Voorhees a 		{ top: 97px; 	left: 35px;}
#pic #ZollingerNunes a 	{ top: 224px; 	left: 128px;}