/* Mobile styles */
@media handheld {
  html,
  body {
    font: 12px/15px sans-serif;
    background: #fff;
    padding: 3px;
    color: #000;
    margin: 0;
  }
  * {
    float: none;
  }
  #sidebar,
  #footer {
    display: none;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: normal;
  }
  #content img {
    max-width: 250px;
  }
  .center {
    width: 100% !important;
    text-align: center;
  }
  a:link,
  a:visited {
    text-decoration: underline;
    color: #0000CC;
  }
  a:hover,
  a:active {
    text-decoration: underline;
    color: #660066;
  }
  .header,
  .nav,
  .sub-nav-bg,
  div.footer {
    margin-left: 0;
  }
}
@media only screen and (max-device-width: 480px) {
  html {
    -webkit-text-size-adjust: none;
    /* iPhone */
    -ms-text-size-adjust: none;
    /* autoprefixer: off */
    -moz-text-size-adjust: none;
    /* autoprefixer: on */
    text-size-adjust: none;
  }
}
.enrollstatus {
  text-align: center;
  font-weight: bold;
}
.floatmenu,
div.ad {
  visibility: hidden;
  height: 0;
}
/*@media all and (max-device-width: 799px) and (orientation: portrait) { .modalVideo { -webkit-transform: rotate(90deg); } } -- doesn't work right '*/