BODY {
    color: #000000;
    background: #ffffff;
    font-family: "Verdana", "Helvetica", "Arial", sans-serif;
    font-size: 100%;
}
A:visited {
  /* color: #000050; */
  color: #211386;
}   
A:link {
  /*  color: #000099; */
  color: #1f19b3;
}   
A:hover {
  /*  color: #cc0000; */
  color: #5852ef;
}
A:active {
  color: #cd231d;
}   
TT {
    font-family: "Courier New", "Andale Mono", "Monotype.com", "Lucida Console", monospace;
}
html {
  font-size: 100%;
}
div.vpadd {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
div.big {
  font-size: 125%;
}
img.wfull {
  width: 100%;
}
div.hacenter {
  text-align: center;
}
span.fleft {
  float: left;
}
span.fright {
  float: right;
}
div.cmu-hero {
  background: url("cmu-hero-blur.jpg");
  background-size: cover;
  background-position: center;
}
div.hero-unit {
  color: #ffffff;
  font-weight: bold;
}
a.inverse:link, a.inverse:visited {
  color: #bbbbff;
}
a.inverse:hover {
  color: #ffffff;
}
a.inverse:active {
  color: #ffffff;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  /* padding-top: 25px; */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}