[staff_loop]
 <div class="staff-member-info-wrap­"> <p align="left"><img class="staff-member-photo"­ src="[staff-photo-url]"<h2>[staff-name]</h2><br>[staff-position]­<p></p>­<p></p>­<p></p>­<p></p>­<p></p><p></p>­<p></p>­­ <p></p>[staff-bio]<br><br> <b>Email:</b> [staff-email-link]<br> </div> </td> </tr> </table>
[/staff_loop]


/*  div wrapped around entire staff list  */
div.staff-member-listing {
 
}
 
/*  div wrapped around each staff member  */

div.staff-member {
        border-radius: 8px;
display: inline-block !important;

        border: thin solid #ccc;
        padding: .5em;

       width: 31.5%;
  //     height: 300px;
}
 
/*  "Even" staff member  */
div.staff-member.even {
         margin-top: 1em;
}
 
/*  "Odd" staff member  */
div.staff-member.odd {
        margin-top: 1em;
}
 
/*  Last staff member  */
div.staff-member.last {

}


/*  Wrap around staff info  */
 
.staff-member-info-wrap {
 display: inline-block !important;

  //      padding: .5em;
      position: relative;
// background-color:yellow;
        float: right;
        font-size: 1em;
     width: 47%;
 //       top: -2%;
  //      left: 105%;
// display: none;

}
 
/*  [staff-bio-formatted]  */
div.staff-member-bio {
 
}
 
/*  p tags within [staff-bio-formatted]  */
div.staff-member-bio p {
 
}
 
/*  [staff-photo]  */
img.staff-member-photo {
        float: left;
}

/*  [staff-photo]  */
img.staff-member-photo-overlay {
        float: left;
margin: 6px;
}

 
/*  [staff-email-link]  */
.staff-member-email {
 
}
 
/*  [staff-name-formatted]  */
div.staff-member-listing h3.staff-member-name {
        margin: 0;
}
 
/*  [staff-position-formatted]  */
div.staff-member-listing h4.staff-member-position {
        margin: 0;
        font-style: italic;
}
 
/* Clearfix for div.staff-member */
div.staff-member:after {
        content: "";
        display: block;
        clear: both;
}