body .grayBG {
  background-color: #f2f2f2; }
body .fullWidth {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: none !important; }
body .valign-middle {
  display: table; }
  body .valign-middle > .columns {
    display: table-cell;
    vertical-align: middle; }
  body .valign-middle > .columns, body .valign-middle > [class*="column"] + [class*="column"]:last-child {
    float: none; }
body .noMargin {
  margin: 0 !important; }
body .noPadding {
  padding: 0 !important; }
body #top {
  font-family: "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  body #top #heroImage {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/media/Oakland/Assets/University-Offices/images/banners/UniversityOfficesBG-Webb.jpg");
    background-color: #00000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    max-width: none;
    min-height: 520px; }
    body #top #heroImage #headerContent {
      max-width: 62.5em; }
      @media screen and (min-width: 40.001em) {
        body #top #heroImage #headerContent {
          padding-top: 11.5em; } }
      @media screen and (max-width: 40em) {
        body #top #heroImage #headerContent {
          padding-top: 9em; } }
      body #top #heroImage #headerContent .introHeading h1 {
        font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        color: #efe4c8;
        font-size: 4.5em;
        line-height: .8em;
        text-transform: uppercase; }
        @media screen and (max-width: 39.999em) {
          body #top #heroImage #headerContent .introHeading h1 {
            font-size: 3em;
            line-height: .9em; } }
        @media screen and (min-width: 25em) and (max-width: 40em) {
          body #top #heroImage #headerContent .introHeading h1 {
            font-size: 3.5em;
            line-height: .9em; } }
        @media screen and (min-width: 40.001em) and (max-width: 64em) {
          body #top #heroImage #headerContent .introHeading h1 {
            font-size: 4.5em; } }
      body #top #heroImage #headerContent .introText {
        padding-bottom: 3em;
        padding-top: .4em; }
        @media screen and (min-width: 64.063em) {
          body #top #heroImage #headerContent .introText {
            padding-bottom: 1em; } }
        body #top #heroImage #headerContent .introText p {
          font-family: "ITC Garamond W01 Light";
          font-size: 1.1em;
          color: #ffffff;
          line-height: 1.5;
          margin: 0; }
          @media screen and (max-width: 40em) {
            body #top #heroImage #headerContent .introText p {
              font-size: 1em; } }
body #mainContent #listContainer {
  margin: 1.4em 0em 1.4em 0; }
  @media screen and (min-width: 64.063em) {
    body #mainContent #listContainer #column1 {
      padding: 0 .7em 0 .7em; } }
  body #mainContent #listContainer #column1 .list {
    background-color: #f0ece2; }
  @media screen and (min-width: 64.063em) {
    body #mainContent #listContainer #column2, body #mainContent #listContainer #column3 {
      padding: 0  .7em 0 .7em; } }
  body #mainContent #listContainer #column2 .list, body #mainContent #listContainer #column3 .list {
    background-color: #eeeeee; }
  body #mainContent #listContainer h2 {
    font-size: 1.2em;
    line-height: 1.1em;
    font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    color: #b59a57;
    padding: 0;
    margin: 0;
    text-transform: uppercase; }
  body #mainContent #listContainer .list {
    padding: 1.4em;
    margin-bottom: 1.4em; }
    body #mainContent #listContainer .list ul {
      list-style-type: none;
      margin: 0; }
      body #mainContent #listContainer .list ul li {
        padding-top: .7em;
        line-height: 1.2em;
        font-size: .8em; }
        body #mainContent #listContainer .list ul li a {
          color: #3f3f3f; }
        body #mainContent #listContainer .list ul li a:hover {
          text-decoration: underline; }
  body #mainContent #listContainer .list-padding-top {
    padding-top: .9em; }
  body #mainContent #listContainer .indent {
    padding-left: 30px;
    list-style-position: inside; }