body {
  background: #fff;
  background-color: #fff; }
  body .valign-middle {
    display: table; }
    body .valign-middle > .columns {
      display: table-cell;
      vertical-align: middle;
      float: none; }
    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("https://www.oakland.edu/Assets/template-assets/landingPages/campus-life/images/campusLifeHeader.jpg");
      background-color: #000000;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      max-width: none;
      min-height: 520px; }
      body #top #heroImage #headerContent {
        max-width: 62.5em; }
        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; }
        body #top #heroImage #headerContent .introText {
          padding-bottom: 3em;
          padding-top: .4em; }
          body #top #heroImage #headerContent .introText p {
            font-family: "ITC Garamond W01 Light";
            font-size: 1.1em;
            color: #fff;
            line-height: 1.5;
            margin: 0; }
  body #mainContent {
    background: #fff;
    background-color: #fff; }
    body #mainContent a {
      color: #000;
      text-decoration: underline; }
      body #mainContent a:hover {
        color: #877148; }
    body #mainContent .largeOUButton:hover {
      color: #fff; }
    body #mainContent #middleContent {
      padding-top: 3rem; }
      body #mainContent #middleContent #positioningCopy .ouGivingVideo {
        margin-bottom: 1rem; }
        body #mainContent #middleContent #positioningCopy .ouGivingVideo .flex-video {
          padding-top: 0px;
          margin-bottom: 0px; }
        body #mainContent #middleContent #positioningCopy .ouGivingVideo .ucmCollapsibleBox {
          padding: 0px 0px 6px; }
          body #mainContent #middleContent #positioningCopy .ouGivingVideo .ucmCollapsibleBox .FauxLegend {
            font-size: 1rem !important;
            border-bottom: none;
            padding: 7px 7px 1px 21px; }
      body #mainContent #middleContent #positioningCopy h2 {
        color: #877148;
        font-family: "Helvetica Neue LT W01_67 Md Cn","Roboto Condensed","Helvetica Neue LT W01_65 Md","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
        font-size: 1.3rem;
        line-height: 1.3rem;
        margin-bottom: 0.25rem;
        margin-top: 2rem; }
      body #mainContent #middleContent #positioningCopy .serifCopy {
        padding-top: 0.4rem;
        font-family: "ITC Garamond W01 Book","Garamond",Times,serif;
        font-size: 1.3rem;
        line-height: 2rem;
        color: #000; }
      body #mainContent #middleContent #positioningCopy .largeOUButton {
        background-color: #877148;
        border: 0px;
        text-transform: uppercase;
        color: #fff;
        font-family: "Helvetica Neue LT W01_57 Cond","Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
        font-size: 0.9rem;
        line-height: 1.2rem;
        letter-spacing: 0.04rem;
        text-decoration: none;
        margin-right: 1.5rem; }
      body #mainContent #middleContent #eventsColumn h3 {
        font-family: "Helvetica Neue LT W01_57 Cond","Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
        color: #877148;
        font-size: 1.45rem;
        line-height: 1.2rem;
        margin-bottom: 1rem; }
      body #mainContent #middleContent #eventsColumn .eventEntry {
        margin-bottom: 1rem; }
      body #mainContent #middleContent #eventsColumn .eventDate {
        text-transform: uppercase;
        font-family: "Helvetica Neue LT W01_77 Bd Cn","Roboto Condensed","Helvetica Neue LT W01_65 Md","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
        font-size: 0.95rem;
        line-height: 1.2rem; }
      body #mainContent #middleContent #eventsColumn .eventTitle {
        line-height: 1rem; }
        body #mainContent #middleContent #eventsColumn .eventTitle a {
          color: #000;
          text-decoration: none;
          line-height: 16px;
          font-size: 0.85rem; }
          body #mainContent #middleContent #eventsColumn .eventTitle a:hover {
            text-decoration: underline; }
      body #mainContent #middleContent #eventsColumn .eventTime {
        line-height: 1rem;
        font-family: "Helvetica Neue LT W01_71488914","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
        font-size: 0.8rem;
        margin-top: 0.3rem;
        margin-bottom: 1rem; }
      body #mainContent #middleContent #eventsColumn #featuredEvent {
        margin-bottom: 2rem; }
      body #mainContent #middleContent #eventsColumn #upcomingEvents .tabs-content {
        margin-bottom: 0; }
        body #mainContent #middleContent #eventsColumn #upcomingEvents .tabs-content > .content {
          padding: 0; }
      body #mainContent #middleContent #eventsColumn #upcomingEvents .eventEntry {
        border-bottom: 1px solid #dcdcdc; }
      body #mainContent #middleContent #eventsColumn #upcomingEvents #pageIndicators {
        margin-bottom: 2rem;
        margin-left: 0; }
        body #mainContent #middleContent #eventsColumn #upcomingEvents #pageIndicators li {
          display: inline-block;
          list-style-type: none;
          padding-right: 7px; }
          body #mainContent #middleContent #eventsColumn #upcomingEvents #pageIndicators li img {
            display: block;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 17px;
            height: 17px;
            padding-left: 17px;
            background: url("https://www.oakland.edu/Assets/template-assets/landingPages/campus-life/images/inactivePageIndicator.png") no-repeat;
            background-size: 17px 17px; }
        body #mainContent #middleContent #eventsColumn #upcomingEvents #pageIndicators li.active img {
          display: block;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          background: url("https://www.oakland.edu/Assets/template-assets/landingPages/campus-life/images/activePageIndicator.png") no-repeat;
          background-size: 17px 17px;
          width: 17px;
          height: 17px;
          padding-left: 17px; }
      body #mainContent #middleContent #eventsColumn #upcomingEvents .largeOUButton {
        background-color: #877148;
        border: 0px;
        text-transform: uppercase;
        color: #fff;
        font-family: "Helvetica Neue LT W01_57 Cond","Roboto Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
        font-size: 0.9rem;
        line-height: 1.2rem;
        letter-spacing: 0.04rem;
        text-decoration: none; }
    body #mainContent #bottomContent a {
      text-decoration: none; }
    body #mainContent #bottomContent #bottomContentWrapper {
      max-width: 100%;
      text-align: center;
      margin-top: 2rem; }
      body #mainContent #bottomContent #bottomContentWrapper #leftColumn {
        margin-right: -1px !important; }
      body #mainContent #bottomContent #bottomContentWrapper #rightColumn {
        margin-left: -1px !important;
        float: left; }
        body #mainContent #bottomContent #bottomContentWrapper #rightColumn .flexWrapper {
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          flex-direction: row; }
          body #mainContent #bottomContent #bottomContentWrapper #rightColumn .flexWrapper .table {
            height: 100%;
            display: table;
            width: 100%; }
            body #mainContent #bottomContent #bottomContentWrapper #rightColumn .flexWrapper .table .col {
              display: table-cell;
              vertical-align: middle; }
      body #mainContent #bottomContent #bottomContentWrapper .bottomRow {
        min-height: 17rem;
        width: 100%; }
        body #mainContent #bottomContent #bottomContentWrapper .bottomRow .titleBox {
          height: inherit; }
          body #mainContent #bottomContent #bottomContentWrapper .bottomRow .titleBox h3 {
            font-family: "Helvetica Neue LT W01_47 Lt Cn","Roboto Condensed","Helvetica Neue LT W01_65 Md","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
            font-size: 2rem;
            line-height: 2rem;
            text-transform: uppercase; }
        body #mainContent #bottomContent #bottomContentWrapper .bottomRow .copyBox {
          height: inherit;
          display: table-cell;
          vertical-align: middle;
          background-position: center center;
          background-size: cover;
          padding-top: 1rem;
          padding-bottom: 1rem; }
          body #mainContent #bottomContent #bottomContentWrapper .bottomRow .copyBox h4 {
            text-transform: uppercase;
            visibility: hidden;
            font-family: "Helvetica Neue LT W01_77 Bd Cn","Roboto Condensed","Helvetica Neue LT W01_65 Md","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
            font-size: 1rem;
            line-height: 0.9rem; }
          body #mainContent #bottomContent #bottomContentWrapper .bottomRow .copyBox p {
            visibility: hidden;
            font-size: 0.9rem;
            line-height: 1.2rem;
            padding-left: 0rem;
            padding-right: 0rem; }
      body #mainContent #bottomContent #bottomContentWrapper #oneLeft .copyBox {
        background-image: url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg"); }
      body #mainContent #bottomContent #bottomContentWrapper #oneLeft:hover .copyBox {
        background: -moz-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 231, 231, 0.9)), color-stop(100%, rgba(231, 231, 231, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #oneLeft:hover .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #oneLeft:hover .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #oneLeft:focus .copyBox {
        background: -moz-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 231, 231, 0.9)), color-stop(100%, rgba(231, 231, 231, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #oneLeft:focus .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #oneLeft:focus .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #twoLeft .copyBox {
        background-image: url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg");
        background-position: top center; }
      body #mainContent #bottomContent #bottomContentWrapper #twoLeft:hover .copyBox {
        background: -moz-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 38, 38, 0.9)), color-stop(100%, rgba(38, 38, 38, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background: -webkit-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background: -o-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background: -ms-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background: linear-gradient(0deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #twoLeft:hover .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #twoLeft:hover .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #twoLeft:focus .copyBox {
        background: -moz-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 38, 38, 0.9)), color-stop(100%, rgba(38, 38, 38, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background: -webkit-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background: -o-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background: -ms-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background: linear-gradient(0deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #twoLeft:focus .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #twoLeft:focus .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #threeLeft .copyBox {
        background-image: url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg");
        background-position: top center; }
      body #mainContent #bottomContent #bottomContentWrapper #threeLeft:hover .copyBox {
        background: -moz-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 113, 72, 0.98)), color-stop(100%, rgba(135, 113, 72, 0.98))), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#877148', endColorstr='#877148',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #threeLeft:hover .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #threeLeft:hover .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #threeLeft:focus .copyBox {
        background: -moz-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 113, 72, 0.98)), color-stop(100%, rgba(135, 113, 72, 0.98))), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#877148', endColorstr='#877148',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #threeLeft:focus .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #threeLeft:focus .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #fourLeft .copyBox {
        background-image: url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg"); }
      body #mainContent #bottomContent #bottomContentWrapper #fourLeft:hover .copyBox {
        background: -moz-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 231, 231, 0.9)), color-stop(100%, rgba(231, 231, 231, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #fourLeft:hover .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #fourLeft:hover .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #fourLeft:focus .copyBox {
        background: -moz-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 231, 231, 0.9)), color-stop(100%, rgba(231, 231, 231, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #fourLeft:focus .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #fourLeft:focus .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #oneRight .copyBox {
        background-image: url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg"); }
      body #mainContent #bottomContent #bottomContentWrapper #oneRight:hover .copyBox {
        background: -moz-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 113, 72, 0.98)), color-stop(100%, rgba(135, 113, 72, 0.98))), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#877148', endColorstr='#877148',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #oneRight:hover .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #oneRight:hover .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #oneRight:focus .copyBox {
        background: -moz-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 113, 72, 0.98)), color-stop(100%, rgba(135, 113, 72, 0.98))), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#877148', endColorstr='#877148',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #oneRight:focus .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #oneRight:focus .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #twoRight .copyBox {
        background-image: url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg");
        background-position: top center; }
      body #mainContent #bottomContent #bottomContentWrapper #twoRight:hover .copyBox {
        background: -moz-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 231, 231, 0.9)), color-stop(100%, rgba(231, 231, 231, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #twoRight:hover .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #twoRight:hover .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #twoRight:focus .copyBox {
        background: -moz-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 231, 231, 0.9)), color-stop(100%, rgba(231, 231, 231, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #twoRight:focus .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #twoRight:focus .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #threeRight .copyBox {
        background-image: url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg"); }
      body #mainContent #bottomContent #bottomContentWrapper #threeRight:hover .copyBox {
        background: -moz-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 38, 38, 0.9)), color-stop(100%, rgba(38, 38, 38, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #threeRight:hover .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #threeRight:hover .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #threeRight:focus .copyBox {
        background: -moz-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 38, 38, 0.9)), color-stop(100%, rgba(38, 38, 38, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #threeRight:focus .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #threeRight:focus .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #fourRight .copyBox {
        background-image: url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg"); }
      body #mainContent #bottomContent #bottomContentWrapper #fourRight:hover .copyBox {
        background: -moz-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 113, 72, 0.98)), color-stop(100%, rgba(135, 113, 72, 0.98))), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#877148', endColorstr='#877148',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #fourRight:hover .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #fourRight:hover .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper #fourRight:focus .copyBox {
        background: -moz-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 113, 72, 0.98)), color-stop(100%, rgba(135, 113, 72, 0.98))), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background: -webkit-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background: -o-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background: -ms-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background: linear-gradient(0deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#877148', endColorstr='#877148',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
        background-size: cover; }
        body #mainContent #bottomContent #bottomContentWrapper #fourRight:focus .copyBox h4 {
          visibility: visible; }
        body #mainContent #bottomContent #bottomContentWrapper #fourRight:focus .copyBox p {
          visibility: visible; }
      body #mainContent #bottomContent #bottomContentWrapper .gold .titleBox {
        background-color: #877148; }
        body #mainContent #bottomContent #bottomContentWrapper .gold .titleBox h3 {
          color: #fff; }
      body #mainContent #bottomContent #bottomContentWrapper .gold .copyBox h4 {
        color: #fff; }
      body #mainContent #bottomContent #bottomContentWrapper .gold .copyBox p {
        color: #fff; }
      body #mainContent #bottomContent #bottomContentWrapper .gray .titleBox {
        background-color: #e7e7e7; }
        body #mainContent #bottomContent #bottomContentWrapper .gray .titleBox h3 {
          color: #000; }
      body #mainContent #bottomContent #bottomContentWrapper .gray .copyBox h4 {
        color: #000; }
      body #mainContent #bottomContent #bottomContentWrapper .gray .copyBox p {
        color: #000; }
      body #mainContent #bottomContent #bottomContentWrapper .darkGray .titleBox {
        background-color: #262626; }
        body #mainContent #bottomContent #bottomContentWrapper .darkGray .titleBox h3 {
          color: #fff; }
      body #mainContent #bottomContent #bottomContentWrapper .darkGray .copyBox h4 {
        color: #fff; }
      body #mainContent #bottomContent #bottomContentWrapper .darkGray .copyBox p {
        color: #fff; }
    body #mainContent .largeOUButton {
      background-color: #877148;
      border: 0px;
      text-transform: uppercase;
      color: #fff;
      font-family: "Helvetica Neue LT W01_67 Md Cn","Roboto Condensed","Helvetica Neue LT W01_65 Md","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
      font-size: 0.9rem;
      line-height: 1.2rem;
      letter-spacing: 0.04rem;
      text-decoration: none;
      margin-right: 1.5rem; }
    body #mainContent #givingNews .perc-list-title {
      font-family: "Helvetica Neue LT W01_67 Md Cn","Roboto Condensed","Helvetica Neue LT W01_65 Md","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
      font-size: 1.2rem;
      color: #877148; }
    body #mainContent #givingNews .perc-list-main li {
      line-height: 1.15rem;
      list-style-type: disc;
      list-style-image: none;
      list-style-position: outside;
      margin-left: 1.1em;
      padding-bottom: 0.5rem; }
      body #mainContent #givingNews .perc-list-main li a {
        line-height: 1.15rem;
        color: #000; }
        body #mainContent #givingNews .perc-list-main li a:hover {
          color: #877148;
          text-decoration: underline; }
    body #mainContent #givingNews .perc-pagination-container li {
      line-height: 1.15rem;
      list-style-type: disc;
      list-style-image: none;
      list-style-position: outside;
      margin-left: 1.1em;
      padding-bottom: 0.5rem;
      margin-left: 0px; }
      body #mainContent #givingNews .perc-pagination-container li a {
        line-height: 1.15rem;
        color: #000; }
        body #mainContent #givingNews .perc-pagination-container li a:hover {
          color: #877148;
          text-decoration: underline; }
    body #mainContent #givingEvents .perc-list-title {
      font-family: "Helvetica Neue LT W01_67 Md Cn","Roboto Condensed","Helvetica Neue LT W01_65 Md","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
      font-size: 1.2rem;
      color: #877148; }
    body #mainContent #givingEvents .perc-list-main li {
      line-height: 1.15rem;
      list-style-type: disc;
      list-style-image: none;
      list-style-position: outside;
      margin-left: 1.1em;
      padding-bottom: 0.5rem; }
      body #mainContent #givingEvents .perc-list-main li a {
        line-height: 1.15rem;
        color: #000;
        text-decoration: underline; }
        body #mainContent #givingEvents .perc-list-main li a:hover {
          color: #877148; }
    body #mainContent #givingEvents .lw_paginate li {
      line-height: 1.15rem;
      list-style-type: disc;
      list-style-image: none;
      list-style-position: outside;
      margin-left: 1.1em;
      padding-bottom: 0.5rem;
      margin-left: 0px; }
    body #mainContent #givingEvents .lw_paginate a {
      line-height: 1.15rem;
      color: #000;
      text-decoration: underline; }
      body #mainContent #givingEvents .lw_paginate a:hover {
        color: #877148; }

@media screen and (max-width: 40em) {
  body #top #heroImage {
    min-height: 400px; }
    body #top #heroImage #headerContent {
      padding-top: 6em; }
      body #top #heroImage #headerContent .introText p {
        font-size: 1em; }
  body #mainContent #bottomContent #bottomContentWrapper .bottomRow .titleBox h3 {
    font-size: 1.5rem;
    line-height: 1.6rem; } }
@media screen and (min-width: 40.001em) {
  body #top #heroImage #headerContent {
    padding-top: 11.5em; } }
@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; } }
@media screen and (min-width: 64.063em) {
  body #top #heroImage #headerContent .introText {
    padding-bottom: 1em; } }
@media screen and (max-width: 64em) {
  body #mainContent #bottomContent #bottomContentWrapper #rightColumn .flexWrapper {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  body #mainContent #bottomContent #bottomContentWrapper .bottomRow .copyBox h4 {
    visibility: visible; }
  body #mainContent #bottomContent #bottomContentWrapper .bottomRow .copyBox p {
    visibility: visible; }
  body #mainContent #bottomContent #bottomContentWrapper #oneLeft .copyBox {
    background: -moz-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 231, 231, 0.9)), color-stop(100%, rgba(231, 231, 231, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
    background: -webkit-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
    background: -o-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
    background: -ms-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
    background: linear-gradient(0deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/oneLeft.jpg") no-repeat center center;
    background-size: cover; }
  body #mainContent #bottomContent #bottomContentWrapper #twoLeft .copyBox {
    background: -moz-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 38, 38, 0.9)), color-stop(100%, rgba(38, 38, 38, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
    background: -webkit-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
    background: -o-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
    background: -ms-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
    background: linear-gradient(0deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/twoLeft.jpg") no-repeat top center;
    background-size: cover; }
  body #mainContent #bottomContent #bottomContentWrapper #threeLeft .copyBox {
    background: -moz-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 113, 72, 0.98)), color-stop(100%, rgba(135, 113, 72, 0.98))), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
    background: -webkit-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
    background: -o-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
    background: -ms-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
    background: linear-gradient(0deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#877148', endColorstr='#877148',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/threeLeft.jpg") no-repeat center center;
    background-size: cover; }
  body #mainContent #bottomContent #bottomContentWrapper #fourLeft .copyBox {
    background: -moz-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 231, 231, 0.9)), color-stop(100%, rgba(231, 231, 231, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
    background: -webkit-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
    background: -o-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
    background: -ms-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
    background: linear-gradient(0deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/fourLeft.jpg") no-repeat center center;
    background-size: cover; }
  body #mainContent #bottomContent #bottomContentWrapper #oneRight .copyBox {
    background: -moz-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 113, 72, 0.98)), color-stop(100%, rgba(135, 113, 72, 0.98))), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
    background: -webkit-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
    background: -o-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
    background: -ms-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
    background: linear-gradient(0deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#877148', endColorstr='#877148',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/oneRight.jpg") no-repeat center center;
    background-size: cover; }
  body #mainContent #bottomContent #bottomContentWrapper #twoRight .copyBox {
    background: -moz-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 231, 231, 0.9)), color-stop(100%, rgba(231, 231, 231, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
    background: -webkit-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
    background: -o-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
    background: -ms-linear-gradient(90deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
    background: linear-gradient(0deg, rgba(231, 231, 231, 0.9) 0%, rgba(231, 231, 231, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/twoRight.jpg") no-repeat center center;
    background-size: cover; }
  body #mainContent #bottomContent #bottomContentWrapper #threeRight .copyBox {
    background: -moz-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 38, 38, 0.9)), color-stop(100%, rgba(38, 38, 38, 0.9))), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
    background: -webkit-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
    background: -o-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
    background: -ms-linear-gradient(90deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
    background: linear-gradient(0deg, rgba(38, 38, 38, 0.9) 0%, rgba(38, 38, 38, 0.9) 100%), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/threeRight.jpg") no-repeat center center;
    background-size: cover; }
  body #mainContent #bottomContent #bottomContentWrapper #fourRight .copyBox {
    background: -moz-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 113, 72, 0.98)), color-stop(100%, rgba(135, 113, 72, 0.98))), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
    background: -webkit-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
    background: -o-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
    background: -ms-linear-gradient(90deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
    background: linear-gradient(0deg, rgba(135, 113, 72, 0.98) 0%, rgba(135, 113, 72, 0.98) 100%), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#877148', endColorstr='#877148',GradientType=0 ), url("/Assets/Oakland/giving/graphics/tiles/fourRight.jpg") no-repeat center center;
    background-size: cover; } }
@media screen and (min-width: 40.063em) and (max-width: 64em) {
  body #mainContent #bottomContent #bottomContentWrapper .bottomRow .titleBox h3 {
    font-size: 1.8rem;
    line-height: 1.7rem; } }

/*# sourceMappingURL=giving.css.map */