#imgpos1
{
float:left;
text-align:center;
width:140px;
margin:50px 0 20px 0;
padding:0;
}

ul.spotcont1
{
background:transparent url(images/mabel.jpg) top left no-repeat;
position:relative;
width:140px;
height:210px;
list-style:none;
font-size:1.0em;
margin:0;
padding:0;	
}	

#imgpos2
{
float:left;
text-align:center;
width:140px;
margin:50px 0 20px 200px;
padding:0;
}

ul.spotcont2
{
background:transparent url(graphics/help.jpg) top left no-repeat;
position:relative;
width:100px;
height:40px;
list-style:none;
font-size:1.0em;
margin:0;
padding:0;	
}	

li.spot a
{
position:absolute;
border:0px none black;
}

li.spot
{
position:absolute;
border:0px none white;
}

li.spot a span
{
display:none;	
}

li.spot a:hover
{
border:none;
}

ul spotcont1:hover li
{
border:none;
}

ul spotcont2:hover li
{
border:none;
}

li.spot a:hover span
{
display:block;
position:absolute;
color:black;
background-color:white;
border:1px solid black;
padding:5px;	
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

a:active
{
text-decoration:none;
background-color:transparent;
}

a:visited
{
text-decoration:none;
background-color:transparent;
}

a:link
{
text-decoration:none;
background-color:transparent;
}

li.spot a:hover
{
text-decoration:none;
background-color:transparent;
}

li.spot1
{
top:0px;
left:0px;
width:140px;
height:210px;
}

li.spot1 a
{
top:0px;
left:0px;
width:140px;
height:210px;
}

li.spot1 a span
{
top:150px;
left:150px;
width:210px;
}

li.spot2
{
top:0px;
left:0px;
width:100px;
height:40px;
}

li.spot2 a
{
top:0px;
left:0px;
width:100px;
height:40px;
}

li.spot2 a span
{
top:40px;
left:100px;
width:210px;
}