.boardMember .boardMemberName h4{
  color: #172962;
  font-size: .9em;
  margin-bottom: 0;
  font-weight:700;
}


.boardMember .boardMemberName h5{
  color: #172962;
  font-size: .7em;
  margin-bottom: 0;
  font-weight: 400;
}





.boardMember {
  width: 29.7619048%;
  margin-right: 3.5714286%;
  float: left;
  position: relative; }

.js .boardMemberInfo {
  cursor: pointer;
  padding-bottom: 19px; }

.js .boardMemberOpen .boardMemberInfo {
  background: url(../imgs/board-arrow.png) center bottom no-repeat; }

.js .boardMemberName {
  padding: 12px 0; }

.boardMemberName h2 {
  color: #172962;
  font-size: .9em;
  margin-bottom: 0; }

.boardMemberName h3 {
  color: #172962;
  font-size: .7em;
  margin-bottom: 0;
  font-weight: normal; }

.js .boardMemberOpen .boardMemberName {
  background-color: #e1effc;
  border-left: 1px solid #cce7f2;
  border-right: 1px solid #cce7f2; }

.boardMemberPhoto {
  border: 1px solid #bbbbbb; }

.js .boardMemberOpen .boardMemberPhoto {
  border-color: #cce7f2; }

.js .boardMemberName {
  text-align: center; }

.js .boardMemberBiog {
  float: none;
  clear: both;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .js .boardMemberBiog.focusable:active, .js .boardMemberBiog.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.js .boardMemberOpen .boardMemberBiog {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: 212%;
  padding: 0px; 
  margin-bottom:8px;
  margin-top:4px;
}

.js .boardMemberOpen .boardMemberBiogInner {
   border:1px solid #cce7f2;
   border-radius:4px;
   background-color:#e1effc;
   padding:8px;
}



.js .boardMemberCol0 {
  clear: both; }

.js .boardMemberCol1 .boardMemberBiog {
  margin-left: -56%; }

.js .boardMemberCol2 .boardMemberBiog {
  margin-left: -112%; }



.no-js .boardMember {
  width: auto;
  float: none;
  border-top: 1px solid #cce7f2;
  padding-top: 18px;
  padding-bottom:18px;
  *zoom: 1; }
  .no-js .boardMember:before, .no-js .boardMember:after {
    content: " ";
    display: table; }
  .no-js .boardMember:after {
    clear: both; }

.no-js .boardMemberPhoto {
  width: 30.8641975%;
  margin-right: 3.7037037%;
  float: left; }

.no-js .boardMemberName {
  margin-bottom: 0.65em; }

.no-js .boardMemberBiog {
  width: 65.4320988%;
  margin-left: 34.5679012%; }

.js .boardMemberToggle {
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  overflow: hidden;
  background-color:  #172962;
  color:  #b3d4fc;
  padding: 0;
  margin: 0;
  right: 12px;
  top: 12px;
  text-align: center;
  border-radius: 3px; }

.js .boardMemberOpen .boardMemberToggle {
  color: #172962;
  background-color: #b3d4fc; }

.js .boardMemberToggle i {
  font-size: 1.2em;
  line-height: 1.2em; }




.js .boardMemberToggle i.icon-minus {
  display: none; 
}

.js .boardMemberToggle i.icon-plus:before {
  line-height:1em!important; 
}

.js .boardMemberToggle i.icon-minus:before {
  line-height:1em!important; 
}


.js .boardMemberOpen .boardMemberToggle i.icon-plus {
  display: none; }

.js .boardMemberOpen .boardMemberToggle i.icon-minus {
  display: block; }

.no-js .boardMemberToggle {
  display: none; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
  .js .boardMemberOpen .boardMemberInfo {
    background-image: url(../imgs/board-arrow_2x.png);
    background-size: 250px 19px; } }
@media only screen and (max-width: 519px) {
  .board {
    margin-left: 2.5%;
    margin-right: 2.5%; }

  .boardMember {
    width: auto;
    float: none;
    border-top: 1px solid #cce7f2;
    padding-top: 18px;
    margin-right: 0;
    *zoom: 1; }
    .boardMember:before, .boardMember:after {
      content: " ";
      display: table; }
    .boardMember:after {
      clear: both; }

  .boardMemberInfo, .js .boardMemberInfo {
    padding: 0; }

  .boardMemberPhoto, .no-js .boardMemberPhoto {
    width: 31.5789474%;
    margin-right: 2.6315789%;
    float: left;
    position: relative; }

  .js .boardMemberName {
    text-align: left;
    padding: 0;
    float: left;
    background: none !important;
    width: auto;
    width: 65%;
    border: none !important;
    margin-bottom: .65em; }

  .boardMemberBiog, .js .boardMemberBiog, .js .boardMemberOpen .boardMemberBiog, .js .boardMemberCol1 .boardMemberBiog, .js .boardMemberCol2 .boardMemberBiog {
    width: 65.7894737% !important;
    margin: 0 !important;
    margin-left: 34.2105263% !important;
    clip: auto !important;
    height: auto;
    position: relative;
    overflow: visible;
    padding: 0;
    clear: none !important; }

  .boardMemberToggle {
    display: none; } }
@media only screen and (max-width: 983px) {
  .js .boardMemberBiog {
    width: 324%; }

  .js .boardMemberOpen .boardMemberBiog {
    width: 324%; }

  .js .boardMemberCol1 .boardMemberBiog {
    margin-left: -112%; }

  .js .boardMemberCol2 .boardMemberBiog {
    margin-left: -224%; } }