body {
  font: 12px/16px Helvetica, Arial, sans-serif;
  background: url(../images/background.gif);
  margin-bottom: 20px;
}

a {
  font-weight: bold;
  color: black;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#udmww {
  position: absolute;
  top: 36px;
  left: 1070px;
  width: 152px;
  height: 132px;
  background: url(../images/udmww.png) no-repeat;
}

#header {
  position: absolute;
  top: 0px;
  left: 30px;
  background: white;
  padding: 37px 5px 0px 25px;
}

#logo {
  display: block;
  background: url(../images/logo.png) no-repeat;
  width: 283px;
  padding: 13px;
  padding-top: 41px;
  color: #222;
  font-size: 9px;
  text-indent: -9999px;
}

#featured {
  background: #333;
  width: 1098px;
  height: 155px;
  margin-left: 150px;
  margin-top: 70px;
  white-space: nowrap;
}

  #featured span {
    position: absolute;
    left: 880px;
    top: 228px;
    font-size: 9px;
    color: #ccc;
    width: 340px;
    text-align: right;
  }

ul#nav {
  overflow: hidden;
  position: absolute;
  list-style: none;
  left: 150px;
  top: 225px;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 2;
}

  ul#nav a {
    color: white;
    display: block;
    font-weight: bold;
    padding: 20px 10px 4px;
    background: black;
    border-right: 1px solid white;
    width: 125px;
  }
  
  ul#nav li {
    float: left;
  }
  
  ul#nav a:hover,
  ul#nav li:hover {
    color: #f5d800;
    text-decoration: none;
  }
  
  ul#nav li.selected a,
  ul#nav li.selected a:hover {
    padding-top: 28px;
    color: #f5d800;
  }

#bigquote {
  width: 840px;
  font-size: 40px;
  font-weight: bold;
  line-height: 55px;
  margin-left: 20px;
  position: relative;
  top: 20px;
}

  #bigquote span {
    position: absolute;
    margin-left: -20px;
  }
  
  #byline {
    margin-left: 24px;
    margin-top: 36px;
    font-size: 22px;
  }

#content {
  width: 876px;
  margin-left: 161px;
  padding-top: 75px;
}

  #content h1 {
    margin-top: 15px;
  }

  #content h3 {
    font-size: 11px;
    margin: -1px 0px -5px 0px;
  }

  #content h4 {
    color: #999;
    font-weight: bold;
    display: block;
    margin-top: 15px;
    margin-bottom: 1px;
  }
  
  #content h4.dark {
    color: #222;
  }

  #content strong {
    color: #222;
  }

  #content p {
    margin: 13px 0px 0px;
  }

  #content .highlight {
    background: #ededed;
  }

  #content small {
    display: block;
    font-size: 9px;
    line-height: 13px;
    padding-top: 2px;
  }

  #content.gallery {
    padding-top: 180px;
    margin-left: 150px;
    width: 560px;
  }

.column {
  width: 251px;
  min-height: 328px;
  float: left;
  margin-right: 41px;
}

#next, #prev {
  width: 51px;
  height: 51px;
  position: absolute;
  margin-top: 40px;
}

  #next {
    background: url(../images/oralhistories/next.png);
    margin-left: 1000px;
  }

  #prev {
    margin-left: -80px;
    background: url(../images/oralhistories/prev.png);
  }

  #next a,
  #prev a {
    position: absolute;
    width: 130px;
    font-size: 11px;
    font-weight: bold;
    margin-left: -90px;
    margin-top: -12px;
    padding: 30px 10px;
  }
  
  #prev a {
    width: 40px;
    margin-left: -5px;
    padding-bottom: 40px;
  }

.bio {
  position: relative;
  display: block;
}

.bio .badge {
  position: absolute;
  top: 63px;
  left: 80px;
  width: 27px;
  height: 27px;
  display: block;
  text-indent: -9999px;
  background: #f5d800;
}

.photo {
  margin-left: 145px;
}

.contributors li {
  font-size: 11px;
  line-height: 14px;
}

  .contributors li.subhead {
    margin: 7px 0px 2px;
    line-height: 13px;
  }

  .contributors li.subhead strong {
    color: #bbb;
  }

  .contributors li span {
    display: block;
    margin-left: 15px;
  }