.box {
  margin: 0 10px 16px 10px; }
  .box:before {
    display: block;
    background-repeat: no-repeat;
    line-height: .1;
    font-size: 1px;
    content: url(../images/oo/onWhiteNW.png);
    background-image: url(../images/oo/onWhiteNE.png);
    background-position: top right;
    background-repeat: no-repeat;
    padding-bottom: 4px; }
  .box:after {
    display: block;
    background-repeat: no-repeat;
    line-height: .1;
    font-size: 1px;
    content: url(../images/oo/onWhiteSW.png);
    background-image: url(../images/oo/onWhiteSE.png);
    background-position: bottom right;
    background-repeat: no-repeat; }

p {
  line-height: 16px;
  margin-bottom: 16px; }

h2 {
  font-size: 153.9%;
  font-weight: bold;
  font-family: "Century Gothic", "Apple Gothic", "Lucida Sans Unicode", Tahoma, sans-serif;
  line-height: 24px;
  margin-bottom: 8px;
  color: #df111c; }

.subtitle {
  text-transform: lowercase;
  font-size: 197%;
  font-family: "Century Gothic", "Apple Gothic", "Lucida Sans Unicode", Tahoma, sans-serif; }

.content {
  height: 345px; }

.menu {
  height: 24px; }
  .menu [ref] {
    cursor: pointer; }
    .menu [ref].selected {
      color: #df111c; }
    .menu [ref]:hover {
      color: #df111c; }

.bioPic {
  cursor: pointer;
  height: 50px;
  padding-left: 3px;
  margin-bottom: 5px;
  border-left: 7px solid white; }
  .bioPic.selected {
    border-left-color: #df111c; }
  .bioPic .name {
    font-size: 70%;
    line-height: 10px;
    padding-top: 8px; }
  .bioPic img {
    vertical-align: middle;
    padding-right: 3px; }

.foot {
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 16px;
  font-family: "Century Gothic", "Apple Gothic", "Lucida Sans Unicode", Tahoma, sans-serif;
  font-size: 108%; }

.menu {
  font-family: "Century Gothic", "Apple Gothic", "Lucida Sans Unicode", Tahoma, sans-serif;
  font-size: 108%;
  font-weight: bold; }