@charset "utf-8";
/* CSS Document */


    body > footer > section.grayDark,
    .page-drawer .inner > footer > section.grayDark {
      background: #555756; }
    body > footer > section.hover,
    .page-drawer .inner > footer > section.hover {
      background: #444645; }
  body > footer a,
  .page-drawer .inner > footer a {
    color: #bbbdbc; }
    body > footer a:link, body > footer a:visited, body > footer a:active,
    .page-drawer .inner > footer a:link,
    .page-drawer .inner > footer a:visited,
    .page-drawer .inner > footer a:active {
      color: #bbbdbc; }
    body > footer a:hover,
    .page-drawer .inner > footer a:hover {
      color: white;
      text-decoration: none; }
  body > footer .handle:first-child,
  .page-drawer .inner > footer .handle:first-child {
    position: relative; }
    body > footer .handle:first-child > a,
    .page-drawer .inner > footer .handle:first-child > a {
      display: block;
      padding: 14px 10px; }
      body > footer .handle:first-child > a .toggle,
      .page-drawer .inner > footer .handle:first-child > a .toggle {
        background: #aaaaaa;
        display: inline-block;
        height: 18px;
        margin-right: 10px;
        margin-top: -4px;
        overflow: hidden;
        position: relative;
        vertical-align: middle;
        width: 18px;
        -webkit-border-radius: 18px;
        border-radius: 18px; }
        .lt-ie8 body > footer .handle:first-child > a .toggle, .lt-ie8
        .page-drawer .inner > footer .handle:first-child > a .toggle {
          display: inline;
          zoom: 1; }
        body > footer .handle:first-child > a .toggle > .triangle,
        .page-drawer .inner > footer .handle:first-child > a .toggle > .triangle {
          margin-left: -3.5px;
          margin-top: -3.2px;
          position: absolute;
          top: 50%;
          left: 50%;
          content: "";
          display: block;
          width: 0;
          height: 0;
          border: inset 8px;
          border-color: white transparent transparent transparent;
          border-top-style: solid;
          border-top-width: 8px;
          border-right-width: 4px;
          border-bottom-width: 0;
          border-left-width: 4px; }
      body > footer .handle:first-child > a .open,
      .page-drawer .inner > footer .handle:first-child > a .open {
        display: inline; }
      body > footer .handle:first-child > a .close,
      .page-drawer .inner > footer .handle:first-child > a .close {
        display: none; }
      body > footer .handle:first-child > a:hover,
      .page-drawer .inner > footer .handle:first-child > a:hover {
        background: #444645; }
    body > footer .handle:first-child nav,
    .page-drawer .inner > footer .handle:first-child nav {
      margin-top: -14px !important;
      position: absolute;
      right: 10px;
      top: 50%;
      margin: 0;
      padding: 0;
      list-style: none;
      *zoom: 1; }
      body > footer .handle:first-child nav li,
      .page-drawer .inner > footer .handle:first-child nav li {
        margin: 0;
        padding: 0;
        list-style: none; }
      body > footer .handle:first-child nav:before, body > footer .handle:first-child nav:after,
      .page-drawer .inner > footer .handle:first-child nav:before,
      .page-drawer .inner > footer .handle:first-child nav:after {
        content: " ";
        display: table; }
      body > footer .handle:first-child nav:after,
      .page-drawer .inner > footer .handle:first-child nav:after {
        clear: both; }
      @media screen and (max-width: 1023px) {
        body > footer .handle:first-child nav,
        .page-drawer .inner > footer .handle:first-child nav {
          display: none; } }
      body > footer .handle:first-child nav #toolbox,
      .page-drawer .inner > footer .handle:first-child nav #toolbox {
        display: none; }
      body > footer .handle:first-child nav ul,


      .page-drawer .inner > footer .handle:first-child nav ul {
        margin: 0; }
      body > footer .handle:first-child nav li,
      .page-drawer .inner > footer .handle:first-child nav li {
        float: left;
        margin-left: 15px; }
        body > footer .handle:first-child nav li:first-child,
        .page-drawer .inner > footer .handle:first-child nav li:first-child {
          margin-left: 0; }
        body > footer .handle:first-child nav li a,
        .page-drawer .inner > footer .handle:first-child nav li a {
          color: #d4d4d4;
          vertical-align: middle; }
          body > footer .handle:first-child nav li a:hover,
          .page-drawer .inner > footer .handle:first-child nav li a:hover {
            color: white;
            text-decoration: none; }
            body > footer .handle:first-child nav li a:hover .frame,
            .page-drawer .inner > footer .handle:first-child nav li a:hover .frame {
              background: white; }
          body > footer .handle:first-child nav li a .frame,
          .page-drawer .inner > footer .handle:first-child nav li a .frame {
            background: #d4d4d4;
            display: inline-block;
            height: 28px;
            overflow: hidden;
            position: relative;
            text-indent: -999em;
            vertical-align: middle;
            width: 28px;
            -webkit-border-radius: 28px;
            border-radius: 28px; }
            .lt-ie8 body > footer .handle:first-child nav li a .frame, .lt-ie8
            .page-drawer .inner > footer .handle:first-child nav li a .frame {
              display: inline;
              zoom: 1; }
            body > footer .handle:first-child nav li a .frame .icon,
            .page-drawer .inner > footer .handle:first-child nav li a .frame .icon {
              display: block;
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              position: absolute;
              top: 50%; }
          body > footer .handle:first-child nav li a .badge,
          .page-drawer .inner > footer .handle:first-child nav li a .badge {
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            vertical-align: middle; }
            .lt-ie8 body > footer .handle:first-child nav li a .badge, .lt-ie8
            .page-drawer .inner > footer .handle:first-child nav li a .badge {
              display: inline;
              zoom: 1; }
  body > footer.open .handle > a .toggle,
  .page-drawer .inner > footer.open .handle > a .toggle {
    background: #aaaaaa;
    display: inline-block;
    height: 18px;
    margin-right: 10px;
    margin-top: -4px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px; }
    .lt-ie8 body > footer.open .handle > a .toggle, .lt-ie8
    .page-drawer .inner > footer.open .handle > a .toggle {
      display: inline;
      zoom: 1; }
    body > footer.open .handle > a .toggle > .triangle,
    .page-drawer .inner > footer.open .handle > a .toggle > .triangle {
      margin-left: -3.5px;
      margin-top: -4.8px;
      position: absolute;
      top: 50%;
      left: 50%;
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 8px;
      border-color: transparent transparent white transparent;
      border-bottom-style: solid;
      border-top-width: 0;
      border-right-width: 4px;
      border-bottom-width: 8px;
      border-left-width: 4px; }
  body > footer.open .handle > a .open,
  .page-drawer .inner > footer.open .handle > a .open {
    display: none; }
  body > footer.open .handle > a .close,
  .page-drawer .inner > footer.open .handle > a .close {
    display: inline; }
  body > footer.open .accordion-set,
  .page-drawer .inner > footer.open .accordion-set {
    display: block; }
  body > footer .accordion-set,
  .page-drawer .inner > footer .accordion-set {
    display: block; }
    .no-js body > footer .accordion-set, .no-js
    .page-drawer .inner > footer .accordion-set {
      display: block; }
    body > footer .accordion-set > section,
    .page-drawer .inner > footer .accordion-set > section {
      background: #444645;
      border-bottom: solid 1px #555756;
      margin: 0; }
      body > footer .accordion-set > section.hover,
      .page-drawer .inner > footer .accordion-set > section.hover {
        background: #333333; }
    body > footer .accordion-set [data-section-title],
    body > footer .accordion-set .toggle-control,
    .page-drawer .inner > footer .accordion-set [data-section-title],
    .page-drawer .inner > footer .accordion-set .toggle-control {
      margin: 0; }
      body > footer .accordion-set [data-section-title] a,
      body > footer .accordion-set .toggle-control a,
      .page-drawer .inner > footer .accordion-set [data-section-title] a,
      .page-drawer .inner > footer .accordion-set .toggle-control a {
        background: #444645;
        color: #d4d4d4;
        display: block;
        font-size: 12px;
        font-weight: 400;
        padding: 14px 10px; }
        body > footer .accordion-set [data-section-title] a:hover,
        body > footer .accordion-set .toggle-control a:hover,
        .page-drawer .inner > footer .accordion-set [data-section-title] a:hover,
        .page-drawer .inner > footer .accordion-set .toggle-control a:hover {
          background-color: #333333; }
        body > footer .accordion-set [data-section-title] a .toggle,
        body > footer .accordion-set .toggle-control a .toggle,
        .page-drawer .inner > footer .accordion-set [data-section-title] a .toggle,
        .page-drawer .inner > footer .accordion-set .toggle-control a .toggle {
          background: white;
          display: inline-block;
          height: 18px;
          margin-right: 10px;
          margin-top: -4px;
          overflow: hidden;
          position: relative;
          vertical-align: middle;
          width: 18px;
          -webkit-border-radius: 18px;
          border-radius: 18px; }
          .lt-ie8 body > footer .accordion-set [data-section-title] a .toggle, .lt-ie8
          body > footer .accordion-set .toggle-control a .toggle, .lt-ie8
          .page-drawer .inner > footer .accordion-set [data-section-title] a .toggle, .lt-ie8
          .page-drawer .inner > footer .accordion-set .toggle-control a .toggle {
            display: inline;
            zoom: 1; }
          body > footer .accordion-set [data-section-title] a .toggle > .triangle,
          body > footer .accordion-set .toggle-control a .toggle > .triangle,
          .page-drawer .inner > footer .accordion-set [data-section-title] a .toggle > .triangle,
          .page-drawer .inner > footer .accordion-set .toggle-control a .toggle > .triangle {
            margin-left: -3.5px;
            margin-top: -3.2px;
            position: absolute;
            top: 50%;
            left: 50%;
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 8px;
            border-color: #444645 transparent transparent transparent;
            border-top-style: solid;
            border-top-width: 8px;
            border-right-width: 4px;
            border-bottom-width: 0;
            border-left-width: 4px; }
    body > footer .accordion-set [data-section-content],
    body > footer .accordion-set .toggle-drawer,
    .page-drawer .inner > footer .accordion-set [data-section-content],
    .page-drawer .inner > footer .accordion-set .toggle-drawer {
      margin-bottom: 0;
      overflow: hidden;
      padding-bottom: 10px;
      position: relative; }

@media screen and (max-width: 480px) {
	body > footer .handle:first-child nav, .page-drawer .inner > footer .handle:first-child nav {
		display: inline-block;
		position: relative;
        margin-top: 15px;
		padding-top: 15px;
		padding-bottom: 5px;
		margin-left: 1em;
		top: 25%;
	}
}

@media screen and (max-width: 560px) {
	body > footer .handle:first-child nav, .page-drawer .inner > footer .handle:first-child nav {
		display: inline-block;
		position: relative;
        margin-top: 15px;
		padding-top: 15px;
		padding-bottom: 5px;
		margin-left: 1em;
		top: 25%;
	}
}
body > footer .handle:first-child nav #toolbox, .page-drawer .inner > footer .handle:first-child nav #toolbox {
	display: inline-block;
	position: relative;
    margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-left: 1em;
}




      @media screen and (max-width: 767px) {
        body > footer .accordion-set [data-section-content],
        body > footer .accordion-set .toggle-drawer,
        .page-drawer .inner > footer .accordion-set [data-section-content],
        .page-drawer .inner > footer .accordion-set .toggle-drawer {
          padding-bottom: 20px; } }
      body > footer .accordion-set [data-section-content] .small-text p, body > footer .accordion-set [data-section-content] .small-text ul,
      body > footer .accordion-set .toggle-drawer .small-text p,
      body > footer .accordion-set .toggle-drawer .small-text ul,
      .page-drawer .inner > footer .accordion-set [data-section-content] .small-text p,
      .page-drawer .inner > footer .accordion-set [data-section-content] .small-text ul,
      .page-drawer .inner > footer .accordion-set .toggle-drawer .small-text p,
      .page-drawer .inner > footer .accordion-set .toggle-drawer .small-text ul {
        font-size: 12px; }
      body > footer .accordion-set [data-section-content] .row,
      body > footer .accordion-set .toggle-drawer .row,
      .page-drawer .inner > footer .accordion-set [data-section-content] .row,
      .page-drawer .inner > footer .accordion-set .toggle-drawer .row {
        position: relative; }
      body > footer .accordion-set [data-section-content] aside,
      body > footer .accordion-set .toggle-drawer aside,
      .page-drawer .inner > footer .accordion-set [data-section-content] aside,
      .page-drawer .inner > footer .accordion-set .toggle-drawer aside {
        position: static; }
    body > footer .accordion-set section.active .toggle-control a,
    body > footer .accordion-set section.open .toggle-control a,
    .page-drawer .inner > footer .accordion-set section.active .toggle-control a,
    .page-drawer .inner > footer .accordion-set section.open .toggle-control a {
      background: none; }
      body > footer .accordion-set section.active .toggle-control a .toggle,
      body > footer .accordion-set section.open .toggle-control a .toggle,
      .page-drawer .inner > footer .accordion-set section.active .toggle-control a .toggle,
      .page-drawer .inner > footer .accordion-set section.open .toggle-control a .toggle {
        background: white;
        display: inline-block;
        height: 18px;
        margin-right: 10px;
        margin-top: -4px;
        overflow: hidden;
        position: relative;
        vertical-align: middle;
        width: 18px;
        -webkit-border-radius: 18px;
        border-radius: 18px; }
        .lt-ie8 body > footer .accordion-set section.active .toggle-control a .toggle, .lt-ie8
        body > footer .accordion-set section.open .toggle-control a .toggle, .lt-ie8
        .page-drawer .inner > footer .accordion-set section.active .toggle-control a .toggle, .lt-ie8
        .page-drawer .inner > footer .accordion-set section.open .toggle-control a .toggle {
          display: inline;
          zoom: 1; }
        body > footer .accordion-set section.active .toggle-control a .toggle > .triangle,
        body > footer .accordion-set section.open .toggle-control a .toggle > .triangle,
        .page-drawer .inner > footer .accordion-set section.active .toggle-control a .toggle > .triangle,
        .page-drawer .inner > footer .accordion-set section.open .toggle-control a .toggle > .triangle {
          margin-left: -3.5px;
          margin-top: -4.8px;
          position: absolute;
          top: 50%;
          left: 50%;
          content: "";
          display: block;
          width: 0;
          height: 0;
          border: inset 8px;
          border-color: transparent transparent #444645 transparent;
          border-bottom-style: solid;
          border-top-width: 0;
          border-right-width: 4px;
          border-bottom-width: 8px;
          border-left-width: 4px; }
  body > footer .login-links a,
  body > footer .quick-links a,
  .page-drawer .inner > footer .login-links a,
  .page-drawer .inner > footer .quick-links a {
    display: inline-block;
    line-height: 1.2;
    margin: 0 0 0 -0.5em;
    padding: 2px 0.5em; }
    .lt-ie8 body > footer .login-links a, .lt-ie8
    body > footer .quick-links a, .lt-ie8
    .page-drawer .inner > footer .login-links a, .lt-ie8
    .page-drawer .inner > footer .quick-links a {
      display: inline;
      zoom: 1; }

    body > footer .login-links a:hover,
    body > footer .quick-links a:hover,
    .page-drawer .inner > footer .login-links a:hover,
    .page-drawer .inner > footer .quick-links a:hover {
      color: white;
      text-decoration: none; }
  body > footer .login-links,
  .page-drawer .inner > footer .login-links {
    margin-bottom: 30px;
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      body > footer .login-links a,
      .page-drawer .inner > footer .login-links a {
        display: block;
        margin: 0;
        padding: 0.5em 1.5em;
        text-align: center; } }
    body > footer .login-links a .icon,
    .page-drawer .inner > footer .login-links a .icon {
      margin-bottom: -2px;
      margin-top: -2px;
      vertical-align: baseline; }
  body > footer .quick-links,
  .page-drawer .inner > footer .quick-links {
    height: auto;
    background: none;
    padding: 5px;
    padding-bottom: 40px; }
    @media screen and (max-width: 767px) {
      body > footer .quick-links nav ul,
      .page-drawer .inner > footer .quick-links nav ul {
        margin-bottom: 16px; }
        body > footer .quick-links nav ul:first-child,
        .page-drawer .inner > footer .quick-links nav ul:first-child {
          margin-top: 0; } }
    body > footer .quick-links nav ul li,
    .page-drawer .inner > footer .quick-links nav ul li {
      display: block;
      float: none;
      margin-top: 16px; }
    body > footer .quick-links nav ul a,
    .page-drawer .inner > footer .quick-links nav ul a {
      color: inherit; }
      @media screen and (max-width: 767px) {
        body > footer .quick-links nav ul a,
        .page-drawer .inner > footer .quick-links nav ul a {
          display: block;
          padding: 0.5em 1.5em; } }
    body > footer .quick-links ul,
    .page-drawer .inner > footer .quick-links ul {
      margin: 0;
      padding: 0;
      list-style: none;
      float: left; }
      body > footer .quick-links ul li,
      .page-drawer .inner > footer .quick-links ul li {
        margin: 0;
        padding: 0;
        list-style: none; }
      body > footer .quick-links ul li,
      .page-drawer .inner > footer .quick-links ul li {
        float: left; }
        body > footer .quick-links ul li:first-child,
        .page-drawer .inner > footer .quick-links ul li:first-child {
          margin-top: 0; }
    body > footer .quick-links figure,
    .page-drawer .inner > footer .quick-links figure {
      color: white; }
      body > footer .quick-links figure figcaption,
      .page-drawer .inner > footer .quick-links figure figcaption {
        margin: 10px 0 0 5px; }
      @media screen and (max-width: 767px) {
        body > footer .quick-links figure,
        .page-drawer .inner > footer .quick-links figure {
          margin: 20px 40px;
          text-align: center; }
          body > footer .quick-links figure figcaption,
          .page-drawer .inner > footer .quick-links figure figcaption {
            margin: 20px 0 40px; } }
  body > footer .inset.map-detail,
  .page-drawer .inner > footer .inset.map-detail {
    bottom: -20px;
    left: 20px;
    position: absolute; }
    @media screen and (max-width: 767px) {
      body > footer .inset.map-detail,
      .page-drawer .inner > footer .inset.map-detail {
        bottom: auto;
        left: auto;
        padding: 5px 15px;
        position: relative; } }
  body > footer #footer-map,
  body > footer .footer-map,
  .page-drawer .inner > footer #footer-map,
  .page-drawer .inner > footer .footer-map {
    width: 100%;
    height: 300px; }
    @media screen and (max-width: 767px) {
      body > footer #footer-map,
      body > footer .footer-map,
      .page-drawer .inner > footer #footer-map,
      .page-drawer .inner > footer .footer-map {
        margin: 0 15px;
        width: auto; } }
  body > footer ul.link-list:last-child,
  .page-drawer .inner > footer ul.link-list:last-child {
    margin-bottom: 0; }
  body > footer ul.link-list li,
  .page-drawer .inner > footer ul.link-list li {
    border-top: 1px solid #848589; }
    body > footer ul.link-list li:first-child,
    .page-drawer .inner > footer ul.link-list li:first-child {
      border-top: 0; }
  body > footer ul.link-list a:hover,
  .page-drawer .inner > footer ul.link-list a:hover {
    color: white; }

body.home > footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 199; }
  @media screen and (max-width: 1023px) {
    body.home > footer {
      width: auto;
      position: relative;
      bottom: auto; } }

body {
  /*-----blue themed overwrites-----*/
  /*-----green themed overwrites-----*/
  /*-----orange themed overwrites-----*/
  /*-----pink themed overwrites-----*/
  /*-----purple themed overwrites-----*/ }
  body.blue .header {
    border-top: 1px solid #3370a9;
    background-color: #004c93; }
    body.blue .header ul li a {
      background-color: #003d76; }
      body.blue .header ul li a i {
        background-position: -40px 0px; }
      body.blue .header ul li a:hover {
        background-color: #00305d; }
  body.blue .hero .orbit-bullets li.active,
  body.blue .hero .caption {
    background: #007eb3; }
    body.blue .hero .orbit-bullets li.active:hover,
    body.blue .hero .caption:hover {
      background: #005a80; }
  body.blue .hero .header ul li a {
    background: #004c93; }
    body.blue .hero .header ul li a i {
      background-position: -40px 0px; }
    body.blue .hero .header ul li a:hover {
      background-color: #003d76; }
  body.blue .hero .header .hero-nav > ul li > a {
    background-color: #007eb3; }
  body.blue .hero .header .hero-nav > ul li.active > a {
    background: #005a80;
    padding-bottom: 20px; }
  body.blue .hero .header .hero-nav > ul li.active > ul li a {
    background: #007eb3; }
  body.blue .hero .header .hero-sub-nav {
    background: #005a80; }
    body.blue .hero .header .hero-sub-nav a {
      background: #005a80; }
      body.blue .hero .header .hero-sub-nav a:hover {
        background: #007eb3; }
  body.blue .hero.no-sub-nav .header .hero-nav > ul li.active a {
    padding-bottom: 10px; }
  body.blue .hero .button {
    background: #007eb3; }
    body.blue .hero .button:hover {
      background: #005a80; }
  @media screen and (max-width: 767px) {
    body.blue .hero .hero-nav > ul li.active > a {
      border-bottom: 1px solid #005a80; }
    body.blue .hero .hero-nav > ul li:not(.small-toggle) {
      border-top: 1px solid #005a80; } }
  body.blue .page-callout {
    background-color: #004c93; }
    body.blue .page-callout .banner {
      background-position: -40px 0px; }
  body.blue .location,
  body.blue .data,
  body.blue .story-listing,
  body.blue .feature {
    background-color: #004c93; }
    body.blue .location ul li:hover a,
    body.blue .data ul li:hover a,
    body.blue .story-listing ul li:hover a,
    body.blue .feature ul li:hover a {
      color: #004c93; }
  body.blue .feature:hover p {
    color: #004c93; }
  body.blue .flag-news {
    background-color: #004c93; }
    body.blue .flag-news .banner {
      background-position: -40px 0px; }
  body.blue .call-out {
    color: #004c93; }
  @media screen and (max-width: 767px) {
    body.blue .section-container.auto > section.active > .title, body.blue .section-container.auto > .section.active > .title, body.blue .section-container.auto > section > .title, body.blue .section-container.auto > .section > .title {
      background: #004c93; }
      body.blue .section-container.auto > section.active > .title:hover, body.blue .section-container.auto > .section.active > .title:hover, body.blue .section-container.auto > section > .title:hover, body.blue .section-container.auto > .section > .title:hover {
        background-color: #003d76; }
      body.blue .section-container.auto > section.active > .title i, body.blue .section-container.auto > .section.active > .title i, body.blue .section-container.auto > section > .title i, body.blue .section-container.auto > .section > .title i {
        background: url('<img src="/media/suny/style-assets/images/sprite-icons.png" alt="" style="width : 310px; height : 300px;     " />') no-repeat -290px -20px; }
    body.blue .section-container.auto > section.active > .title i, body.blue .section-container.auto > .section.active > .title i {
      background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -270px -20px; } }
  body.blue .section-container.accordion > section.active > .title,
  body.blue .section-container.accordion > section > .title,
  body.blue .section-container.accordion > .section.active > .title,
  body.blue .section-container.accordion > .section > .title {
    background-color: #004c93; }
    body.blue .section-container.accordion > section.active > .title:hover,
    body.blue .section-container.accordion > section > .title:hover,
    body.blue .section-container.accordion > .section.active > .title:hover,
    body.blue .section-container.accordion > .section > .title:hover {
      background-color: #003d76; }
    body.blue .section-container.accordion > section.active > .title i,
    body.blue .section-container.accordion > section > .title i,
    body.blue .section-container.accordion > .section.active > .title i,
    body.blue .section-container.accordion > .section > .title i {
      background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -270px -20px; }
  body.blue .section-container.accordion > section.active > .title i,
  body.blue .section-container.accordion > .section.active > .title i {
    background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -290px -20px; }
  body.blue .button {
    background-color: #004c93; }
    body.blue .button:hover {
      background-color: #003d76; }
  body.green .header {
    border-top: 1px solid #5d9b58;
    background-color: #3a8133; }
    body.green .header ul li a {
      background-color: #2f672a; }
      body.green .header ul li a i {
        background-position: -20px 0px; }
      body.green .header ul li a:hover {
        background-color: #2a5c25; }
  body.green .hero .orbit-bullets li.active,
  body.green .hero .caption {
    background: #3a8133; }
    body.green .hero .orbit-bullets li.active:hover,
    body.green .hero .caption:hover {
      background: #2f672a; }
  body.green .hero .header ul li a {
    background: #3a8133; }
    body.green .hero .header ul li a i {
      background-position: -20px 0px; }
    body.green .hero .header ul li a:hover {
      background-color: #2f672a; }
  body.green .hero .header .hero-nav > ul li > a {
    background-color: #3a8133; }
  body.green .hero .header .hero-nav > ul li.active > a {
    background: #2f672a; }
  body.green .hero .header .hero-nav > ul li.active > ul li a {
    background: #3a8133; }
  body.green .hero .header .hero-sub-nav {
    background: #2f672a; }
    body.green .hero .header .hero-sub-nav a {
      background: #2f672a; }
      body.green .hero .header .hero-sub-nav a:hover {
        background: #3a8133; }
      body.green .hero .header .hero-sub-nav a.close {
        background: none; }
        body.green .hero .header .hero-sub-nav a.close:hover {
          background: none; }
  body.green .hero.no-sub-nav .header .hero-nav > ul li.active a {
    padding-bottom: 10px; }
  body.green .hero .button {
    background: #3a8133 !important; }
    body.green .hero .button:hover {
      background: #2f672a !important; }
  @media screen and (max-width: 767px) {
    body.green .hero .hero-nav > ul li.active > a {
      border-bottom: 1px solid #2f672a !important; }
    body.green .hero .hero-nav > ul li:not(.small-toggle) {
      border-top: 1px solid #2f672a !important; } }
  body.green .page-callout {
    background-color: #43943c; }
    body.green .page-callout .banner {
      background-position: -20px 0px; }
  body.green .location,
  body.green .data,
  body.green .story-listing,
  body.green .feature {
    background-color: #2f672a; }
    body.green .location ul li:hover a,
    body.green .data ul li:hover a,
    body.green .story-listing ul li:hover a,
    body.green .feature ul li:hover a {
      color: #2f672a; }
  body.green .feature:hover p {
    color: #2f672a; }
  body.green .flag-news {
    background-color: #2f672a; }
    body.green .flag-news .banner {
      background-position: -20px 0px; }
  body.green .call-out {
    color: #2f672a; }
  @media screen and (max-width: 767px) {
    body.green .section-container.auto > section.active > .title, body.green .section-container.auto > .section.active > .title, body.green .section-container.auto > section > .title, body.green .section-container.auto > .section > .title {
      background: #3a8133; }
      body.green .section-container.auto > section.active > .title:hover, body.green .section-container.auto > .section.active > .title:hover, body.green .section-container.auto > section > .title:hover, body.green .section-container.auto > .section > .title:hover {
        background-color: #2f672a; }
      body.green .section-container.auto > section.active > .title i, body.green .section-container.auto > .section.active > .title i, body.green .section-container.auto > section > .title i, body.green .section-container.auto > .section > .title i {
        background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -290px 0px; }
    body.green .section-container.auto > section.active > .title i, body.green .section-container.auto > .section.active > .title i {
      background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -270px 0px; } }
  body.green .section-container.accordion > section.active > .title,
  body.green .section-container.accordion > section > .title,
  body.green .section-container.accordion > .section.active > .title,
  body.green .section-container.accordion > .section > .title {
    background-color: #3a8133; }
    body.green .section-container.accordion > section.active > .title:hover,
    body.green .section-container.accordion > section > .title:hover,
    body.green .section-container.accordion > .section.active > .title:hover,
    body.green .section-container.accordion > .section > .title:hover {
      background-color: #2f672a; }
    body.green .section-container.accordion > section.active > .title i,
    body.green .section-container.accordion > section > .title i,
    body.green .section-container.accordion > .section.active > .title i,
    body.green .section-container.accordion > .section > .title i {
      background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -270px 0px; }
  body.green .section-container.accordion > section.active > .title i,
  body.green .section-container.accordion > .section.active > .title i {
    background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -290px 0px; }
  body.green .button {
    background-color: #3a8133; }
    body.green .button:hover {
      background-color: #2f672a; }
  body.orange .header {
    border-top: 1px solid #f7853d;
    background-color: #f5660d; }
    body.orange .header ul li a {
      background-color: #c4520a; }
      body.orange .header ul li a i {
        background-position: 0px 0px; }
      body.orange .header ul li a:hover {
        background-color: #ac4809; }
  body.orange .hero .orbit-bullets li.active,
  body.orange .hero .caption {
    background: #f5660d; }
    body.orange .hero .orbit-bullets li.active:hover,
    body.orange .hero .caption:hover {
      background: #c4520a; }
  body.orange .hero .header ul li a {
    background-color: #f5660d; }
    body.orange .hero .header ul li a i {
      background-position: 0px 0px; }
    body.orange .hero .header ul li a:hover {
      background-color: #c4520a; }
  body.orange .hero .header .hero-nav > ul li > a {
    background: #f5660d; }
  body.orange .hero .header .hero-nav > ul li.active > a {
    background: #c4520a;
    padding-bottom: 20px; }
  body.orange .hero .header .hero-nav > ul li.active > ul li a {
    background: #f5660d; }
  @media screen and (min-width: 767px) {
    body.orange .hero .header .hero-nav > ul li.small-toggle > a {
      background: none; } }
  body.orange .hero .header .hero-sub-nav {
    background: #c4520a; }
    body.orange .hero .header .hero-sub-nav a {
      background: #c4520a; }
      body.orange .hero .header .hero-sub-nav a:hover {
        background: #f5660d; }
      body.orange .hero .header .hero-sub-nav a.close {
        background: none; }
        body.orange .hero .header .hero-sub-nav a.close:hover {
          background: none; }
  body.orange .hero.no-sub-nav .header .hero-nav > ul li.active a {
    padding-bottom: 10px; }
  body.orange .hero .button {
    background: #f5660d; }
    body.orange .hero .button:hover {
      background: #c4520a; }
  @media screen and (max-width: 767px) {
    body.orange .hero .hero-nav > ul li.active > a {
      border-bottom: 1px solid #c4520a; }
    body.orange .hero .hero-nav > ul li:not(.small-toggle) {
      border-top: 1px solid #c4520a; } }
  body.orange .page-callout {
    background-color: #f5660d; }
    body.orange .page-callout .banner {
      background-position: 0px 0px; }
  body.orange .location,
  body.orange .data,
  body.orange .story-listing,
  body.orange .feature {
    background-color: #f5660d; }
    body.orange .location ul li:hover a,
    body.orange .data ul li:hover a,
    body.orange .story-listing ul li:hover a,
    body.orange .feature ul li:hover a {
      color: #f5660d; }
  body.orange .feature:hover p {
    color: #f5660d; }
  body.orange .flag-news {
    background-color: #f5660d; }
    body.orange .flag-news .banner {
      background-position: 0px 0px; }
  body.orange .call-out {
    color: #f5660d; }
  @media screen and (max-width: 767px) {
    body.orange .section-container.auto > section.active > .title, body.orange .section-container.auto > .section.active > .title, body.orange .section-container.auto > section > .title, body.orange .section-container.auto > .section > .title {
      background: #f5660d; }
      body.orange .section-container.auto > section.active > .title:hover, body.orange .section-container.auto > .section.active > .title:hover, body.orange .section-container.auto > section > .title:hover, body.orange .section-container.auto > .section > .title:hover {
        background-color: #c4520a; }
      body.orange .section-container.auto > section.active > .title i, body.orange .section-container.auto > .section.active > .title i, body.orange .section-container.auto > section > .title i, body.orange .section-container.auto > .section > .title i {
        background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -290px -40px; }
      body.orange .section-container.auto > section.active > .title a, body.orange .section-container.auto > .section.active > .title a, body.orange .section-container.auto > section > .title a, body.orange .section-container.auto > .section > .title a {
        border-bottom: 1px solid #888888; }
    body.orange .section-container.auto > section.active > .title i, body.orange .section-container.auto > .section.active > .title i {
      background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -270px -40px; } }
  body.orange .section-container.accordion > section.active > .title,
  body.orange .section-container.accordion > section > .title,
  body.orange .section-container.accordion > .section.active > .title,
  body.orange .section-container.accordion > .section > .title {
    background-color: #f5660d; }
    body.orange .section-container.accordion > section.active > .title:hover,
    body.orange .section-container.accordion > section > .title:hover,
    body.orange .section-container.accordion > .section.active > .title:hover,
    body.orange .section-container.accordion > .section > .title:hover {
      background-color: #c4520a; }
    body.orange .section-container.accordion > section.active > .title i,
    body.orange .section-container.accordion > section > .title i,
    body.orange .section-container.accordion > .section.active > .title i,
    body.orange .section-container.accordion > .section > .title i {
      background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -270px -40px; }
  body.orange .section-container.accordion > section.active > .title i,
  body.orange .section-container.accordion > .section.active > .title i {
    background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -290px -40px; }
  body.orange .section-container.accordion > section a,
  body.orange .section-container.accordion > .section a {
    border-bottom: 1px solid #888888; }
  body.orange .button {
    background-color: #f5660d; }
    body.orange .button:hover {
      background-color: #c4520a; }
  body.pink .header {
    border-top: 1px solid #ca398d;
    background-color: #bd0771; }
    body.pink .header ul li a {
      background-color: #97065a; }
      body.pink .header ul li a i {
        background-position: -60px 0px; }
      body.pink .header ul li a:hover {
        background-color: #7e054b; }
  body.pink .hero .orbit-bullets li.active,
  body.pink .hero .caption {
    background: #bd0771; }
    body.pink .hero .orbit-bullets li.active:hover,
    body.pink .hero .caption:hover {
      background: #97065a; }
  body.pink .hero .header ul li a {
    background-color: #bd0771; }
    body.pink .hero .header ul li a i {
      background-position: -60px 0px; }
    body.pink .hero .header ul li a:hover {
      background-color: #97065a; }
  body.pink .hero .header .hero-nav > ul li > a {
    background: #bd0771; }
  body.pink .hero .header .hero-nav > ul li.active > a {
    background: #97065a;
    padding-bottom: 20px; }
  body.pink .hero .header .hero-nav > ul li.active > ul li a {
    background: #bd0771; }
  body.pink .hero .header .hero-sub-nav {
    background: #97065a; }
    body.pink .hero .header .hero-sub-nav a {
      background: #97065a; }
      body.pink .hero .header .hero-sub-nav a:hover {
        background: #bd0771; }
        body.pink .hero .header .hero-sub-nav a:hover.close {
          background: none; }
          body.pink .hero .header .hero-sub-nav a:hover.close:hover {
            background: none; }
  body.pink .hero.no-sub-nav .header .hero-nav > ul li.active a {
    padding-bottom: 10px; }
  body.pink .hero .button {
    background: #bd0771; }
    body.pink .hero .button:hover {
      background: #97065a; }
  @media screen and (max-width: 767px) {
    body.pink .hero .hero-nav > ul li.active > a {
      border-bottom: 1px solid #97065a; }
    body.pink .hero .hero-nav > ul li:not(.small-toggle) {
      border-top: 1px solid #97065a; } }
  body.pink .page-callout {
    background-color: #bd0771; }
    body.pink .page-callout .banner {
      background-position: -60px 0px; }
  body.pink .location,
  body.pink .data,
  body.pink .story-listing,
  body.pink .feature {
    background-color: #bd0771; }
    body.pink .location ul li:hover a,
    body.pink .data ul li:hover a,
    body.pink .story-listing ul li:hover a,
    body.pink .feature ul li:hover a {
      color: #bd0771; }
  body.pink .feature:hover p {
    color: #bd0771; }
  body.pink .flag-news {
    background-color: #bd0771; }
    body.pink .flag-news .banner {
      background-position: -60px 0px; }
  body.pink .call-out {
    color: #bd0771; }
  @media screen and (max-width: 767px) {
    body.pink .section-container.auto > section.active > .title, body.pink .section-container.auto > .section.active > .title, body.pink .section-container.auto > section > .title, body.pink .section-container.auto > .section > .title {
      background: #bd0771; }
      body.pink .section-container.auto > section.active > .title:hover, body.pink .section-container.auto > .section.active > .title:hover, body.pink .section-container.auto > section > .title:hover, body.pink .section-container.auto > .section > .title:hover {
        background-color: #97065a; }
      body.pink .section-container.auto > section.active > .title i, body.pink .section-container.auto > .section.active > .title i, body.pink .section-container.auto > section > .title i, body.pink .section-container.auto > .section > .title i {
        background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -290px -60px; }
    body.pink .section-container.auto > section.active > .title i, body.pink .section-container.auto > .section.active > .title i {
      background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -270px -60px; } }
  body.pink .section-container.accordion > section.active > .title,
  body.pink .section-container.accordion > section > .title,
  body.pink .section-container.accordion > .section.active > .title,
  body.pink .section-container.accordion > .section > .title {
    background-color: #bd0771; }
    body.pink .section-container.accordion > section.active > .title:hover,
    body.pink .section-container.accordion > section > .title:hover,
    body.pink .section-container.accordion > .section.active > .title:hover,
    body.pink .section-container.accordion > .section > .title:hover {
      background-color: #97065a; }
    body.pink .section-container.accordion > section.active > .title i,
    body.pink .section-container.accordion > section > .title i,
    body.pink .section-container.accordion > .section.active > .title i,
    body.pink .section-container.accordion > .section > .title i {
      background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -270px -60px; }
  body.pink .section-container.accordion > section.active > .title i,
  body.pink .section-container.accordion > .section.active > .title i {
    background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -290px -60px; }
  body.pink .button {
    background-color: #bd0771; }
    body.pink .button:hover {
      background-color: #97065a; }
  body.purple .header {
    border-top: 1px solid #3370a9;
    background-color: #781d7e; }
    body.purple .header ul li a {
      background-color: #601765; }
      body.purple .header ul li a i {
        background-position: -80px 0px; }
      body.purple .header ul li a:hover {
        background-color: #4c1250; }
  body.purple .hero .orbit-bullets li.active,
  body.purple .hero .caption {
    background: #781d7e; }
    body.purple .hero .orbit-bullets li.active:hover,
    body.purple .hero .caption:hover {
      background: #601765; }
  body.purple .hero .header ul li a {
    background-color: #781d7e; }
    body.purple .hero .header ul li a i {
      background-position: -80px 0px; }
    body.purple .hero .header ul li a:hover {
      background-color: #4c1250; }
  body.purple .hero .header .hero-nav > ul li > a {
    background: #781d7e; }
  body.purple .hero .header .hero-nav > ul li.active > a {
    background: #601765;
    padding-bottom: 20px; }
  body.purple .hero .header .hero-nav > ul li.active > ul li a {
    background: #601765; }
  body.purple .hero .header .hero-sub-nav {
    background: #601765; }
    body.purple .hero .header .hero-sub-nav a {
      background: #601765; }
      body.purple .hero .header .hero-sub-nav a:hover {
        background: #781d7e; }
      body.purple .hero .header .hero-sub-nav a.close {
        background: none; }
        body.purple .hero .header .hero-sub-nav a.close:hover {
          background: none; }
  body.purple .hero.no-sub-nav .header .hero-nav > ul li.active a {
    padding-bottom: 10px; }
  body.purple .hero .button {
    background: #781d7e; }
    body.purple .hero .button:hover {
      background: #601765; }
  @media screen and (max-width: 767px) {
    body.purple .hero .hero-nav > ul li.active > a {
      border-bottom: 1px solid #601765; }
    body.purple .hero .hero-nav > ul li:not(.small-toggle) {
      border-top: 1px solid #601765; } }
  body.purple .page-callout {
    background-color: #781d7e; }
    body.purple .page-callout .banner {
      background-position: -80px 0px; }
  body.purple .location,
  body.purple .data,
  body.purple .story-listing,
  body.purple .feature {
    background-color: #781d7e; }
    body.purple .location ul li:hover a,
    body.purple .data ul li:hover a,
    body.purple .story-listing ul li:hover a,
    body.purple .feature ul li:hover a {
      color: #781d7e; }
  body.purple .feature:hover p {
    color: #781d7e; }
  body.purple .flag-news {
    background-color: #781d7e; }
    body.purple .flag-news .banner {
      background-position: -80px 0px; }
  body.purple .call-out {
    color: #781d7e; }
  @media screen and (max-width: 767px) {
    body.purple .section-container.auto > section.active > .title, body.purple .section-container.auto > .section.active > .title, body.purple .section-container.auto > section > .title, body.purple .section-container.auto > .section > .title {
      background: #781d7e; }
      body.purple .section-container.auto > section.active > .title:hover, body.purple .section-container.auto > .section.active > .title:hover, body.purple .section-container.auto > section > .title:hover, body.purple .section-container.auto > .section > .title:hover {
        background-color: #58155d; }
      body.purple .section-container.auto > section.active > .title i, body.purple .section-container.auto > .section.active > .title i, body.purple .section-container.auto > section > .title i, body.purple .section-container.auto > .section > .title i {
        background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -21px 0px; }
    body.purple .section-container.auto > section.active > .title i, body.purple .section-container.auto > .section.active > .title i {
      background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -410px 0px; } }
  body.purple .section-container.accordion > section.active > .title,
  body.purple .section-container.accordion > section > .title,
  body.purple .section-container.accordion > .section.active > .title,
  body.purple .section-container.accordion > .section > .title {
    background-color: #781d7e; }
    body.purple .section-container.accordion > section.active > .title:hover,
    body.purple .section-container.accordion > section > .title:hover,
    body.purple .section-container.accordion > .section.active > .title:hover,
    body.purple .section-container.accordion > .section > .title:hover {
      background-color: #58155d; }
    body.purple .section-container.accordion > section.active > .title i,
    body.purple .section-container.accordion > section > .title i,
    body.purple .section-container.accordion > .section.active > .title i,
    body.purple .section-container.accordion > .section > .title i {
      background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -21px 0px; }
  body.purple .section-container.accordion > section.active > .title i,
  body.purple .section-container.accordion > .section.active > .title i {
    background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat -41px 0px; }
  body.purple .button {
    background-color: #781d7e; }
    body.purple .button:hover {
      background-color: #601765; }

.filter-display-options ul {
  margin-bottom: 0;
  float: left;
  width: 197px; }
  .filter-display-options ul.icons {
    width: 150px;
    margin-right: 30px; }
  .filter-display-options ul li {
    display: inline-block;
    font-size: 0.875em;
    line-height: 2;
    vertical-align: top; }
.filter-display-options li a {
  background: #333333;
  display: inline-block;
  padding: 7px 11px;
  line-height: 1;
  position: relative;
  color: #e6e7e7; }
  .filter-display-options li a.icon-link {
    width: 44px;
    height: 30px; }
  .filter-display-options li a .icon {
    width: 18px;
    height: 12px;
    display: block;
    margin-right: 0;
    background-image: url("/media/suny/style-assets/images/sprite-icons.png");
    background-repeat: no-repeat;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -10px; }
  .filter-display-options li a .list-view {
    background-position: -104px -46px; }
  .filter-display-options li a .grid-view {
    background-position: -125px -46px; }
  .filter-display-options li a.active:hover {
    cursor: inherit; }
  .filter-display-options li a.active, .filter-display-options li a:hover {
    background: #e6e7e7;
    color: #333333; }
    .filter-display-options li a.active .list-view, .filter-display-options li a:hover .list-view {
      background-position: -104px -24px; }
    .filter-display-options li a.active .grid-view, .filter-display-options li a:hover .grid-view {
      background-position: -125px -24px; }
@media screen and (max-width: 1023px) {
  .filter-display-options ul, .filter-display-options ul.icons {
    float: right;
    clear: both;
    width: auto;
    margin-right: 0; } }

.lt-ie9 .news-search-results {
  right: 29%; }
.lt-ie9 .filter-by-search {
  top: 0; }
.lt-ie9 .search-filter {
  overflow: hidden; }
  .lt-ie9 .search-filter .content ul {
    position: relative;
    top: 40px; }

html {
  background: transparent; }

body {
  margin-top: 45px;
  font-family: AauxRegular;
  -webkit-font-smoothing: antialiased;
  font-size: 110%; }
  @media screen and (max-width: 1023px) {
    body {
      margin-top: 0px !important; } }

h1, h2, h3, h4, h5 {
  font-family: AauxRegular; }

h6 {
  font-family: AauxRegular;
  font-size: 16px;
  line-height: 1.2em; }

.disclaimer {
  font-size: .75em;
  line-height: 1.3em; }

.button {
  border: none;
  font-weight: normal;
  font-size: .9em;
  box-shadow: none; }
  .button.blue {
    background-color: #004c93 !important; }
    .button.blue:hover {
      background-color: #003d76 !important; }
  .button.green {
    background-color: #3a8133 !important; }
    .button.green:hover {
      background-color: #2f672a !important; }
  .button.orange {
    background-color: #f5660d !important; }
    .button.orange:hover {
      background-color: #c4520a !important; }
  .button.pink {
    background-color: #bd0771 !important; }
    .button.pink:hover {
      background-color: #97065a !important; }
  .button.purple {
    background-color: #781d7e !important; }
    .button.purple:hover {
      background-color: #601765 !important; }
  /*  jmr - 1-13-16 */
  .button.cyan {
    background-color: #007eb3 !important; }
    .button.cyan:hover {
      background-color: #005a80 !important; }

.content-container {
  background: white;
  padding-bottom: 50px;
  color: #454545; }
  @media screen and (max-width: 767px) {
    .content-container {
      padding-left: 30px;
      padding-right: 30px; } }
  .content-container h1, .content-container h2 {
    color: #004c93; }
  .content-container h2, .content-container h3, .content-container h4, .content-container h5 {
    line-height: 1.1em;
    font-weight: normal;
    margin-bottom: 5px; }
  .content-container h1{
    line-height: 1.1em;
    font-weight: normal;
    margin-bottom: 0.5em; }
  .content-container h2 {
    font-size: 1.5em; }
  .content-container h3 {
    font-size: 1em;
    text-transform: uppercase; }
  .content-container h5 {
    font-size: 1.2em; }
  .content-container p + ul {
    margin-top: -15px; }
  .content-container ul.square {
    margin-left: 20px; }
    .content-container ul.square li {
      list-style-type: square;
      padding: 5px 0px; }

.content-container .left-rail {
  padding-left: 30px; }
  @media screen and (max-width: 1023px) {
    .content-container .left-rail {
      padding-left: 10px; } }

.content-container .right-rail {
  padding-left: 50px;
  padding-right: 40px; }
  @media screen and (min-width: 767px) and (max-width: 1023px) {
    .content-container .right-rail {
      padding-left: 20px;
      padding-right: 10px; } }
  @media screen and (max-width: 767px) {
    .content-container .right-rail {
      padding-left: 10px;
      padding-right: 10px; } }
.content-container .right-rail-large {
  padding-left: 40px !important; }
  @media screen and (min-width: 767px) and (max-width: 1023px) {
    .content-container .right-rail-large {
      padding-left: 20px !important; } }
  @media screen and (max-width: 767px) {
    .content-container .right-rail-large {
      padding-left: 0px !important; } }

.content-container.white {
  background-color: white;
  padding-top: 40px; }
  @media screen and (max-width: 1023px) {
    .content-container.white {
      padding-left: 10px;
      padding-right: 10px; } }
.content-container.gray {
  background-color: #e6e7e7;
  padding-top: 10px; }
.content-container.universal-listing {
  padding-bottom: 0px; }
  .content-container.universal-listing .event-search .section-container.auto {
    margin-bottom: 0px; }
  @media screen and (max-width: 767px) {
    .content-container.universal-listing {
      padding-bottom: 30px; } }
.content-container > .content {
  padding-left: 20px; }
  @media screen and (max-width: 767px) {
    .content-container > .content {
      padding-left: 10px;
      padding-right: 10px; } }
  .content-container > .content ul, .content-container > .content ol {
    margin-left: 2em; }
  .content-container > .content ul li {
    padding: 5px 0px; }
.content-container .full-width {
  padding: 0px 40px; }
  .content-container .full-width .module.events {
    font-size: 1.1em !important; }
  @media screen and (max-width: 767px) {
    .content-container .full-width {
      padding: 0px; } }
.content-container .main-content {
  padding-left: 30px; }
  .content-container .main-content > div:first-child {
    padding-left: 0px; }
  @media screen and (max-width: 1023px) {
    .content-container .main-content {
      padding-left: 10px;
      padding-right: 10px; }
      .content-container .main-content > div:first-child {
        padding-left: 0px; } }
.content-container .three-column > div {
  width: 31.4%;
  margin-left: 30px; }
  .content-container .three-column > div:first-child {
    margin-left: 0px; }
  @media screen and (min-width: 767px) and (max-width: 1023px) {
    .content-container .three-column > div {
      margin-left: 20px;
      width: 31%; } }
  @media screen and (max-width: 767px) {
    .content-container .three-column > div {
      width: 100%;
      margin-left: 0; } }

.content-container > .content a, .content-container .main-content a {
  /* following added by DAL */
  border-bottom: 1px solid #8494bc;
  border-bottom: 1px solid rgba(0, 76, 147, 0.5);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */ }
  .content-container > .content a:hover, .content-container .main-content a:hover {
    border-bottom: none; }
  .content-container > .content a.button, .content-container .main-content a.button, .accordion > section .title a, .accordion section .title a {
    border-bottom: none; } /*jmr 6-10-14 remove underline from button anchors and accordion titles (8-7-14) */

html {
  background: #555756; }

body.home {
  margin-bottom: 46px; }
  @media screen and (max-width: 1023px) {
    body.home {
      margin-bottom: auto; } }

i.frame.circle {
  background: #0b75bf;
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  margin-top: -4px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px; }
  .lt-ie8 i.frame.circle {
    display: inline;
    zoom: 1; }
  i.frame.circle > .triangle {
    margin-left: -3.2px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 8px;
    border-color: transparent transparent transparent white;
    border-left-style: solid;
    border-top-width: 4px;
    border-right-width: 0;
    border-bottom-width: 4px;
    border-left-width: 8px; }

h5 {
  font-size: 12px; }

form {
  margin: 0; }

ul.unstyled {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.unstyled li {
    list-style: none;
    margin: 0;
    padding: 0; }

.parallax-container {
  overflow: hidden;
  position: relative; }

.parallax.redux {
  margin: 0 90px 0 0;
  position: relative;
  -webkit-box-shadow: 5px 0px 20px 0px rgba(51, 51, 51, 0.2);
  /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
  box-shadow: 5px 0px 20px 0px rgba(51, 51, 51, 0.2);
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
  /* TYPE Rules*/ }
  @media screen and (max-width: 1023px) {
    .parallax.redux {
      width: 100%;
      margin: 0; } }
  .parallax.redux > nav.static {
    position: fixed;
    top: 55px;
    right: 90px;
    z-index: 110; }
    @media screen and (max-width: 1023px) {
      .parallax.redux > nav.static {
        display: none; } }
    .parallax.redux > nav.static ul {
      margin: 0;
      padding: 0;
      list-style: none;
      margin-bottom: 120px; }
      .parallax.redux > nav.static ul li {
        margin: 0;
        padding: 0;
        list-style: none; }
      .parallax.redux > nav.static ul li {
        margin-bottom: 20px; }
    .parallax.redux > nav.static .ribbon {
      width: 150px;
      right: -20px; }
    .parallax.redux > nav.static i.frame.circle {
      margin-right: 0; }
    .parallax.redux > nav.static .trigger {
      padding-right: 48px;
      background: #e6e8e7; }
      .parallax.redux > nav.static .trigger i.frame.circle {
        margin-top: -9px;
        position: absolute;
        top: 50%;
        right: 20px; }
  .parallax.redux section {
    position: relative; }
    @media screen and (max-width: 1023px) {
      .parallax.redux section {
        height: auto;
        padding: 40px;
        overflow: visible; } }
    @media screen and (max-width: 767px) {
      .parallax.redux section {
        padding: 20px; } }
    .parallax.redux section .component,
    .parallax.redux section .ribbon {
      position: absolute; }
    .parallax.redux section .background {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      overflow: hidden; }
      .parallax.redux section .background img {
        max-width: none;
        width: 100%;
		}
		
.parallax.redux section .background.bball img {  /*JMR  */
        max-width: none;
        height: 930px; }	
	
  .parallax.redux section .background.openSUNY img,	
  .parallax.redux section .background.smarttrack img,	
  .parallax.redux section .background.grads img,
	.parallax.redux section .background.patchwork img,
	.parallax.redux section .background.sunyBG img {  /*JMR */
        max-width: none;
        height: auto; }
		
      @media screen and (max-width: 1440px) {
        .parallax.redux section .background img {
          margin-left: -40%;
          width: 180%; } }
      @media screen and (max-width: 1023px) {
        .parallax.redux section .background {
          height: auto;
          position: absolute;
          z-index: 0;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0; }
          .parallax.redux section .background img {
            width: 200%;
            margin-left: -50%; } }
      @media screen and (max-width: 767px) {
        .parallax.redux section .background img {
          width: 350%;
          margin-left: -125%; } }
    .parallax.redux section .component {
      top: 20px;
      left: 80px; }
      .parallax.redux section .component.animate {
        display: block;
        /*width: 50px;
        height: 50px;*/ /*JMR*/
        position: absolute; }
        .no-js .parallax.redux section .component.animate {
          display: none; }
        .parallax.redux section .component.animate img {
          width: 100%; }
        .parallax.redux section.birds .component.animate img,
		.parallax.redux section.sky .component.animate img,
		.parallax.redux section.studentExcellence .component.animate img,
		.parallax.redux section.smarttrack .component.animate img,
		.parallax.redux section.graduation .component.animate img,
		.parallax.redux section.collegefair .component.animate img{ 
          height: auto;}/*JMR*/  
  .parallax.redux section.openSUNY .logo,
  .parallax.redux section.birds .logo, 
	.parallax.redux section.sky .logo, 
	.parallax.redux section.studentExcellence .logo, 
	.parallax.redux section.smarttrack .logo, 
	.parallax.redux section.graduation .logo, 
	.parallax.redux section.collegefair .logo	{ /*JMR*/
      left: 0;
      top: 80px;
      z-index: 100; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.openSUNY .logo,    
        .parallax.redux section.birds .logo, 
		.parallax.redux section.sky .logo, 
		.parallax.redux section.studentExcellence .logo, 
		.parallax.redux section.smarttrack .logo, 
		.parallax.redux section.graduation .logo, 
		.parallax.redux section.collegefair .logo  { /*JMR*/
          margin-bottom: 20px;
          text-align: left;
          position: relative;
          top: auto;
          left: auto; } }
      @media screen and (max-width: 767px) {
        .parallax.redux section.openSUNY .logo,
        .parallax.redux section.birds .logo img, 
		.parallax.redux section.sky .logo img, 
		.parallax.redux section.studentExcellence .logo img, 
		.parallax.redux section.smarttrack .logo img, 
		.parallax.redux section.graduation .logo img, 
		.parallax.redux section.collegefair .logo img {/*JMR*/
          width: 175px; } }
    .parallax.redux section.openSUNY .copy.headline,  
    .parallax.redux section.birds .copy.headline,
	.parallax.redux section.sky .copy.headline,
	.parallax.redux section.studentExcellence .copy.headline,
	.parallax.redux section.smarttrack .copy.headline,
	.parallax.redux section.graduation .copy.headline,
	.parallax.redux section.collegefair .copy.headline { /*JMR*/
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: center;
      top: 310px;
      left: 0;
      z-index: 99; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.openSUNY .copy.headline,
        .parallax.redux section.birds .copy.headline,
		.parallax.redux section.sky .copy.headline,
		.parallax.redux section.studentExcellence .copy.headline,
		.parallax.redux section.smarttrack .copy.headline,
		.parallax.redux section.graduation .copy.headline,
		.parallax.redux section.collegefair .copy.headline {  /*JMR */
          width: auto;
          margin-bottom: 20px;
          padding: 0;
          text-align: center;
          position: relative;
          top: auto;
          left: auto; } }
    .parallax.redux section.birds .crop, 
	.parallax.redux section.studentExcellence .crop, 
	.parallax.redux section.smarttrack .crop, 
	.parallax.redux section.graduation .crop {  /*JMR */
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: hidden; }
    .parallax.redux section.birds .animate, 
	.parallax.redux section.studentExcellence .animate, 
	.parallax.redux section.smarttrack .animate, 
	.parallax.redux section.graduation .animate {  /*JMR */
      left: -999em;
      right: auto; }
    .parallax.redux section.birds .animate.bird-01, 
	.parallax.redux section.studentExcellence .animate.studentExcellence-01, 
	.parallax.redux section.graduation .animate.graduation-01 {  /*JMR */  
      width: 100%;
      z-index: 61; }
    /*.parallax.redux section.birds .animate.bird-01 {
      width: 500px;
      z-index: 98; }*/
      @media screen and (max-width: 1023px) {
.parallax.redux section.birds .animate.bird-01,
		.parallax.redux section.studentExcellence .animate.studentExcellence-01, 
		.parallax.redux section.graduation .animate.graduation-01 {   /*JMR */ 
          display: none; } }
    .parallax.redux section.birds .animate.bird-02 {
      width: 534px; /*JMR*/
      height: 300px; /*JMR*/
      z-index: 90; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.birds .animate.bird-02 {
          display: none; } }
    .parallax.redux section.birds .animate.bird-03 {
      width: 175px;
      z-index: 62; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.birds .animate.bird-03 {
          left: -10%;
          top: 50%;
          width: 340px; } }
      @media screen and (max-width: 767px) {
        .parallax.redux section.birds .animate.bird-03 {
          display: none; } }
    .parallax.redux section.birds .animate.bird-04 {
      width: 150px;
      z-index: 61; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.birds .animate.bird-04 {
          left: 70%;
          top: 10%;
          width: 180px; } }
      @media screen and (max-width: 767px) {
        .parallax.redux section.birds .animate.bird-04 {
          display: none; } }
    .parallax.redux section.birds .animate.bird-05 {
      width: 100px;
      z-index: 60; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.birds .animate.bird-05 {
          left: 67%;
          top: 8%;
          width: 100px; } }
      @media screen and (max-width: 767px) {
        .parallax.redux section.birds .animate.bird-05 {
          display: none; } }
    .parallax.redux section.abstract .copy { /*JMR */
      position: relative;
      padding-left: 5px;
      padding-right: 5px;
      width: 50%;
      position: absolute;
      top: 0;
      left: 0; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.abstract .copy {
          width: auto;
          margin-bottom: 20px;
          text-align: left;
          position: relative;
          top: auto;
          right: auto;
          bottom: auto;
          left: auto; } }
    .parallax.redux section.abstract .logo {
      position: relative;
      padding-left: 5px;
      padding-right: 5px;
      width: 45.83333%;
      margin-left: 50%;
      float: left; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.abstract .logo {
          display: none; } }
    .parallax.redux section.sky,
	.parallax.redux section.collegefair {  /*JMR */
      overflow: hidden; }
      .parallax.redux section.sky .copy {
        position: relative;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%;
        position: absolute;
        top: 0;
        left: 0; }
  .parallax.redux section.collegefair .copy {  /*JMR */
        position: relative;
        padding-left: 10px;/*jmr*/
        padding-right: 10px;/*jmr*/
        width: 60%;/*jmr*/
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90; /*jmr*/ }
        @media screen and (max-width: 1023px) {
          .parallax.redux section.sky .copy,
		  .parallax.redux section.collegefair .copy {  /*JMR */
            width: auto;
            margin-right: 100px;
            margin-bottom: 100px;
            text-align: left;
            position: relative;
            top: auto;
            left: auto; } }
        @media screen and (max-width: 767px) {
          .parallax.redux section.sky .copy ,
		  .parallax.redux section.collegefair .copy {  /*JMR */
            margin-right: 0;
            margin-bottom: 20px; } }
      .parallax.redux section.sky .skydiver-01 {
        width: 600px;
        height: auto;
        left: auto;
        top: auto;
        z-index: 40; }
  .parallax.redux section.collegefair .collegefair-01 { /*JMR*/
        width: 60%;
        height: auto;
        z-index: 40; }
        @media screen and (max-width: 1023px) {
          .parallax.redux section.sky .skydiver-01,
          .parallax.redux section.collegefair .collegefair-01 { /*JMR*/
             display: none; /*JMR*/    
            /*bottom: 11px;
            right: 25%;
            width: 145px;*/ } }
        @media screen and (max-width: 767px) {
          .parallax.redux section.sky .skydiver-01,
		  .parallax.redux section.collegefair .collegefair-01 { /*JMR*/
            display: none; } }
      .parallax.redux section.sky .skydiver-02 {
        width: 600px;
        height: auto;
        top: auto;
        z-index: 50; }
        @media screen and (max-width: 1023px) {
          .parallax.redux section.sky .skydiver-02 {
            bottom: -20px;
            left: auto;
            right: -7%;
            width: 310px; } }
        @media screen and (max-width: 767px) {
          .parallax.redux section.sky .skydiver-02 {
            display: none; } }
    .parallax.redux section.cityscape .logo {
      margin-left: -140px;
      left: 50%;
      top: 10%; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.cityscape .logo {
          display: none; } }
    .parallax.redux section.cityscape .copy {
      width: 100%;
      text-align: center;
      top: 33%;
      left: 0; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.cityscape .copy {
          width: auto;
          margin-bottom: 20px;
          text-align: center;
          position: relative;
          top: auto;
          left: auto; } }
    .parallax.redux section.cityscape .navigation {
      width: 270px;
      margin-left: -135px;
      text-align: center;
      top: 50%;
      left: 50%; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.cityscape .navigation {
          width: auto;
          margin-left: auto;
          margin-bottom: 20px;
          text-align: center;
          position: relative;
          top: auto;
          left: auto; } }
      .parallax.redux section.cityscape .navigation ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .parallax.redux section.cityscape .navigation ul li {
          margin: 0;
          padding: 0;
          list-style: none; }
        .parallax.redux section.cityscape .navigation ul li {
          margin-bottom: 10px; }
          .parallax.redux section.cityscape .navigation ul li a {
            display: block;
            padding: 10px;
            text-align: center;
            color: white;
            font-weight: 600;
            background-color: #333333;
            background-color: rgba(51, 51, 51, 0.9);
            -webkit-transition: background-color 0.3s ease-out;
            /* Chrome 1-25, Safari 3.2+ */
            -moz-transition: background-color 0.3s ease-out;
            /* Firefox 4-15 */
            -o-transition: background-color 0.3s ease-out;
            /* Opera 10.50–12.00 */
            transition: background-color 0.3s ease-out;
            /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ }
            .parallax.redux section.cityscape .navigation ul li a:hover {
              background-color: #848589;
              background-color: rgba(132, 133, 137, 0.8); }
.parallax.redux section.standard {
      padding: 60px 0 40px;
      background: #fbfbfb;
      /* Old browsers */
      background: -moz-linear-gradient(top, #fbfbfb 0%, #e0e0e0 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #e0e0e0));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #fbfbfb 0%, #e0e0e0 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #fbfbfb 0%, #e0e0e0 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #fbfbfb 0%, #e0e0e0 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #fbfbfb 0%, #e0e0e0 100%);
      /* W3C */
      /*
            .component.logo {
              width:$logo-w;
              height:$logo-h;
              margin-top:($logo-h * -0.5);
              top:50%;
      //        left:$column-gutter;
              left:10%;

              @media screen and (max-width: $large-screen) {
                left:10%;
              }
              @media screen and (max-width: $medium-screen) {
                display: none;
              }
              @media screen and (max-width: $small-screen) {
              }
            }

            aside {
              //margin-left:500px;
              margin-right: ($static-nav-ribbon-w - $ribbon-banner-w);
              margin-left:40%;
              :last-child {
                margin-bottom:0;
              }
              @media screen and (max-width: $large-screen) {
                margin-right: ($column-gutter * 2);
                margin-left:55%;
              }
              @media screen and (max-width: $medium-screen) {
                margin-right: auto;
                margin-left: auto;
                margin-bottom: ($column-gutter * 2);
                text-align: left;
              }
              @media screen and (max-width: $small-screen) {
              }
            }

      */ }
      @media screen and (max-width: 1023px) {
        .parallax.redux section.standard {
          height: auto;
          padding: 40px;
          overflow: visible; } }
      @media screen and (max-width: 767px) {
        .parallax.redux section.standard {
          padding: 20px; } }
      .parallax.redux section.standard.perspective {
        background: url("/media/suny/style-assets/images/perspectiveSunyBack.jpg") no-repeat center center transparent; }
       .parallax.redux section.standard.sunycon { /*JMR*/
        background: url("/ui/images/sunrays.jpg") no-repeat left bottom transparent; }
      .parallax.redux section.standard.chancellor { /*JMR*/
        background: url("/ui/images/smarttrack_bg.jpg") no-repeat left bottom transparent; }
      .parallax.redux section.standard.chancellor { /*JMR*/
        background: url("/ui/images/perspectiveSuny_BG.jpg") no-repeat left bottom transparent; }
        .parallax.redux section.standard.perspective aside {
        /*          height:(400px - 120);
                    position: relative;
                    @media screen and (max-width: $medium-screen) {
                      height: auto;
                    }
                    @media screen and (max-width: $small-screen) {
                    }*/ }
          .parallax.redux section.standard.perspective aside h2 {
            margin-top: 1.15em;
            /* margin-top: -1.15625em;*/
            /*position: absolute;*/
            top: 50%; }
            @media screen and (max-width: 1023px) {
              .parallax.redux section.standard.perspective aside h2 {
                margin-top: auto;
                position: relative;
                top: auto; } }
    .parallax.redux section .ribbon.right {
      right: -20px;
      bottom: 50px; }
      @media screen and (max-width: 1023px) {
        .parallax.redux section .ribbon.right {
          width: auto;
          padding: 0;
          background: none;
          position: relative;
          right: auto;
          bottom: auto;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          -ms-box-shadow: none;
          -o-box-shadow: none;
          box-shadow: none; }
          .parallax.redux section .ribbon.right .banner {
            display: none; } }
  .parallax.redux h1, .parallax.redux h2 {
    margin-bottom: 10px;
    font-family: AauxLight, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.0; }
  .parallax.redux h1.white, .parallax.redux h2.white, .parallax.redux h3.white, .parallax.redux h4.white, .parallax.redux h5.white, .parallax.redux p.white {/*jmr*/
    color: white; }
    .parallax.redux h1.white a, .parallax.redux h2.white a, .parallax.redux h5.white a, .parallax.redux p.white a {
      font-weight: 600;
      color: #ffe512; }
  .parallax.redux h1.blue, .parallax.redux h2.blue, .parallax.redux h5.blue, .parallax.redux p.blue {
    color: #0b75bf; }
  .parallax.redux h1.grey, .parallax.redux h2.grey, .parallax.redux h5.grey, .parallax.redux p.grey {
    color: #333333; }
  .parallax.redux h1 {
    font-size: 2.7em;
    text-transform: uppercase; }
    .parallax.redux h1.mega {
      font-size: 3.75em; }
    @media screen and (max-width: 1023px) {
      .parallax.redux h1 {
        font-size: 2em; }
        .parallax.redux h1.mega {
          font-size: 2.5em; } }
  .parallax.redux h2 {
    font-size: 1.6em;
    line-height: 1.1; }
  .parallax.redux h5 {
    font-weight: 400;
    font-size: 0.9em; }
  .parallax.redux p {
    color: #555756; }
  .parallax.redux .trigger {
    display: inline-block;
    position: relative;
    background: url("/media/suny/style-assets/images/sprite-icons.png") no-repeat;
    background-color: transparent;
    width: 69px;
    height: 69px;
    text-indent: -999em; }
    .parallax.redux .trigger:hover {
      background-color: transparent; }
    .parallax.redux .trigger.down {
      background-position: -160px -160px; }
      .parallax.redux .trigger.down:hover {

        background-position: -160px -230px; }
    .parallax.redux .trigger.up {
      background-position: -240px -160px; }
      .parallax.redux .trigger.up:hover {
        background-position: -240px -230px; }
  .parallax.redux .circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-bottom: -3px;
    background: url("/media/suny/style-assets/images/icon-white-arrow.png") no-repeat; }

.drawer-backdrop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.01);
  z-index: 119; }

.page-drawer {
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 120;
  background: #e6e8e7;
  -webkit-box-shadow: -4px 0px 40px 0px rgba(0, 0, 0, 0.3);
  /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
  box-shadow: -4px 0px 40px 0px rgba(0, 0, 0, 0.3);
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
  -webkit-transition: all 0.3s ease-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  /*.section-container.auto > section.active > .title*/ }
  @media screen and (max-width: 1023px) {
    .page-drawer {
      display: none; } }
  .page-drawer.open {
    width: 807px; }
  .page-drawer .inner {
    width: 767px;
    margin: 20px;
    overflow-y: scroll;
    overflow-x: hidden; }
  .page-drawer .content-container {
    background: none; }
  .page-drawer .module.gray {
    background-color: #848589;
    padding: 0; }
    .page-drawer .module.gray.force-height {
      min-height: 340px; }
    .page-drawer .module.gray p {
      padding: 20px;
      color: white;
      line-height: 1.1; }
  .page-drawer .module.gray-darkest {
    padding: 0; }
    .page-drawer .module.gray-darkest p {
      padding: 20px;
      color: white; }
  .page-drawer .module.facts-large {
    background-color: #333333; }
    .page-drawer .module.facts-large.force-height {
      min-height: 340px; }
    .page-drawer .module.facts-large .statistics {
      margin: 0; }
      .page-drawer .module.facts-large .statistics > .stat {
        display: block;
        float: left;
        width: 50%;
        margin: 20px 0 0;
        padding: 0; }
        .page-drawer .module.facts-large .statistics > .stat:first-child {
          width: 50%;
          margin-right: 25%;
          margin-left: 25%; }
        .page-drawer .module.facts-large .statistics > .stat p {
          color: white;
          line-height: 1.2;
          margin: 0; }
  .page-drawer .module.events {
    background: #848589; }
    .page-drawer .module.events .content {
      color: white; }
      .page-drawer .module.events .content h6 {
        color: white; }
    .page-drawer .module.events:hover {
      color: #333333;
      background: white; }
      .page-drawer .module.events:hover .content {
        color: #333333; }
        .page-drawer .module.events:hover .content h6 {
          color: #333333; }
  .page-drawer .large-13 .row {
    margin-top: 20px; }
    .page-drawer .large-13 .row:first-child {
      margin-top: 0; }
  .page-drawer .section-container.auto section > .title,
  .page-drawer .section-container.auto section p.title {
    background-color: #333333; }
  .page-drawer .section-container.auto section > .content {
    color: white; }
    .page-drawer .section-container.auto section > .content a {
      color: #ffe512; }
      .page-drawer .section-container.auto section > .content a:hover {
        color: #bbbdbc; }
  .page-drawer .section-container.auto section.active > .title {
    background-color: #848589; }
    .page-drawer .section-container.auto section.active > .title a {
      color: white; }
  .page-drawer .section-container.auto section.active > .content {
    background-color: #848589;
    color: white; }
  .page-drawer.inner > footer {
    width: 100%; }
  .page-drawer .trigger-drawer-close {
    display: none;
    padding: 10px 10px 8px;
    position: absolute;
    top: 370px;
    left: 0;
    z-index: -1;
    background-color: #004c93;
    color: white; }
    .page-drawer .trigger-drawer-close i.frame.circle {
      background: #004c93;
      display: inline-block;
      height: 18px;
      margin-right: 10px;
      margin-top: -4px;
      overflow: hidden;
      position: relative;
      vertical-align: middle;
      width: 18px;
      -webkit-border-radius: 18px;
      border-radius: 18px;
      display: inline-block; }
      .lt-ie8 .page-drawer .trigger-drawer-close i.frame.circle {
        display: inline;
        zoom: 1; }
      .page-drawer .trigger-drawer-close i.frame.circle > .triangle {
        margin-left: -3.2px;
        margin-top: -4px;
        position: absolute;
        top: 50%;
        left: 50%;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 8px;
        border-color: transparent white transparent transparent;
        border-right-style: solid;
        border-top-width: 4px;
        border-right-width: 8px;
        border-bottom-width: 4px;
        border-left-width: 0; }
      .lt-ie8 .page-drawer .trigger-drawer-close i.frame.circle {
        display: inline;
        zoom: 1; }
  .page-drawer .inner > footer .handle:first-child {
    position: relative; }
    .page-drawer .inner > footer .handle:first-child > a {
      padding-right: 30px !important;
      padding-left: 30px !important; }
    .page-drawer .inner > footer .handle:first-child nav {
      right: 30px !important; }
  .page-drawer .inner > footer .drawer {
    display: none; }
  .page-drawer .inner > footer .accordion-set {
    display: block; }
    .no-js .page-drawer .inner > footer .accordion-set {
      display: block; }
    .page-drawer .inner > footer .accordion-set [data-section-title] a,
    .page-drawer .inner > footer .accordion-set .toggle-control a {
      padding-right: 30px !important;
      padding-left: 30px !important; }
    .page-drawer .inner > footer .accordion-set [data-section-content],
    .page-drawer .inner > footer .accordion-set .toggle-drawer {
      padding-right: 30px !important;
      padding-left: 30px !important;
      padding-bottom: 20px !important; }
  .page-drawer .inner > footer .login-links {
    display: none; }
  .page-drawer .inner > footer .quick-links {
    padding-top: 20px !important;
    padding-right: 30px !important;
    padding-left: 30px !important; }

.ribbon {
  display: block;
  padding: 10px 10px 10px;
  background: #555756;
  position: relative;
  color: white;
  line-height: inherit;
  text-align: right; }
  .ribbon.left {
    padding-left: 20px;
    text-align: left;
    float: none !important;
    -webkit-box-shadow: -5px 0px 15px 0px rgba(51, 51, 51, 0.3);
    box-shadow: -5px 0px 15px 0px rgba(51, 51, 51, 0.3); }
  .ribbon.right {
    padding-right: 20px;
    text-align: right;
    float: none !important;
    -webkit-box-shadow: 5px 0px 15px 0px rgba(51, 51, 51, 0.3);
    box-shadow: 5px 0px 15px 0px rgba(51, 51, 51, 0.3); }
  .ribbon .banner {
    height: 0;
    width: 0;
    background: none;
    border: #848589 solid 20px;
    border-bottom: transparent solid 10px;
    border-top-width: 0;
    border-right-width: 0;
    left: auto;
    right: 0;
    position: absolute;
    bottom: -10px;
    z-index: 0; }
    .left .ribbon .banner {
      border-left-width: 0;
      border-right-width: 20px;
      left: 0;
      right: auto; }
    .right .ribbon .banner {
      border-left-width: 20px;
      border-right-width: 0;
      left: auto;
      right: 0; }
  .ribbon.mini {
    line-height: 1;
    padding-top: 8px;
    padding-bottom: 7px;
    font-size: 0.65em; }
  .ribbon.deep {
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 20px; }
  .ribbon.blue {
    background: #003d76;
    color: white; }
    .ribbon.blue:hover {
      background: #00305d; }
    .ribbon.blue .banner {
      border-left-color: #001529;
      border-right-color: #001529; }
    .ribbon.blue i.frame.circle {
      background: white;
      display: inline-block;
      height: 18px;
      margin-right: 10px;
      margin-top: -4px;
      overflow: hidden;
      position: relative;
      vertical-align: middle;
      width: 18px;
      -webkit-border-radius: 18px;
      border-radius: 18px; }
      .lt-ie8 .ribbon.blue i.frame.circle {
        display: inline;
        zoom: 1; }
      .ribbon.blue i.frame.circle > .triangle {
        margin-left: -3.2px;
        margin-top: -4px;
        position: absolute;
        top: 50%;
        left: 50%;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 8px;
        border-color: transparent transparent transparent #003d76;
        border-left-style: solid;
        border-top-width: 4px;
        border-right-width: 0;
        border-bottom-width: 4px;
        border-left-width: 8px; }
  .ribbon.white {
    background: #e6e8e7;
    color: #004c93; }
    .ribbon.white:hover {
      background: #f3f4f4; }
    .ribbon.white .banner {
      border-left-color: #555756;
      border-right-color: #555756; }
    .ribbon.white i.frame.circle {
      background: #004c93;
      display: inline-block;
      height: 18px;
      margin-right: 10px;
      margin-top: -4px;
      overflow: hidden;
      position: relative;
      vertical-align: middle;
      width: 18px;
      -webkit-border-radius: 18px;
      border-radius: 18px; }
      .lt-ie8 .ribbon.white i.frame.circle {
        display: inline;
        zoom: 1; }
      .ribbon.white i.frame.circle > .triangle {
        margin-left: -3.2px;
        margin-top: -4px;
        position: absolute;
        top: 50%;
        left: 50%;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 8px;
        border-color: transparent transparent transparent white;
        border-left-style: solid;
        border-top-width: 4px;
        border-right-width: 0;
        border-bottom-width: 4px;
        border-left-width: 8px; }

.center-col {
  width: 980px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -490px; }
  @media screen and (max-width: 1440px) {
    .center-col {
      width: 890px;
      margin-left: -445px; } }
  @media screen and (max-width: 1023px) {
    .center-col {
      width: auto;
      position: relative;
      top: auto;
      left: auto;
      margin: auto; } }

section.standard .center-col {
  *zoom: 1;
  position: relative;
  top: auto; }
  section.standard .center-col:before, section.standard .center-col:after {
    content: " ";
    display: table; }
  section.standard .center-col:after {
    clear: both; }
  @media screen and (max-width: 1023px) {
    section.standard .center-col {
      width: auto;
      position: relative;
      top: auto;
      left: auto;
      margin: auto; } }
  section.standard .center-col figure {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
    float: left;
    min-height: 280px; }
    @media screen and (max-width: 1023px) {
      section.standard .center-col figure {
        width: auto;
        position: relative;
        top: auto;
        left: auto;
        margin: auto;
        min-height: 0; } }
    section.standard .center-col figure.logo {
      position: relative;
      top: auto;
      left: auto; }
      @media screen and (max-width: 767px) {
        section.standard .center-col figure.logo {
          display: none; } }
      section.standard .center-col figure.logo img {
        position: absolute;
        margin-top: -68.5px;
        top: 50%;
        left: 0; }
  section.standard .center-col aside {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    width: 45.83333%;
    margin-left: 4.16667%;
    float: left;
    min-height: 280px; }
  
   section.standard .center-col aside.chancellor, section.standard .center-col aside.smarttrack, section.standard .center-col aside.sunycon {  /*JMR  */
    position: relative;
    /*padding-left: 5px;
    padding-right: 5px;
    width: 750px;
    margin-left: 9%;*/
    float: left;
    /*min-height: 280px;*/
    margin: 0 auto;
    width: 100%;
    height: auto; }
  
  
    @media screen and (max-width: 1023px) {
      section.standard .center-col aside {
        width: auto;
        position: relative;
        top: auto;
        left: auto;
        margin: auto;
        min-height: 0; } }
    section.standard .center-col aside.component {
      position: relative;
      top: auto;
      left: auto; }

.page-drawer-mobile p, .page-drawer-mobile .row .row, .page-drawer-mobile aside, .page-drawer-mobile div, .page-drawer-mobile span {
  height: auto !important;
  position: relative;
  padding: 0px;
  margin: 0px;
  top: 0px;
  left: 0px;
  display: block !important; }

.page-drawer-mobile {
  padding: 20px;
  background: #ffffff; }

.page-drawer-mobile .module.gray-darkest, .page-drawer-mobile .module.gray-darkest .stat, .page-drawer-mobile .module.gray-darkest .stat input {
  color: #ffffff; }

.page-drawer-mobile h1, .page-drawer-mobile h2, .page-drawer-mobile h3, .page-drawer-mobile h4, .page-drawer-mobile h5, .page-drawer-mobile h6 {
  padding: 10px 20px; }

.page-drawer-mobile .content h6 {
  padding: 10px 0px; }

.page-drawer-mobile .title a {
  cursor: default; }

.page-drawer-mobile .title i {
  display: none !important; }

.page-drawer-mobile .title:hover {
  background: #781d7e !important; }
 
  
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  padding-top: 30px; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
  height: auto;
  margin-bottom: 35px;
  clear:both;
   }

 .embed-container iframe, .embed-container object, .embed-container embed { 
   position: absolute; 
   top: 0; 
   left: 8%; 
   width: 85%; 
   height: 85%; 
   margin-bottom: 5%;
}