.staff-directory-options-area {
  align-items:center;
  display:flex;
  flex-direction:row;
  height:50px;
  justify-content:space-around;
  margin-bottom:10px
}
.staff-directory-option {
  align-items:center;
  border:1px solid #ddd;
  border-radius:5px;
  display:flex;
  flex-grow:1;
  font-size:1.2em;
  justify-content:center;
  margin:0 5px;
  padding:10px 30px;
  text-decoration:none
}
.staff-directory-option:hover {
  background-color:#f6f6f6;
  text-decoration:none
}
.directory-area {
  display:flex;
  flex-direction:column
}
.staff-member-area {
  align-items:flex-start;
  background-color:#f6f6f6;
  border:1px solid #ddd;
  border-radius:2px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  margin:5px 0
}
.staff-photo-area {
  align-items:flex-start;
  display:flex;
  justify-content:center;
  margin:10px;
  min-height:128px;
  min-width:100px;
  order:1
}
.staff-photo {
  max-height:128px;
  max-width:100px
}
.staff-info-area {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  margin:5px 0;
  order:2;
  padding:5px
}
.staff-info-item {
  margin-bottom:5px
}
.staff-name {
  font-size:1.1em;
  order:1
}
.staff-title {
  order:2
}
.staff-email {
  order:3
}
.staff-phone {
  order:4
}
.service-area {
  margin-bottom:20px
}
.service-area-name {
  font-weight:700
}
.liaison-area {
  margin-bottom:20px
}
.liaison-department {
  font-weight:700
}