#familytree {
  width: 545px;
  height: 551px;
  background-image: url("images/familytree.png");
  position: relative;
}

#steve {
  left: 170px;
  top: 20px;
  position: absolute;
  background-image: url("images/stevesprite.png");
  background-position:  0 0;
  width: 88px;
  height: 110px;
}
#joan {
  left: 270px;
  top: 19px;
  position: absolute;
  background-image: url("images/joansprite.png");
  background-position:  0 0;
  width: 103px;
  height: 110px;
}
#ginger {
  left: 35px;
  top: 100px;
  position: absolute;
  background-image: url("images/gingersprite.png");
  background-position:  0 0;
  width: 144px;
  height: 157px;
}
#scott {
  left: 180px;
  top: 180px;
  position: absolute;
  background-image: url("images/scottsprite.png");
  background-position:  0 0;
  width: 77px;
  height: 96px;
}
#emily {
  left: 260px;
  top: 130px;
  position: absolute;
  background-image: url("images/emilysprite.png");
  background-position:  0 0;
  width: 77px;
  height: 95px;
}
#jeff {
  left: 340px;
  top: 190px;
  position: absolute;
  background-image: url("images/jeffsprite.png");
  background-position:  0 0;
  width: 71px;
  height: 91px;
}
#kim {
  left: 400px;
  top: 130px;
  position: absolute;
  background-image: url("images/kimsprite.png");
  background-position:  0 0;
  width: 77px;
  height: 92px;
}

#steve:hover {
  background-position:  -88 0;
  width: 88px;
  height: 110px;
}
#steve:hover + #stevetext, #joan:hover + #joantext, #ginger:hover + #gingertext, #scott:hover + #scotttext, 
#emily:hover + #emilytext, #jeff:hover + #jefftext, #kim:hover + #kimtext {
    display:block;  
}
#joan:hover {
  background-position:  -103 0;
  width: 103px;
  height: 110px;
}
#ginger:hover {
  background-position:  -144 0;
  width: 144px;
  height: 157px;
}
#scott:hover {
  background-position:  -77 0;
  width: 77px;
  height: 96px;
}
#emily:hover {
  background-position:  -77 0;
  width: 77px;
  height: 95px;
}
#jeff:hover {
  background-position:  -71 0;
  width: 71px;
  height: 91px;
}
#kim:hover {
  background-position:  -77 0;
  width: 77px;
  height: 92px;
}
 
div.text {
    display:none;
    background-color: rgba(252,238,196,0.9);
    padding: 0 10 10 10;
    position:absolute;
    width: 340px;
    top: 300px;
    left: 40px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
div.text h3 {
   font-size: 20px;
}
div.text p {
  font-size: 16px;
  color: black;
  line-height: 120%;
}