body { padding: 0; margin: 0; }


.meet_the_staff ul{ 
  margin: 0px 26px; 
  padding-top:40px;
  padding-bottom:0px;
  width: 350px;
  float:left;
  height:2100px;
  padding-left:3px;
  list-style-type: none;
  background-image: url(images/oursttaff_backplate.jpg);
  background-repeat: no-repeat;
}

.meet_the_staff ul li { 
  position:relative; 
}

/* Add on's my own */

.meet_the_staff ul li:hover span h4 { 
  display:block;
  position:absolute;
  left: 7px; 
  top:0px;
  width: 119px; 
  height: 133px; 
  text-indent: -9999px; 
}

.popUpContainer { width:400px; height:420px; }
.popUpContainer:hover { width:400px; height:420px; }

.nameID { width:100px; float:left; text-align:right; padding:130px 0 0 120px; font:20px Tahoma, Sans-Serif; }

.pictureFrame { width:160px; float:right; text-align:right; }

.popUpInfo { clear:both; font:12px Verdana, Sans-Serif; padding:20px 20px 0 0; text-align:right; }

.popUpInfo a:link, .popUpInfo a:visited { font-size:14px; font-weight:bold; color:#000; }
.popUpInfo a:hover, .popUpInfo a:active { color:#496a97; text-decoration:underline; }

.email-button { width:260px; float:right; background:none; border:0px; font:18px Tahoma, Sans-Serif; text-decoration:underline; }

.bio-button { width:260px; margin-top:20px; float:right; background:none; border:0px; font:bold 20px Tahoma, Sans-Serif; text-decoration:underline; }

.email a:link, .email a:visited { display:block; width:260px; text-align:center; float:right; background:none; font:normal 16px Verdana, Sans-Serif; text-decoration:none; }
.email a:hover, .email a:active { display:block; width:260px; text-align:center; float:right; background:none; font:normal 16px Verdana, Sans-Serif; text-decoration:none; }

.bio a:link, .bio a:visited { display:block; width:260px; text-align:center; margin-top:20px; float:right; background:none; font:bold 20px Tahoma, Sans-Serif; text-decoration:none; }
.bio a:hover, .bio a:active { display:block; width:260px; text-align:center; margin-top:20px; float:right; background:none; font:bold 20px Tahoma, Sans-Serif; text-decoration:none; }

.gotobio {
  margin: 0px;
  margin: 0px;
  position:absolute;
  top:240px;
  left:80px;

  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: -.04em;
}

.gotobio a:hover 
{color: red;}

.meet_the_staff ul li:hover span#popup01 h4{
  background-image: url(images/FD_mts_everybodyname.jpg); 
  background-repeat: no-repeat; 
  background-position: 0px 0px;
}

.meet_the_staff ul li:hover span#popup02 h4 {
  background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
  background-position: -119px 0px;
}

.meet_the_staff ul li:hover span#popup03 h4 {
  background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
  background-position: -238px 0px;
}

.meet_the_staff ul li:hover span#popup04 h4 {
  background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
  background-position: -357px 0px;
}

.meet_the_staff ul li:hover span#popup05 h4 {
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -476px 0px;
}

.meet_the_staff ul li:hover span#popup06 h4 {
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -595px 0px;
}

.meet_the_staff ul li:hover span#popup07 h4 {
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -714px 0px;
}

.meet_the_staff ul li:hover span#popup08 h4 {
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -833px 0px;
}

.meet_the_staff ul li:hover span#popup09 h4 {
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -952px 0px;
}

.meet_the_staff ul li:hover span#popup10 h4
{
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -1071px 0px;}

.meet_the_staff ul li:hover span#popup11 h4
{
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -1190px 0px;}

.meet_the_staff ul li:hover span#popup12 h4
{
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -1309px 0px;}

.meet_the_staff ul li:hover span#popup13 h4
{
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -1428px 0px;}

.meet_the_staff ul li:hover span#popup14 h4
{
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -1547px 0px;}

.meet_the_staff ul li:hover span#popup15 h4
{
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -1666px 0px;}

.meet_the_staff ul li:hover span#popup16 h4
{
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -1785px 0px;}

.meet_the_staff ul li:hover span#popup17 h4
{
background-image: url(images/FD_mts_everybodyname.jpg); background-repeat: no-repeat; 
background-position: -1904px 0px;}


img  {border: none;}
