@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@font-face {
  font-family: 'WiesbadenSwingLTStd';
  src: url("/UserFiles/Servers/Server_10500298/Templates/fonts/WiesbadenSwingLTStd-Roman.eot");
  src: url("/UserFiles/Servers/Server_10500298/Templates/fonts/WiesbadenSwingLTStd-Roman.woff2") format("woff2"), url("/UserFiles/Servers/Server_10500298/Templates/fonts/WiesbadenSwingLTStd-Roman.woff") format("woff"), url("/UserFiles/Servers/Server_10500298/Templates/fonts/WiesbadenSwingLTStd-Roman.ttf") format("truetype"), url("/UserFiles/Servers/Server_10500298/Templates/fonts/WiesbadenSwingLTStd-Roman.svg#WiesbadenSwingLTStd-Roman") format("svg"), url("/UserFiles/Servers/Server_10500298/Templates/fonts/WiesbadenSwingLTStd-Roman.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
/* lighter */
/* darker */
/* on white */
/* on black */
html .inside-padding {
  margin: 0 auto;
  max-width: 1500px;
  padding: 2em 1em; }
  @media screen and (max-width: 1000px) {
    html .inside-padding {
      padding: 1em; } }

h3, strong {
  color: #525a72; }

hr {
  border: 0.5px solid rgba(51, 51, 51, 0.06); }

span.portlet-title {
  color: #ffffff !important; }

#page a, header a, footer a, #subpage_container_2 a, #subpage_container_3 a {
  display: inline-block;
  margin: 0;
  font-family: "Open Sans";
  font-weight: 400;
  color: #036eb7;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-color: transparent; }
  #page a:hover, header a:hover, footer a:hover, #subpage_container_2 a:hover, #subpage_container_3 a:hover {
    text-decoration: none;
    color: #024877; }

html.portletEditMode .ptl_page {
  max-width: 1500px;
  padding: 2em;
  margin: 0 auto; }
  html.portletEditMode .ptl_page .tbl {
    width: 100%; }

#RSSLink {
  display: none; }

.menubar.admin {
  background: #024877;
  border-bottom: 7px solid #036eb7; }
  .menubar.admin a, .menubar.admin span {
    color: #ffffff;
    font-family: "Open Sans";
    font-weight: 400;
    text-shadow: 0px 1.4px 0px #0a1c28; }

header #menubar {
  opacity: 1;
  float: right;
  height: auto; }

header {
  background-image: url("/UserFiles/Servers/Server_10500298/Templates/img/header.jpg");
  background-size: cover;
  background-position: center 85%;
  background-color: #024877;
  position: relative;
  z-index: 16; }
  header .inside-padding {
    padding: 0 1em;
    position: relative; }
    @media screen and (max-width: 980px) {
      header .inside-padding {
        padding: 1em; } }
    @media screen and (max-width: 425px) {
      header .inside-padding {
        text-align: center; } }
    header .inside-padding .left {
      width: 25%;
      float: left;
      padding: 2em 1em 1em 0; }
      @media screen and (max-width: 980px) {
        header .inside-padding .left {
          width: 35%; } }
      @media screen and (max-width: 850px) {
        header .inside-padding .left {
          display: block;
          width: auto;
          float: none;
          text-align: center;
          padding: 0; } }
      header .inside-padding .left .logo {
        display: table;
        height: 100%;
        width: 100%; }
        @media screen and (max-width: 850px) {
          header .inside-padding .left .logo {
            display: inline-block;
            width: auto;
            height: auto; } }
        header .inside-padding .left .logo a {
          display: table-cell;
          width: 18em;
          width: 28vw;
          max-width: 23em;
          vertical-align: middle; }
          @media screen and (max-width: 850px) {
            header .inside-padding .left .logo a {
              width: 14.8em; } }
      header .inside-padding .left h1.offScreen {
        color: #ffffff !important; }
    header .inside-padding .right {
      display: inline-block;
      width: 70%;
      max-width: 55em;
      float: right; }
      @media screen and (max-width: 980px) {
        header .inside-padding .right {
          width: 60%; } }
      @media screen and (max-width: 850px) {
        header .inside-padding .right {
          display: block;
          width: auto;
          float: none;
          text-align: center; } }
      header .inside-padding .right > ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        position: relative;
        display: table;
        width: 100%; }
        @media screen and (max-width: 980px) {
          header .inside-padding .right > ul {
            display: block;
            width: auto;
            float: right; } }
        @media screen and (max-width: 850px) {
          header .inside-padding .right > ul {
            float: none; } }
        header .inside-padding .right > ul > li {
          text-align: center;
          display: table-cell;
          vertical-align: bottom;
          line-height: normal;
          border-right: 1px solid rgba(255, 255, 255, 0.4);
          padding-top: 1em; }
          @media screen and (max-width: 980px) {
            header .inside-padding .right > ul > li {
              display: inline-block;
              padding-top: 0; } }
          @media screen and (max-width: 980px) {
            header .inside-padding .right > ul > li:nth-child(5) {
              border-right: none;
              margin-top: .5em; } }
          header .inside-padding .right > ul > li:nth-child(6) {
            border-right: none; }
            @media screen and (max-width: 980px) {
              header .inside-padding .right > ul > li:nth-child(6) {
                display: block;
                text-align: right;
                padding-top: 1em; } }
            @media screen and (max-width: 850px) {
              header .inside-padding .right > ul > li:nth-child(6) {
                text-align: center; } }
          header .inside-padding .right > ul > li > a {
            text-decoration: none;
            color: white;
            height: 100%;
            box-sizing: border-box;
            vertical-align: middle;
            font-size: 1em;
            font-weight: 400;
            font-family: "Open Sans";
            padding: 0 !important;
            margin: 0 !important;
            text-align: center;
            display: block;
            position: relative;
            z-index: 8;
            text-decoration: none;
            text-shadow: 0px 1.4px 0px #0a1c28; }
    header .inside-padding #google_translate_element {
      list-style: none;
      display: inline-block;
      padding: 0;
      margin: 0;
      text-align: center;
      vertical-align: middle; }
      header .inside-padding #google_translate_element .goog-te-gadget {
        color: transparent; }
        header .inside-padding #google_translate_element .goog-te-gadget .goog-te-combo {
          color: #333333; }
        header .inside-padding #google_translate_element .goog-te-gadget .goog-logo-link {
          display: inline-block;
          border-right: none;
          color: #EFEFEF;
          text-shadow: 0px 1.4px 0px #0a1c28;
          font-family: "Open Sans";
          font-weight: 600; }

header .inside-padding .right li.how_do_i____ {
  position: relative;
  display: block;
  float: right;
  min-width: 25em;
  width: 65%;
  margin-top: 2em; }
  @media screen and (min-width: 1350px) {
    header .inside-padding .right li.how_do_i____ {
      margin-top: 3em; } }
  @media screen and (max-width: 1200px) {
    header .inside-padding .right li.how_do_i____ {
      width: 75%; } }
  @media screen and (max-width: 980px) {
    header .inside-padding .right li.how_do_i____ {
      margin-top: 1em;
      min-width: 25em;
      width: 80%; } }
  @media screen and (max-width: 850px) {
    header .inside-padding .right li.how_do_i____ {
      float: none;
      display: inline-block;
      min-width: 10em; } }
  header .inside-padding .right li.how_do_i____ > button {
    padding: 0 1em;
    line-height: 3em;
    display: block;
    width: 100%;
    color: white;
    vertical-align: middle;
    font-size: 1em;
    font-weight: 400;
    font-family: "Open Sans";
    position: relative;
    z-index: 8;
    text-decoration: none;
    text-shadow: 0px 1.4px 0px #0a1c28;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #036eb7;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s; }
    header .inside-padding .right li.how_do_i____ > button:hover, header .inside-padding .right li.how_do_i____ > button:focus, header .inside-padding .right li.how_do_i____ > button.open {
      background-color: #0365a8; }
    header .inside-padding .right li.how_do_i____ > button.open:after {
      background: #568fc5; }
    header .inside-padding .right li.how_do_i____ > button:before {
      content: "\f105";
      font-family: "FontAwesome";
      font-size: 1.5em;
      position: absolute;
      right: .8em;
      bottom: 0;
      top: .1em;
      z-index: 3;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    header .inside-padding .right li.how_do_i____ > button:after {
      display: inline-block;
      border: 1px solid rgba(255, 255, 255, 0.4);
      content: "";
      background: #024877;
      position: absolute;
      right: .2em;
      top: .2em;
      bottom: .2em;
      width: 2.7em;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s; }
  header .inside-padding .right li.how_do_i____ .dropdown {
    position: absolute;
    display: none;
    left: 0;
    right: 0; }
    header .inside-padding .right li.how_do_i____ .dropdown .two-column {
      display: block;
      background: #f2f2f2;
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 8px;
      -moz-column-gap: 8px;
      column-gap: 8px;
      margin: 0;
      padding: .5em .5em 1em;
      border-top: 0.5em solid #ffffff;
      text-align: left;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s; }
      @media screen and (max-width: 550px) {
        header .inside-padding .right li.how_do_i____ .dropdown .two-column {
          -webkit-column-count: 1;
          -moz-column-count: 1;
          column-count: 1; } }
      header .inside-padding .right li.how_do_i____ .dropdown .two-column li {
        display: block;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        padding: 4px 0; }
        header .inside-padding .right li.how_do_i____ .dropdown .two-column li a {
          display: block;
          color: #525a72;
          font-weight: 600;
          padding: 7px 7px 7px 7px;
          background: #fafafa; }
          header .inside-padding .right li.how_do_i____ .dropdown .two-column li a:hover, header .inside-padding .right li.how_do_i____ .dropdown .two-column li a:focus {
            background: #ffffff; }

#menubar {
  background: #024877;
  /* level2 */
  /* mega menu list */
  /* a top level navigation item in the mega menu */
  /* first descendant link within a top level navigation item */
  /* focus/open states of first descendant link within a top level navigation item */
  /* open state of first descendant link within a top level navigation item */
  /* sub-navigation panel */
  /* sub-navigation panel open state */
  /* list of items within sub-navigation panel */
  /* list item within sub-navigation panel */
  /** Address + Logo in megamenu **/ }
  #menubar .megamenu .clear > span {
    display: none; }
  #menubar .container {
    max-width: 1500px;
    margin: 0 auto; }
  #menubar li.level1.mega_search.iconItem em {
    color: #ffffff;
    vertical-align: middle;
    font-size: 2em; }
  #menubar .desktopMenu {
    width: 100%; }
  #menubar .megamenu {
    z-index: 100; }
  #menubar .megamenu > div > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    display: table;
    width: 100%; }
  #menubar .megamenu > div > ul > li:hover > a span.menuTitle {
    transition: all .2s ease-in-out; }
  #menubar .megamenu > div > ul:after {
    content: '';
    display: block;
    clear: both; }
  #menubar .megamenu .level1 > a, #menubar .megamenu .level1 > button {
    background: #024877;
    border: 0;
    text-decoration: none;
    color: white;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 1em;
    font-weight: 400;
    font-family: "Open Sans";
    padding: 1em .5em !important;
    margin: 0 !important;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 8;
    text-decoration: none;
    text-shadow: 0px 1.4px 0px #0a1c28;
    box-shadow: none;
    outline: none; }
    #menubar .megamenu .level1 > a[aria-expanded=true], #menubar .megamenu .level1 > a:focus, #menubar .megamenu .level1 > button[aria-expanded=true], #menubar .megamenu .level1 > button:focus {
      background: #036eb7; }
    #menubar .megamenu .level1 > a > .image, #menubar .megamenu .level1 > button > .image {
      padding: .5em 0;
      margin: 0 auto;
      text-align: center;
      height: 3em; }
      #menubar .megamenu .level1 > a > .image:after, #menubar .megamenu .level1 > button > .image:after {
        display: inline-block;
        width: 3em;
        height: 3em; }
    #menubar .megamenu .level1 > a > .caption, #menubar .megamenu .level1 > button > .caption {
      display: block;
      position: relative;
      background-color: transparent;
      font-family: "Open Sans";
      font-weight: 600;
      font-size: 1em;
      text-transform: uppercase;
      text-shadow: 1px 1px 0px #333333;
      color: #ffffff;
      line-height: normal;
      width: 65%;
      margin: 0 auto;
      margin-top: .5em;
      padding: 0; }
  #menubar .megamenu .mega_resident_services a > .image:after, #menubar .megamenu .mega_resident_services button > .image:after {
    content: url("/UserFiles/Servers/Server_10500298/Templates/img/departments portlet icons/resident_services.svg"); }
  #menubar .megamenu .mega_mayor___council a > .image:after, #menubar .megamenu .mega_mayor___council button > .image:after {
    content: url("/UserFiles/Servers/Server_10500298/Templates/img/departments portlet icons/mayor-new.svg"); }
  #menubar .megamenu .mega_business___development a > .image:after, #menubar .megamenu .mega_business___development button > .image:after {
    content: url("/UserFiles/Servers/Server_10500298/Templates/img/departments portlet icons/business-new.svg"); }
  #menubar .megamenu .mega_leisure___recreation a > .image:after, #menubar .megamenu .mega_leisure___recreation button > .image:after {
    content: url("/UserFiles/Servers/Server_10500298/Templates/img/departments portlet icons/playground.svg"); }
  #menubar .megamenu .mega_environment___sustainability a > .image:after, #menubar .megamenu .mega_environment___sustainability button > .image:after {
    content: url("/UserFiles/Servers/Server_10500298/Templates/img/departments portlet icons/environment.svg"); }
  #menubar .megamenu .mega_events___initiatives a > .image:after, #menubar .megamenu .mega_events___initiatives button > .image:after {
    content: url("/UserFiles/Servers/Server_10500298/Templates/img/departments portlet icons/events.svg"); }
  #menubar .megamenu .mega_the_inspired_city a, #menubar .megamenu .mega_the_inspired_city button {
    border-right: 0; }
    #menubar .megamenu .mega_the_inspired_city a > .image:after, #menubar .megamenu .mega_the_inspired_city button > .image:after {
      content: url("/UserFiles/Servers/Server_10500298/Templates/img/departments portlet icons/the_inspired_city.svg"); }
  #menubar .megamenu .level2 {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 10px 3px;
    box-sizing: border-box; }
  #menubar .megamenu .level2 > a {
    background: rgba(51, 51, 51, 0.15);
    font-family: "Open Sans";
    color: #ffffff;
    font-weight: 600;
    padding: 7px 7px 7px 7px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    font-size: 19px; }
  #menubar .megamenu .level2 a[href^="/"]:hover,
  #menubar .megamenu .level2 a[href^="/"]:focus,
  #menubar .megamenu .level2 a[href^="/"]:active {
    background: rgba(51, 51, 51, 0.25);
    text-decoration: none; }
  #menubar .level2 span.description {
    display: block;
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400; }
  #menubar .megamenu .level3 {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }
  #menubar .megamenu .level3 a {
    color: #ffffff;
    font-weight: 300;
    font-family: "Open Sans";
    padding: 6px 7px 6px 11px;
    display: block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 14px;
    letter-spacing: 0.01em;
    text-decoration: none; }
  #menubar .megamenu .level3 a span {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: 400; }
  #menubar .megamenu .level3 a:hover,
  #menubar .megamenu .level3 a:focus,
  #menubar .megamenu .level3 a:active {
    background: rgba(51, 51, 51, 0.15);
    text-decoration: none; }
  #menubar li.mega_mayor___council ul.second-level-list, #menubar li.mega_business___development ul.second-level-list, #menubar li.mega_events___initiatives ul.second-level-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; }
  #menubar li.mega_leisure___recreation ul.second-level-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
  #menubar li.mega_leisure___recreation ul.second-level-list > li.level2:first-child > ul.third-level-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
  #menubar .megamenu ul.second-level-list {
    background: rgba(3, 110, 183, 0.98);
    z-index: 999;
    /* position: absolute; */
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 10px;
    max-width: 1510px;
    text-align: left;
    box-sizing: border-box;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4; }
  #menubar .mega_search ul.second-level-list {
    width: 265px !important;
    right: 0px !important;
    left: auto;
    padding: 2px;
    color: #ffffff;
    height: 70px; }
  #menubar ul.third-level-list {
    list-style: none;
    margin: 0px;
    padding: 0px; }
  #menubar .nav-menu {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 15;
    width: auto; }
  #menubar .nav-item {
    list-style: none;
    display: table-cell;
    /* width: 16%; */
    width: 8%;
    padding: 0;
    margin: 0;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    vertical-align: middle; }
  #menubar .nav-item > a {
    line-height: 50px;
    color: #333333;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    z-index: 3;
    text-decoration: none;
    letter-spacing: 0.03em;
    padding: 0px; }
  #menubar .nav-item > a:focus,
  #menubar .nav-item > a:hover,
  #menubar .nav-item > a.open,
  #menubar .nav-item > button:hover
  .nav-item > button:focus,
  #menubar .nav-item > button.open {
    background: #035f9e;
    border-bottom-color: transparent; }
  #menubar .nav-item > button.open {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none; }
  #menubar .nav-item > a.open {
    z-index: 1; }
  #menubar .megamenu > ul > li:hover > a {
    text-decoration: none;
    position: relative; }
  #menubar .sub-nav {
    position: absolute;
    display: none;
    /*opacity: 0;
    width: 0;
    top: -10000px;*/
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
    /*@include transition (opacity .5s ease, top .3s ease);*/ }
    #menubar .sub-nav .second-level-list {
      border-top: .5em solid transparent; }
  #menubar .sub-nav.open {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    opacity: 1; }
    #menubar .sub-nav.open .second-level-list {
      border-top-color: #0377c6; }
  #menubar .sub-nav ul {
    vertical-align: top;
    margin: 0;
    padding: 0; }
  #menubar .sub-nav li {
    display: block;
    list-style-type: none;
    line-height: normal;
    margin: 0;
    padding: 0; }
  #menubar .mega_address {
    color: #ffffff;
    background: rgba(51, 51, 51, 0.15); }
  #menubar .menu_address {
    padding: 10px;
    display: table;
    width: 100%;
    box-sizing: border-box; }
  #menubar .menu_address h3 {
    line-height: 22px;
    padding-bottom: .2em;
    font-family: "Open Sans"; }
  #menubar .menu_address span {
    font-family: "Open Sans";
    color: rgba(255, 255, 255, 0.9); }
  #menubar .menu_address .mega_logo {
    padding: 0 1em;
    display: table-cell;
    vertical-align: middle; }
  #menubar .menu_address .mega_logo img {
    width: 100%;
    height: auto; }
  #menubar .menu_address .info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em; }
  #menubar .menu_address .mega_logo img {
    min-height: 30px;
    width: 75px; }
  #menubar .mega_address span {
    display: block;
    font-size: 14px; }
  #menubar .mm-list > li > a, #menubar .mm-list > li > span {
    color: #ffffff !important; }
  #menubar #mobile-bar {
    display: none; }
  @media print, screen and (max-width: 1000px) {
    #menubar .mm-ismenu {
      background: #036eb7 !important; }
    #menubar .megamenu .level1 {
      display: none; }
    #menubar .megamenu .nav-item.iconItem {
      display: inline-block;
      padding: 0 10px; }
    #menubar .megamenu .iconItem > a {
      padding: 0; }
    #menubar .desktopMenu {
      display: inline-block;
      text-align: right;
      width: calc(100% - 47px);
      vertical-align: top; }
    #menubar .nav-item > a {
      padding: 0; }
    #menubar .megamenu .mega_policedepartment {
      padding-left: 0; }
    #menubar #menubar {
      float: left; }
    #menubar #mobile-bar {
      display: block;
      float: none;
      color: #ffffff;
      font-size: 1.2em;
      padding: .3em 0;
      position: relative;
      top: .5em;
      margin: 0 auto;
      width: 60px;
      box-sizing: border-box;
      background: rgba(51, 51, 51, 0.2); }
      #menubar #mobile-bar:hover, #menubar #mobile-bar:focus {
        background: rgba(51, 51, 51, 0.4); } }

a.brackets, header .inside-padding .right > ul > li > a, #news-portlet .inside-padding .bottom-container div a, #quick-links .inside-padding a, #page-shell #page #footer_alert .inside-padding .footer .right div a, #page-shell #page footer .inside-padding .footer .right div a, #page-shell #footer_alert .inside-padding .footer .right div a, #page-shell footer .inside-padding .footer .right div a, #news-portlet-department .bottom-container div a, #social-wrapper .bottom-container a {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  outline: none; }
  a.brackets:before, header .inside-padding .right > ul > li > a:before, #news-portlet .inside-padding .bottom-container div a:before, #quick-links .inside-padding a:before, #page-shell #page #footer_alert .inside-padding .footer .right div a:before, #page-shell #page footer .inside-padding .footer .right div a:before, #page-shell #footer_alert .inside-padding .footer .right div a:before, #page-shell footer .inside-padding .footer .right div a:before, #news-portlet-department .bottom-container div a:before, #social-wrapper .bottom-container a:before, a.brackets:after, header .inside-padding .right > ul > li > a:after, #news-portlet .inside-padding .bottom-container div a:after, #quick-links .inside-padding a:after, #page-shell #page #footer_alert .inside-padding .footer .right div a:after, #page-shell #page footer .inside-padding .footer .right div a:after, #page-shell #footer_alert .inside-padding .footer .right div a:after, #page-shell footer .inside-padding .footer .right div a:after, #news-portlet-department .bottom-container div a:after, #social-wrapper .bottom-container a:after {
    display: inline-block;
    position: relative;
    top: -1px;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, all 0.2s;
    -moz-transition: -moz-transform 0.3s, all 0.2s;
    transition: all 0.2s, transform 0.3s; }
  a.brackets:before, header .inside-padding .right > ul > li > a:before, #news-portlet .inside-padding .bottom-container div a:before, #quick-links .inside-padding a:before, #page-shell #page #footer_alert .inside-padding .footer .right div a:before, #page-shell #page footer .inside-padding .footer .right div a:before, #page-shell #footer_alert .inside-padding .footer .right div a:before, #page-shell footer .inside-padding .footer .right div a:before, #news-portlet-department .bottom-container div a:before, #social-wrapper .bottom-container a:before {
    margin-right: 10px;
    content: '{';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px); }
  a.brackets:after, header .inside-padding .right > ul > li > a:after, #news-portlet .inside-padding .bottom-container div a:after, #quick-links .inside-padding a:after, #page-shell #page #footer_alert .inside-padding .footer .right div a:after, #page-shell #page footer .inside-padding .footer .right div a:after, #page-shell #footer_alert .inside-padding .footer .right div a:after, #page-shell footer .inside-padding .footer .right div a:after, #news-portlet-department .bottom-container div a:after, #social-wrapper .bottom-container a:after {
    margin-left: 10px;
    content: '}';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px); }
  a.brackets:hover:before, header .inside-padding .right > ul > li > a:hover:before, #news-portlet .inside-padding .bottom-container div a:hover:before, #quick-links .inside-padding a:hover:before, #page-shell #page #footer_alert .inside-padding .footer .right div a:hover:before, #page-shell #page footer .inside-padding .footer .right div a:hover:before, #page-shell #footer_alert .inside-padding .footer .right div a:hover:before, #page-shell footer .inside-padding .footer .right div a:hover:before, #news-portlet-department .bottom-container div a:hover:before, #social-wrapper .bottom-container a:hover:before, a.brackets:hover:after, header .inside-padding .right > ul > li > a:hover:after, #news-portlet .inside-padding .bottom-container div a:hover:after, #quick-links .inside-padding a:hover:after, #page-shell #page #footer_alert .inside-padding .footer .right div a:hover:after, #page-shell #page footer .inside-padding .footer .right div a:hover:after, #page-shell #footer_alert .inside-padding .footer .right div a:hover:after, #page-shell footer .inside-padding .footer .right div a:hover:after, #news-portlet-department .bottom-container div a:hover:after, #social-wrapper .bottom-container a:hover:after, a.brackets:focus:before, header .inside-padding .right > ul > li > a:focus:before, #news-portlet .inside-padding .bottom-container div a:focus:before, #quick-links .inside-padding a:focus:before, #page-shell #page #footer_alert .inside-padding .footer .right div a:focus:before, #page-shell #page footer .inside-padding .footer .right div a:focus:before, #page-shell #footer_alert .inside-padding .footer .right div a:focus:before, #page-shell footer .inside-padding .footer .right div a:focus:before, #news-portlet-department .bottom-container div a:focus:before, #social-wrapper .bottom-container a:focus:before, a.brackets:focus:after, header .inside-padding .right > ul > li > a:focus:after, #news-portlet .inside-padding .bottom-container div a:focus:after, #quick-links .inside-padding a:focus:after, #page-shell #page #footer_alert .inside-padding .footer .right div a:focus:after, #page-shell #page footer .inside-padding .footer .right div a:focus:after, #page-shell #footer_alert .inside-padding .footer .right div a:focus:after, #page-shell footer .inside-padding .footer .right div a:focus:after, #news-portlet-department .bottom-container div a:focus:after, #social-wrapper .bottom-container a:focus:after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px); }

a.flip, #learn_more a, #news-portlet .inside-padding .container .item .content .read-more, #e_billing .inside-padding .right a, #page-shell #page #footer_alert .alert .inside-padding .right a, #page-shell #page footer .alert .inside-padding .right a, #page-shell #footer_alert .alert .inside-padding .right a, #page-shell footer .alert .inside-padding .right a {
  position: relative;
  display: inline-block;
  margin: 15px 25px;
  outline: none;
  line-height: 50px;
  text-align: center; }
  a.flip span, #learn_more a span, #news-portlet .inside-padding .container .item .content .read-more span, #e_billing .inside-padding .right a span, #page-shell #page #footer_alert .alert .inside-padding .right a span, #page-shell #page footer .alert .inside-padding .right a span, #page-shell #footer_alert .alert .inside-padding .right a span, #page-shell footer .alert .inside-padding .right a span {
    position: relative;
    display: inline-block;
    padding: 0 2em;
    background: #036eb7;
    color: #ffffff;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s; }
  a.flip:hover span, #learn_more a:hover span, #news-portlet .inside-padding .container .item .content .read-more:hover span, #e_billing .inside-padding .right a:hover span, #page-shell #page #footer_alert .alert .inside-padding .right a:hover span, #page-shell #page footer .alert .inside-padding .right a:hover span, #page-shell #footer_alert .alert .inside-padding .right a:hover span, #page-shell footer .alert .inside-padding .right a:hover span, a.flip:focus span, #learn_more a:focus span, #news-portlet .inside-padding .container .item .content .read-more:focus span, #e_billing .inside-padding .right a:focus span, #page-shell #page #footer_alert .alert .inside-padding .right a:focus span, #page-shell #page footer .alert .inside-padding .right a:focus span, #page-shell #footer_alert .alert .inside-padding .right a:focus span, #page-shell footer .alert .inside-padding .right a:focus span {
    background: #037dd0; }

a.flip_hor, #city_council .inside-padding .container .right a {
  position: relative;
  display: block;
  line-height: 50px;
  margin: 15px;
  width: 400px;
  text-align: left; }
  @media screen and (max-width: 800px) {
    a.flip_hor, #city_council .inside-padding .container .right a {
      width: auto; } }
  a.flip_hor span, #city_council .inside-padding .container .right a span {
    position: relative;
    display: block;
    padding: 0 2em;
    background: #036eb7;
    color: #ffffff;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s; }
  a.flip_hor:hover span, #city_council .inside-padding .container .right a:hover span, a.flip_hor:focus span, #city_council .inside-padding .container .right a:focus span {
    background: #037dd0; }

a.old-flip_hor {
  position: relative;
  display: inline-block;
  line-height: 50px;
  margin: 15px;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
  width: 400px; }
  @media screen and (max-width: 1000px) and (min-width: 801px), screen and (max-width: 500px) {
    a.old-flip_hor {
      width: 300px; } }
  a.old-flip_hor:hover span, a.old-flip_hor:focus span {
    background: #024877;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg); }
  a.old-flip_hor:hover span:before, a.old-flip_hor:focus span:before {
    background: #025085; }
  a.old-flip_hor span {
    position: relative;
    display: inline-block;
    width: 100%;
    /* padding: 0 14px; */
    background: #036eb7;
    -webkit-transition: -webkit-transform 0.4s, background 0.4s;
    -moz-transition: -moz-transform 0.4s, background 0.4s;
    transition: transform 0.4s, background 0.4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -200px;
    -moz-transform-origin: 50% 50% -200px;
    transform-origin: 50% 50% -200px; }
    @media screen and (max-width: 1000px) and (min-width: 800px), screen and (max-width: 500px) {
      a.old-flip_hor span {
        -webkit-transform-origin: 50% 50% -150px;
        -moz-transform-origin: 50% 50% -150px;
        transform-origin: 50% 50% -150px; } }
    a.old-flip_hor span:before {
      width: 100%;
      /* 91.5% */
      position: absolute;
      top: 0;
      left: 100%;
      height: 100%;
      background: #023f68;
      content: attr(data-hover);
      -webkit-transition: background 0.4s;
      -moz-transition: background 0.4s;
      transition: background 0.4s;
      -webkit-transform: rotateY(90deg);
      -moz-transform: rotateY(90deg);
      transform: rotateY(90deg);
      -webkit-transform-origin: 0 50%;
      -moz-transform-origin: 0 50%;
      transform-origin: 0 50%;
      pointer-events: none; }

a.old-flip {
  position: relative;
  display: inline-block;
  margin: 15px 25px;
  outline: none;
  line-height: 50px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  text-align: center; }
  a.old-flip span {
    position: relative;
    display: inline-block;
    padding: 0 2em;
    background: #036eb7;
    color: #ffffff;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    a.old-flip span:before {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      background: #024877;
      content: attr(data-hover);
      -webkit-transition: background 0.3s;
      -moz-transition: background 0.3s;
      transition: background 0.3s;
      -webkit-transform: rotateX(-90deg);
      -moz-transform: rotateX(-90deg);
      transform: rotateX(-90deg);
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      transform-origin: 50% 0; }
  a.old-flip:hover span, a.old-flip:focus span {
    color: #ffffff;
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px); }
  a.old-flip:hover span:before, a.old-flip:focus span:before {
    background: #036eb7; }

#departments {
  display: none !important;
  background: #024877;
  overflow: hidden; }
  #departments .inside-padding {
    padding: 0;
    text-align: center; }
    #departments .inside-padding a {
      margin: 0 auto;
      padding: 2em;
      padding: 2vw;
      width: 16%;
      display: table-cell;
      vertical-align: middle;
      position: relative;
      border-right: 1px solid rgba(255, 255, 255, 0.1); }
      @media screen and (max-width: 830px) {
        #departments .inside-padding a {
          display: inline-block;
          width: 27%;
          height: 110px;
          overflow: hidden; } }
      @media screen and (max-width: 685px) {
        #departments .inside-padding a {
          width: 25%; } }
      @media screen and (max-width: 590px) {
        #departments .inside-padding a {
          width: 45%; } }
      @media screen and (max-width: 830px) and (min-width: 590px) {
        #departments .inside-padding a:nth-child(-n+3) {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }
      @media screen and (max-width: 590px) {
        #departments .inside-padding a:nth-child(-n+4) {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }
      @media screen and (max-width: 590px) {
        #departments .inside-padding a:nth-child(2), #departments .inside-padding a:nth-child(4) {
          border-right-color: transparent; } }
      @media screen and (max-width: 830px) and (min-width: 590px) {
        #departments .inside-padding a:nth-child(3) {
          border-right-color: transparent; } }
      #departments .inside-padding a:last-child {
        border-color: transparent; }
      #departments .inside-padding a:hover, #departments .inside-padding a:focus {
        background: rgba(51, 51, 51, 0.2); }
      #departments .inside-padding a .image {
        padding: .5em 0;
        width: 3em;
        margin: 0 auto; }
      #departments .inside-padding a .caption {
        font-family: "Open Sans";
        font-weight: 600;
        font-size: 1em;
        text-transform: uppercase;
        text-shadow: 1px 1px 0px #333333;
        color: #ffffff; }

#page-shell.department.fire #welcome {
  background-attachment: scroll; }

#welcome {
  position: relative;
  height: 25vw;
  min-height: 20em;
  max-height: 30em;
  background-size: cover;
  background-position: center 75%;
  background-color: #525a72;
  background-attachment: fixed; }
  @media screen and (max-width: 600px), (max-device-width: 900px) {
    #welcome {
      background-attachment: scroll; } }
  #welcome .layers {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("/UserFiles/Servers/Server_10500298/Templates/img/welcome_bg_layers.png");
    background-size: cover;
    background-position: center;
    -webkit-filter: contrast(1.2) brightness(1);
    filter: contrast(1.2) brightness(1); }
  #welcome .title {
    display: table;
    width: 100%;
    height: 100%;
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    text-align: center;
    max-width: 1500px;
    margin: 0 auto;
    /* padding: 5vw 1em; */ }
    #welcome .title .valign {
      display: table-cell;
      vertical-align: middle; }
    #welcome .title .City_of_Charlottetown, #welcome .title .department_logo {
      font-size: 97px;
      font-family: "WiesbadenSwingLTStd", "Libre Baskerville";
      color: #ffffff;
      text-align: center;
      text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.8);
      width: auto;
      max-width: 8em;
      margin: 0 auto;
      padding: .2em .3em 0;
      -webkit-transition: font-size, 0.3s;
      -moz-transition: font-size, 0.3s;
      -ms-transition: font-size, 0.3s;
      transition: font-size, 0.3s; }
      @media screen and (max-width: 600px) {
        #welcome .title .City_of_Charlottetown, #welcome .title .department_logo {
          font-size: 50px; } }
      #welcome .title .City_of_Charlottetown img, #welcome .title .department_logo img {
        width: 100%; }
    #welcome .title .department_logo img {
      width: 2em; }
    #welcome .title .Welcome_to_the {
      font-size: 24px;
      font-family: "Libre Baskerville";
      color: white;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1.333;
      text-align: center;
      text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.8);
      position: relative;
      background: transparent;
      display: inline-block;
      z-index: 1; }
      #welcome .title .Welcome_to_the:before {
        border-top: 1px solid rgba(255, 255, 255, 0.349);
        content: "";
        position: absolute;
        top: 15px;
        right: 12.5em;
        bottom: 0;
        width: 80%; }
        @media screen and (max-width: 830px) {
          #welcome .title .Welcome_to_the:before {
            width: 4em; } }
        @media screen and (max-width: 600px) {
          #welcome .title .Welcome_to_the:before {
            width: 1em;
            width: 4.5vw;
            right: 11.5em; } }
      #welcome .title .Welcome_to_the:after {
        border-top: 1px solid rgba(255, 255, 255, 0.349);
        content: "";
        position: absolute;
        top: 15px;
        left: 12.5em;
        right: 0;
        bottom: 0;
        width: 80%; }
        @media screen and (max-width: 830px) {
          #welcome .title .Welcome_to_the:after {
            width: 4em; } }
        @media screen and (max-width: 600px) {
          #welcome .title .Welcome_to_the:after {
            width: 1em;
            width: 4.5vw;
            left: 11.5em; } }
  #welcome .search input.SearchTerm {
    background: #ffffff;
    border: none;
    border-radius: 0;
    height: 3em;
    width: 50%;
    max-width: 40em;
    min-width: 20em;
    padding: 0 3em 0 1em;
    color: #4d4d4d;
    letter-spacing: 0.04em;
    font-size: 14px;
    font-weight: 600;
    font-family: "Open Sans";
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    margin-left: 2em; }
    @media screen and (max-width: 430px) {
      #welcome .search input.SearchTerm {
        width: auto;
        min-width: auto; } }
  #welcome .search a {
    position: relative;
    left: -2.3em;
    top: .1em; }
    #welcome .search a img {
      display: none; }
    #welcome .search a i {
      color: #ffffff;
      background: #036eb7;
      font-size: 1.3em;
      padding: .3em;
      text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8); }

#learn_more {
  background: #f2f4f6;
  text-align: center;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1); }
  #learn_more .title {
    font-family: "Open Sans";
    font-size: 1.4em;
    font-weight: 600;
    color: #525a72;
    padding: 1em 2vw; }
    @media screen and (max-width: 600px) {
      #learn_more .title {
        font-size: 1.1em;
        padding: 1em .5em 0; } }
  #learn_more .summary {
    color: #666666;
    font-weight: 400;
    font-size: 1.1em;
    padding: 0 4vw; }
    @media screen and (max-width: 600px) {
      #learn_more .summary {
        font-size: .9em; } }
  #learn_more a {
    text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5); }

.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards; }

.come-in:nth-child(odd) {
  animation-duration: 0.6s; }

.already-visible {
  transform: translateY(0);
  animation: none; }

@keyframes come-in {
  to {
    transform: translateY(0); } }
#news-portlet {
  background: #f7f7f7; }
  #news-portlet .inside-padding {
    position: relative; }
    #news-portlet .inside-padding .top-container {
      /* position: relative; */
      padding: 1em 0 3em; }
      @media screen and (max-width: 1000px) {
        #news-portlet .inside-padding .top-container {
          padding: 1em .5em; } }
      #news-portlet .inside-padding .top-container div:first-child {
        /* position: relative; */
        border-bottom: 1px solid rgba(51, 51, 51, 0.1); }
        #news-portlet .inside-padding .top-container div:first-child h2 {
          color: #525a72;
          font-weight: 700;
          font-size: 2.6em;
          text-align: center;
          text-shadow: 1px 0px 0px;
          margin-bottom: .4em; }
          @media screen and (max-width: 600px) {
            #news-portlet .inside-padding .top-container div:first-child h2 {
              display: inline-block;
              width: 70%;
              text-align: left;
              font-size: 2em; } }
        #news-portlet .inside-padding .top-container div:first-child .arrows {
          position: absolute;
          right: 0;
          left: 0;
          top: 0;
          bottom: 0; }
    #news-portlet .inside-padding .container {
      margin: 0 2em; }
      #news-portlet .inside-padding .container .item {
        padding: 1em;
        margin: 1em .5em; }
        #news-portlet .inside-padding .container .item .top {
          padding: 1em 0; }
          #news-portlet .inside-padding .container .item .top img {
            width: 100%;
            height: 10em;
            object-fit: cover; }
          #news-portlet .inside-padding .container .item .top .image {
            width: 100%;
            height: 15em;
            background-size: cover;
            background-position: center; }
        #news-portlet .inside-padding .container .item .content .title {
          font-family: "Libre Baskerville";
          font-size: 1.3em;
          line-height: 1.7em;
          color: #024877;
          padding: 0 0 .5em; }
        #news-portlet .inside-padding .container .item .content .date {
          padding: 0 0 .5em;
          color: #036eb7;
          font-family: "Open Sans";
          font-style: italic;
          font-weight: 300;
          font-size: 1em; }
        #news-portlet .inside-padding .container .item .content .summary {
          font-family: "Open Sans";
          font-weight: 300;
          font-size: 1em;
          line-height: 1.8em;
          color: #333333; }
        #news-portlet .inside-padding .container .item .content .read-more {
          margin: 15px 0;
          text-align: center;
          text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5); }
    #news-portlet .inside-padding .bottom-container {
      text-align: center;
      padding-bottom: 2em; }
      #news-portlet .inside-padding .bottom-container span {
        display: block;
        width: 100%;
        height: 1px;
        top: 12.5px;
        position: relative;
        background: rgba(51, 51, 51, 0.1); }
      #news-portlet .inside-padding .bottom-container div a {
        text-transform: uppercase;
        color: #024877;
        font-weight: 600;
        background: #f7f7f7;
        padding: 0 1em; }

#page.subpage #upcomingEvents {
  margin-top: 1em; }
  #page.subpage #upcomingEvents .inside-padding {
    max-width: 100%; }
    @media screen and (max-width: 1300px) {
      #page.subpage #upcomingEvents .inside-padding a.event {
        width: 48%;
        margin: 0px 1% 15px 1%; } }
    @media screen and (max-width: 550px) {
      #page.subpage #upcomingEvents .inside-padding a.event {
        width: 100%;
        margin: 0px 0px 15px 0px; } }

#upcomingEvents {
  background: #f7f7f7; }
  #upcomingEvents .top-container {
    border-bottom: 1px solid rgba(51, 51, 51, 0.1); }
    #upcomingEvents .top-container h2 {
      color: #525a72;
      font-weight: 700;
      font-size: 2.6em;
      text-align: center;
      text-shadow: 1px 0px 0px;
      margin-bottom: .4em; }
      @media screen and (max-width: 600px) {
        #upcomingEvents .top-container h2 {
          display: inline-block;
          width: 70%;
          text-align: left;
          font-size: 2em;
          line-height: 1.1em; } }
  #upcomingEvents .eventsList {
    margin: 2em 0; }
    #upcomingEvents .eventsList a.event {
      display: inline-block;
      background: #ffffff;
      width: 23.333334%;
      margin: 0px 1% 0px 1%;
      vertical-align: top;
      color: #024877;
      text-align: left; }
      #upcomingEvents .eventsList a.event.event:first-child {
        margin-left: 0; }
        @media screen and (max-width: 900px) {
          #upcomingEvents .eventsList a.event.event:first-child {
            width: 48%;
            margin: 0px 1% 15px 1%; } }
        @media screen and (max-width: 550px) {
          #upcomingEvents .eventsList a.event.event:first-child {
            width: 100%;
            margin: 0px 0px 15px 0px; } }
      #upcomingEvents .eventsList a.event.event:last-child {
        margin-right: 0; }
        @media screen and (max-width: 900px) {
          #upcomingEvents .eventsList a.event.event:last-child {
            width: 48%;
            margin: 0px 1% 15px 1%; } }
        @media screen and (max-width: 550px) {
          #upcomingEvents .eventsList a.event.event:last-child {
            width: 100%;
            margin: 0px 0px 15px 0px; } }
      @media screen and (max-width: 900px) {
        #upcomingEvents .eventsList a.event {
          width: 48%;
          margin: 0px 1% 15px 1%; } }
      @media screen and (max-width: 550px) {
        #upcomingEvents .eventsList a.event {
          width: 100%;
          margin: 0px 0px 15px 0px; } }
      #upcomingEvents .eventsList a.event:hover .eventName, #upcomingEvents .eventsList a.event:focus .eventName {
        background: #024877; }
      #upcomingEvents .eventsList a.event:hover span.ripple, #upcomingEvents .eventsList a.event:focus span.ripple {
        background: #036eb7 !important; }
      #upcomingEvents .eventsList a.event .eventName {
        padding: 20px;
        background: #036eb7;
        font-family: "Open Sans";
        font-size: 1.1em;
        line-height: 1.7em;
        color: #ffffff;
        text-shadow: 1px 0px 0px #333333;
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        -ms-transition: background 0.3s;
        transition: background 0.3s; }
        #upcomingEvents .eventsList a.event .eventName:before {
          content: '';
          height: 2.6em;
          display: inline-block;
          vertical-align: middle; }
        #upcomingEvents .eventsList a.event .eventName span {
          color: #ffffff !important;
          line-height: 1.3em;
          display: inline-block;
          vertical-align: middle; }
      #upcomingEvents .eventsList a.event .eventDetails {
        position: relative;
        padding: 20px;
        border: 1px solid rgba(51, 51, 51, 0.1);
        border-top: none; }
        #upcomingEvents .eventsList a.event .eventDetails .eventDate {
          margin-bottom: 7px;
          font-family: "Open Sans";
          font-weight: 400; }
        #upcomingEvents .eventsList a.event .eventDetails .location {
          margin-top: 7px; }
        #upcomingEvents .eventsList a.event .eventDetails div em {
          margin-right: 5px; }
        #upcomingEvents .eventsList a.event .eventDetails span.ripple {
          width: 45px;
          line-height: 45px;
          display: block;
          text-align: center;
          position: absolute;
          top: -23px;
          right: 20px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s;
          color: #ffffff !important;
          background: #024877;
          z-index: 1; }
          #upcomingEvents .eventsList a.event .eventDetails span.ripple .fa {
            top: 2px;
            left: 1px;
            position: relative; }
      #upcomingEvents .eventsList a.event .time {
        padding: 0 0 .5em;
        font-family: "Open Sans";
        font-style: italic;
        font-weight: 300;
        font-size: 1em; }

#quick-links {
  background: #f2f4f6;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  text-align: center; }
  #quick-links .inside-padding {
    padding: .5em 0em; }
    #quick-links .inside-padding a {
      text-transform: uppercase;
      color: #024877;
      line-height: 30px;
      margin: 0;
      font-size: .9em; }
      @media screen and (max-width: 1180px) and (min-width: 600px) {
        #quick-links .inside-padding a {
          font-size: .8em; } }

#e_billing {
  background: #036eb7; }
  #e_billing .inside-padding {
    display: table;
    padding: 3em 1em; }
    #e_billing .inside-padding .left {
      display: table-cell;
      width: 50%; }
      @media screen and (max-width: 780px) {
        #e_billing .inside-padding .left {
          display: block;
          width: auto;
          text-align: center; } }
      #e_billing .inside-padding .left img {
        display: inline-block;
        width: 6em;
        min-height: 5em;
        padding-right: 2em; }
        @media screen and (max-width: 900px) {
          #e_billing .inside-padding .left img {
            width: 5em; } }
        @media screen and (max-width: 780px) {
          #e_billing .inside-padding .left img {
            padding: 0;
            display: block;
            margin: 0 auto; } }
      #e_billing .inside-padding .left div {
        display: inline-block;
        width: 70%; }
        #e_billing .inside-padding .left div .title {
          color: #ffffff;
          text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
          font-size: 1.4em;
          font-family: "Libre Baskerville";
          margin: 0; }
        #e_billing .inside-padding .left div .summary {
          color: #ffffff;
          text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
          font-size: 1.2em; }
    #e_billing .inside-padding .right {
      display: table-cell;
      vertical-align: middle;
      width: 55%;
      text-align: right; }
      @media screen and (max-width: 780px) {
        #e_billing .inside-padding .right {
          display: block;
          width: auto;
          text-align: center; } }
      #e_billing .inside-padding .right a {
        margin: 7px 5px; }
        #e_billing .inside-padding .right a span {
          background: #024877;
          padding: 0 3em;
          text-shadow: 0px 1.4px 0px #0a1c28; }
          @media screen and (max-width: 900px) {
            #e_billing .inside-padding .right a span {
              padding: 0 1.5em; } }
          #e_billing .inside-padding .right a span:before {
            background: #023c63;
            text-shadow: 0px 1.4px 0px #0a1c28; }
          #e_billing .inside-padding .right a span:hover:before, #e_billing .inside-padding .right a span:focus:before {
            background: #024877; }

#city_council {
  background: #024877; }
  @media screen and (max-width: 1000px) {
    #city_council .inside-padding {
      padding: 1em 0; } }
  #city_council .inside-padding .top-container {
    position: relative;
    margin: 0 1em; }
    @media screen and (max-width: 800px) {
      #city_council .inside-padding .top-container {
        margin: 0; } }
    #city_council .inside-padding .top-container.center {
      padding: 1em 0 3em; }
    #city_council .inside-padding .top-container.right {
      padding: 1em 0;
      display: block !important; }
      #city_council .inside-padding .top-container.right h2 {
        text-align: left !important;
        font-size: 2em !important; }
        @media screen and (max-width: 800px) {
          #city_council .inside-padding .top-container.right h2 {
            text-align: center !important;
            margin: 0; } }
    #city_council .inside-padding .top-container div:first-child {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      margin: 0 1em; }
      #city_council .inside-padding .top-container div:first-child h2 {
        color: #ffffff;
        font-weight: 700;
        font-size: 2.6em;
        text-align: center;
        text-shadow: 1px 0px 0px #333333;
        margin-bottom: .4em;
        text-transform: uppercase; }
        @media screen and (max-width: 600px) {
          #city_council .inside-padding .top-container div:first-child h2 {
            font-size: 2em; } }
  #city_council .inside-padding .container.false {
    border-bottom: 0;
    padding-bottom: 0; }
  #city_council .inside-padding .container.false.full-width .left {
    width: auto; }
  #city_council .inside-padding .container.false.no-links .left {
    vertical-align: middle; }
  #city_council .inside-padding .container {
    display: table;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 2em;
    margin: 0 1em; }
    @media screen and (max-width: 800px) {
      #city_council .inside-padding .container {
        display: block; } }
    #city_council .inside-padding .container .left {
      display: table-cell;
      width: 80%; }
      @media screen and (max-width: 800px) {
        #city_council .inside-padding .container .left {
          width: auto; } }
      #city_council .inside-padding .container .left .quote {
        position: relative;
        font-family: "Open Sans";
        font-size: 1.4em;
        font-weight: 400;
        color: #ffffff;
        padding: 1em;
        text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
        width: 80%;
        margin: 0 auto; }
        @media screen and (max-width: 620px) {
          #city_council .inside-padding .container .left .quote {
            font-size: 1.2em; } }
        #city_council .inside-padding .container .left .quote:before {
          content: "\f10d";
          display: inline-block;
          color: #ffffff;
          font-size: 1.2em;
          font-family: "FontAwesome";
          position: absolute;
          left: -1em;
          top: .9em; }
          @media screen and (max-width: 620px) {
            #city_council .inside-padding .container .left .quote:before {
              font-size: 1em;
              position: relative;
              top: 0; } }
        #city_council .inside-padding .container .left .quote:after {
          content: "\f10e";
          display: inline-block;
          color: #ffffff;
          font-size: .7em;
          font-family: "FontAwesome";
          position: relative;
          right: -1em;
          bottom: 0; }
    #city_council .inside-padding .container .person {
      text-align: right;
      width: 75%;
      margin: 0 auto; }
      #city_council .inside-padding .container .person div:first-child {
        display: inline-block;
        font-family: "Open Sans";
        font-size: 1.4em;
        font-weight: 600;
        color: #ffffff;
        text-transform: uppercase;
        text-align: right;
        text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
        vertical-align: top;
        padding: .5em 1em; }
        #city_council .inside-padding .container .person div:first-child span {
          display: block;
          font-family: "Libre Baskerville";
          font-size: 1em;
          text-transform: none; }
      #city_council .inside-padding .container .person img {
        width: 5em;
        height: 5em;
        border-radius: 100%;
        object-fit: cover;
        object-position: center;
        display: inline-block; }
    #city_council .inside-padding .container .person.on-right {
      width: auto;
      text-align: center; }
      #city_council .inside-padding .container .person.on-right div:first-child {
        text-align: center; }
    #city_council .inside-padding .container .person.on-right.not-person {
      display: none; }
    #city_council .inside-padding .container .right {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      @media screen and (max-width: 800px) {
        #city_council .inside-padding .container .right {
          display: block;
          margin-top: 2em;
          text-align: center;
          overflow: hidden; } }
      #city_council .inside-padding .container .right a {
        margin: 10px 15px;
        color: #ffffff; }
        #city_council .inside-padding .container .right a span:after {
          content: "\f054";
          display: inline-block;
          color: #ffffff;
          text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
          position: absolute;
          top: .1em;
          right: 2em;
          font-family: "FontAwesome";
          -webkit-transition: opacity, 0.3s;
          -moz-transition: opacity, 0.3s;
          -ms-transition: opacity, 0.3s;
          transition: opacity, 0.3s; }
      #city_council .inside-padding .container .right img {
        width: 10.65em;
        height: 10.65em;
        border-radius: 100%;
        object-fit: cover;
        object-position: center;
        display: inline-block; }
      #city_council .inside-padding .container .right img.not-portrait {
        width: auto;
        max-width: 40em;
        max-height: 25em;
        height: auto;
        border-radius: 0; }
  #city_council .inside-padding .bottom-container {
    display: table;
    width: 100%;
    border-spacing: 1em 2em; }
    #city_council .inside-padding .bottom-container a {
      display: table-cell;
      background: #036eb7;
      width: 33%;
      color: #ffffff;
      text-align: center;
      padding: 2em;
      text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
      position: relative; }
      @media screen and (max-width: 500px) {
        #city_council .inside-padding .bottom-container a {
          padding: 1em .5em; } }
      #city_council .inside-padding .bottom-container a:hover, #city_council .inside-padding .bottom-container a:focus {
        background: #0377c6; }
      #city_council .inside-padding .bottom-container a:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 2em;
        right: 2em;
        height: 0;
        background: #036eb7;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s; }
      #city_council .inside-padding .bottom-container a:hover:before, #city_council .inside-padding .bottom-container a:focus:before {
        opacity: .3;
        top: -1em;
        height: 1em; }
      #city_council .inside-padding .bottom-container a:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 1em;
        right: 1em;
        height: 0;
        background: #036eb7;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s; }
      #city_council .inside-padding .bottom-container a:hover:after, #city_council .inside-padding .bottom-container a:focus:after {
        opacity: .7;
        top: -.5em;
        height: .5em; }
      #city_council .inside-padding .bottom-container a img {
        display: block;
        margin: 0 auto;
        height: 3em;
        padding-bottom: 1em; }

#page-shell #page #footer_alert, #page-shell #page footer, #page-shell #footer_alert, #page-shell footer {
  position: relative;
  background-color: #024877;
  background-position: center 15%;
  background-size: cover;
  -webkit-filter: saturate(1.2);
  filter: saturate(1.2); }
  #page-shell #page #footer_alert .layers, #page-shell #page footer .layers, #page-shell #footer_alert .layers, #page-shell footer .layers {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("/UserFiles/Servers/Server_10500298/Templates/img/footer_bg_layers.png");
    background-size: cover;
    background-position: center;
    z-index: 0;
    -webkit-filter: contrast(1.9) brightness(0.5);
    filter: contrast(1.9) brightness(0.5); }
  #page-shell #page #footer_alert .alert, #page-shell #page footer .alert, #page-shell #footer_alert .alert, #page-shell footer .alert {
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
    position: relative; }
    #page-shell #page #footer_alert .alert .inside-padding, #page-shell #page footer .alert .inside-padding, #page-shell #footer_alert .alert .inside-padding, #page-shell footer .alert .inside-padding {
      display: table;
      padding: 3em 1em; }
      #page-shell #page #footer_alert .alert .inside-padding .left, #page-shell #page footer .alert .inside-padding .left, #page-shell #footer_alert .alert .inside-padding .left, #page-shell footer .alert .inside-padding .left {
        display: table-cell;
        width: auto; }
        @media screen and (max-width: 700px) {
          #page-shell #page #footer_alert .alert .inside-padding .left, #page-shell #page footer .alert .inside-padding .left, #page-shell #footer_alert .alert .inside-padding .left, #page-shell footer .alert .inside-padding .left {
            display: block;
            margin: 0 auto;
            text-align: center; } }
        #page-shell #page #footer_alert .alert .inside-padding .left img, #page-shell #page footer .alert .inside-padding .left img, #page-shell #footer_alert .alert .inside-padding .left img, #page-shell footer .alert .inside-padding .left img {
          display: inline-block;
          width: 6em;
          min-height: 5em;
          padding-right: 2em; }
          @media screen and (max-width: 700px) {
            #page-shell #page #footer_alert .alert .inside-padding .left img, #page-shell #page footer .alert .inside-padding .left img, #page-shell #footer_alert .alert .inside-padding .left img, #page-shell footer .alert .inside-padding .left img {
              display: block;
              margin: 0 auto;
              padding: 0; } }
        #page-shell #page #footer_alert .alert .inside-padding .left div, #page-shell #page footer .alert .inside-padding .left div, #page-shell #footer_alert .alert .inside-padding .left div, #page-shell footer .alert .inside-padding .left div {
          display: inline-block;
          width: 70%; }
          @media screen and (max-width: 700px) {
            #page-shell #page #footer_alert .alert .inside-padding .left div, #page-shell #page footer .alert .inside-padding .left div, #page-shell #footer_alert .alert .inside-padding .left div, #page-shell footer .alert .inside-padding .left div {
              width: auto; } }
          #page-shell #page #footer_alert .alert .inside-padding .left div .title, #page-shell #page footer .alert .inside-padding .left div .title, #page-shell #footer_alert .alert .inside-padding .left div .title, #page-shell footer .alert .inside-padding .left div .title {
            color: #ffffff;
            text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
            font-size: 1.4em;
            font-family: "Libre Baskerville";
            margin: 0;
            text-transform: uppercase; }
            @media screen and (max-width: 700px) {
              #page-shell #page #footer_alert .alert .inside-padding .left div .title, #page-shell #page footer .alert .inside-padding .left div .title, #page-shell #footer_alert .alert .inside-padding .left div .title, #page-shell footer .alert .inside-padding .left div .title {
                display: inline-block; } }
          #page-shell #page #footer_alert .alert .inside-padding .left div .summary, #page-shell #page footer .alert .inside-padding .left div .summary, #page-shell #footer_alert .alert .inside-padding .left div .summary, #page-shell footer .alert .inside-padding .left div .summary {
            color: #ffffff;
            text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
            font-size: 1.2em; }
      #page-shell #page #footer_alert .alert .inside-padding .right, #page-shell #page footer .alert .inside-padding .right, #page-shell #footer_alert .alert .inside-padding .right, #page-shell footer .alert .inside-padding .right {
        display: table-cell;
        vertical-align: middle;
        width: 15em;
        text-align: right; }
        @media screen and (max-width: 700px) {
          #page-shell #page #footer_alert .alert .inside-padding .right, #page-shell #page footer .alert .inside-padding .right, #page-shell #footer_alert .alert .inside-padding .right, #page-shell footer .alert .inside-padding .right {
            display: block;
            margin: 0 auto;
            width: auto;
            text-align: center; } }
        #page-shell #page #footer_alert .alert .inside-padding .right a, #page-shell #page footer .alert .inside-padding .right a, #page-shell #footer_alert .alert .inside-padding .right a, #page-shell footer .alert .inside-padding .right a {
          position: relative;
          margin: .2em 1em; }
          #page-shell #page #footer_alert .alert .inside-padding .right a span, #page-shell #page footer .alert .inside-padding .right a span, #page-shell #footer_alert .alert .inside-padding .right a span, #page-shell footer .alert .inside-padding .right a span {
            padding: 0 3em; }
  #page-shell #page #footer_alert .inside-padding, #page-shell #page footer .inside-padding, #page-shell #footer_alert .inside-padding, #page-shell footer .inside-padding {
    z-index: 1;
    position: relative; }
    #page-shell #page #footer_alert .inside-padding .footer, #page-shell #page footer .inside-padding .footer, #page-shell #footer_alert .inside-padding .footer, #page-shell footer .inside-padding .footer {
      color: #ffffff;
      padding: 2em 0 1em; }
      #page-shell #page #footer_alert .inside-padding .footer .left, #page-shell #page footer .inside-padding .footer .left, #page-shell #footer_alert .inside-padding .footer .left, #page-shell footer .inside-padding .footer .left {
        width: 25%;
        display: inline-block;
        text-align: center;
        margin: 0 auto;
        padding: 1em 0;
        float: left; }
        @media screen and (max-width: 900px) {
          #page-shell #page #footer_alert .inside-padding .footer .left, #page-shell #page footer .inside-padding .footer .left, #page-shell #footer_alert .inside-padding .footer .left, #page-shell footer .inside-padding .footer .left {
            display: block;
            width: auto;
            float: none; } }
        #page-shell #page #footer_alert .inside-padding .footer .left img, #page-shell #page footer .inside-padding .footer .left img, #page-shell #footer_alert .inside-padding .footer .left img, #page-shell footer .inside-padding .footer .left img {
          width: 80%;
          padding-bottom: 1em; }
          @media screen and (max-width: 900px) {
            #page-shell #page #footer_alert .inside-padding .footer .left img, #page-shell #page footer .inside-padding .footer .left img, #page-shell #footer_alert .inside-padding .footer .left img, #page-shell footer .inside-padding .footer .left img {
              width: 15em;
              display: block;
              margin: 0 auto; } }
        #page-shell #page #footer_alert .inside-padding .footer .left .bold, #page-shell #page footer .inside-padding .footer .left .bold, #page-shell #footer_alert .inside-padding .footer .left .bold, #page-shell footer .inside-padding .footer .left .bold {
          font-size: 1em;
          font-weight: 600; }
          @media screen and (max-width: 900px) {
            #page-shell #page #footer_alert .inside-padding .footer .left .bold, #page-shell #page footer .inside-padding .footer .left .bold, #page-shell #footer_alert .inside-padding .footer .left .bold, #page-shell footer .inside-padding .footer .left .bold {
              display: inline-block; } }
        #page-shell #page #footer_alert .inside-padding .footer .left div, #page-shell #page #footer_alert .inside-padding .footer .left a, #page-shell #page footer .inside-padding .footer .left div, #page-shell #page footer .inside-padding .footer .left a, #page-shell #footer_alert .inside-padding .footer .left div, #page-shell #footer_alert .inside-padding .footer .left a, #page-shell footer .inside-padding .footer .left div, #page-shell footer .inside-padding .footer .left a {
          color: #ffffff !important;
          font-family: "Open Sans" !important;
          font-size: .8em !important;
          font-weight: 400 !important;
          text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
          text-transform: uppercase;
          padding: .2em 0; }
      #page-shell #page #footer_alert .inside-padding .footer .right, #page-shell #page footer .inside-padding .footer .right, #page-shell #footer_alert .inside-padding .footer .right, #page-shell footer .inside-padding .footer .right {
        display: table;
        border-spacing: .5em 0;
        width: 70%;
        float: right;
        padding: 1em 0; }
        @media screen and (max-width: 900px) {
          #page-shell #page #footer_alert .inside-padding .footer .right, #page-shell #page footer .inside-padding .footer .right, #page-shell #footer_alert .inside-padding .footer .right, #page-shell footer .inside-padding .footer .right {
            width: auto;
            float: none; } }
        @media screen and (max-width: 630px) {
          #page-shell #page #footer_alert .inside-padding .footer .right, #page-shell #page footer .inside-padding .footer .right, #page-shell #footer_alert .inside-padding .footer .right, #page-shell footer .inside-padding .footer .right {
            display: block;
            text-align: center; } }
        #page-shell #page #footer_alert .inside-padding .footer .right div, #page-shell #page footer .inside-padding .footer .right div, #page-shell #footer_alert .inside-padding .footer .right div, #page-shell footer .inside-padding .footer .right div {
          display: table-cell;
          width: 30%;
          margin: 0 .3em; }
          @media screen and (max-width: 630px) {
            #page-shell #page #footer_alert .inside-padding .footer .right div, #page-shell #page footer .inside-padding .footer .right div, #page-shell #footer_alert .inside-padding .footer .right div, #page-shell footer .inside-padding .footer .right div {
              display: block;
              width: auto;
              margin: 2em .3em; } }
          #page-shell #page #footer_alert .inside-padding .footer .right div .title, #page-shell #page footer .inside-padding .footer .right div .title, #page-shell #footer_alert .inside-padding .footer .right div .title, #page-shell footer .inside-padding .footer .right div .title {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            font-family: "Libre Baskerville";
            text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
            margin-left: 10px; }
            @media screen and (max-width: 630px) {
              #page-shell #page #footer_alert .inside-padding .footer .right div .title, #page-shell #page footer .inside-padding .footer .right div .title, #page-shell #footer_alert .inside-padding .footer .right div .title, #page-shell footer .inside-padding .footer .right div .title {
                margin: 0; } }
          #page-shell #page #footer_alert .inside-padding .footer .right div a, #page-shell #page footer .inside-padding .footer .right div a, #page-shell #footer_alert .inside-padding .footer .right div a, #page-shell footer .inside-padding .footer .right div a {
            display: block;
            color: #ffffff;
            font-weight: 300;
            text-shadow: 0px 1.4px 0px rgba(10, 28, 40, 0.5);
            padding: .2em 0; }
            #page-shell #page #footer_alert .inside-padding .footer .right div a:before, #page-shell #page #footer_alert .inside-padding .footer .right div a:after, #page-shell #page footer .inside-padding .footer .right div a:before, #page-shell #page footer .inside-padding .footer .right div a:after, #page-shell #footer_alert .inside-padding .footer .right div a:before, #page-shell #footer_alert .inside-padding .footer .right div a:after, #page-shell footer .inside-padding .footer .right div a:before, #page-shell footer .inside-padding .footer .right div a:after {
              margin: -.2em; }
            #page-shell #page #footer_alert .inside-padding .footer .right div a:hover:before, #page-shell #page footer .inside-padding .footer .right div a:hover:before, #page-shell #footer_alert .inside-padding .footer .right div a:hover:before, #page-shell footer .inside-padding .footer .right div a:hover:before {
              margin-right: 10px; }
            #page-shell #page #footer_alert .inside-padding .footer .right div a:hover:after, #page-shell #page footer .inside-padding .footer .right div a:hover:after, #page-shell #footer_alert .inside-padding .footer .right div a:hover:after, #page-shell footer .inside-padding .footer .right div a:hover:after {
              margin-left: 10px; }
    #page-shell #page #footer_alert .inside-padding .credits, #page-shell #page footer .inside-padding .credits, #page-shell #footer_alert .inside-padding .credits, #page-shell footer .inside-padding .credits {
      color: #ffffff;
      margin-top: 1em; }
      #page-shell #page #footer_alert .inside-padding .credits .label_skin_corporation, #page-shell #page footer .inside-padding .credits .label_skin_corporation, #page-shell #footer_alert .inside-padding .credits .label_skin_corporation, #page-shell footer .inside-padding .credits .label_skin_corporation {
        font-size: inherit; }
      #page-shell #page #footer_alert .inside-padding .credits .left, #page-shell #page footer .inside-padding .credits .left, #page-shell #footer_alert .inside-padding .credits .left, #page-shell footer .inside-padding .credits .left {
        width: 70%;
        display: inline-block;
        float: left;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 1em 0; }
        @media screen and (max-width: 600px) {
          #page-shell #page #footer_alert .inside-padding .credits .left, #page-shell #page footer .inside-padding .credits .left, #page-shell #footer_alert .inside-padding .credits .left, #page-shell footer .inside-padding .credits .left {
            display: block;
            width: auto;
            text-align: center;
            float: none; } }
        #page-shell #page #footer_alert .inside-padding .credits .left div, #page-shell #page #footer_alert .inside-padding .credits .left a, #page-shell #page footer .inside-padding .credits .left div, #page-shell #page footer .inside-padding .credits .left a, #page-shell #footer_alert .inside-padding .credits .left div, #page-shell #footer_alert .inside-padding .credits .left a, #page-shell footer .inside-padding .credits .left div, #page-shell footer .inside-padding .credits .left a {
          display: inline-block;
          font-family: "Open Sans";
          font-weight: 400;
          font-size: .9em;
          color: #ffffff; }
        #page-shell #page #footer_alert .inside-padding .credits .left a:hover, #page-shell #page #footer_alert .inside-padding .credits .left a:focus, #page-shell #page footer .inside-padding .credits .left a:hover, #page-shell #page footer .inside-padding .credits .left a:focus, #page-shell #footer_alert .inside-padding .credits .left a:hover, #page-shell #footer_alert .inside-padding .credits .left a:focus, #page-shell footer .inside-padding .credits .left a:hover, #page-shell footer .inside-padding .credits .left a:focus {
          text-decoration: underline; }
        #page-shell #page #footer_alert .inside-padding .credits .left .copyrights, #page-shell #page footer .inside-padding .credits .left .copyrights, #page-shell #footer_alert .inside-padding .credits .left .copyrights, #page-shell footer .inside-padding .credits .left .copyrights {
          font-weight: 600; }
        #page-shell #page #footer_alert .inside-padding .credits .left span, #page-shell #page footer .inside-padding .credits .left span, #page-shell #footer_alert .inside-padding .credits .left span, #page-shell footer .inside-padding .credits .left span {
          padding: 0 .5em; }
      #page-shell #page #footer_alert .inside-padding .credits .right, #page-shell #page footer .inside-padding .credits .right, #page-shell #footer_alert .inside-padding .credits .right, #page-shell footer .inside-padding .credits .right {
        display: inline-block;
        float: right;
        text-align: right; }
        @media screen and (max-width: 1000px) {
          #page-shell #page #footer_alert .inside-padding .credits .right, #page-shell #page footer .inside-padding .credits .right, #page-shell #footer_alert .inside-padding .credits .right, #page-shell footer .inside-padding .credits .right {
            padding-top: 1em; } }
        @media screen and (max-width: 600px) {
          #page-shell #page #footer_alert .inside-padding .credits .right, #page-shell #page footer .inside-padding .credits .right, #page-shell #footer_alert .inside-padding .credits .right, #page-shell footer .inside-padding .credits .right {
            display: block;
            width: auto;
            text-align: center;
            float: none;
            padding: 0; } }
        #page-shell #page #footer_alert .inside-padding .credits .right a, #page-shell #page footer .inside-padding .credits .right a, #page-shell #footer_alert .inside-padding .credits .right a, #page-shell footer .inside-padding .credits .right a {
          display: inline-block;
          width: 2.9em;
          height: 2.7em;
          margin: 0 .3em;
          background: #ffffff;
          color: #036eb7; }
          #page-shell #page #footer_alert .inside-padding .credits .right a:hover, #page-shell #page #footer_alert .inside-padding .credits .right a:focus, #page-shell #page footer .inside-padding .credits .right a:hover, #page-shell #page footer .inside-padding .credits .right a:focus, #page-shell #footer_alert .inside-padding .credits .right a:hover, #page-shell #footer_alert .inside-padding .credits .right a:focus, #page-shell footer .inside-padding .credits .right a:hover, #page-shell footer .inside-padding .credits .right a:focus {
            background: rgba(255, 255, 255, 0.1);
            color: #ffffff; }
          #page-shell #page #footer_alert .inside-padding .credits .right a span, #page-shell #page footer .inside-padding .credits .right a span, #page-shell #footer_alert .inside-padding .credits .right a span, #page-shell footer .inside-padding .credits .right a span {
            font-size: 1.6em;
            padding: .4em .5em;
            position: relative; }
            #page-shell #page #footer_alert .inside-padding .credits .right a span.fa-facebook, #page-shell #page footer .inside-padding .credits .right a span.fa-facebook, #page-shell #footer_alert .inside-padding .credits .right a span.fa-facebook, #page-shell footer .inside-padding .credits .right a span.fa-facebook {
              left: -.1em; }
            #page-shell #page #footer_alert .inside-padding .credits .right a span.fa-youtube-play, #page-shell #page footer .inside-padding .credits .right a span.fa-youtube-play, #page-shell #footer_alert .inside-padding .credits .right a span.fa-youtube-play, #page-shell footer .inside-padding .credits .right a span.fa-youtube-play {
              left: -.05em; }

#page-shell.department, #page-shell.subpage {
  /* closing #subpage */ }
  #page-shell.department #page.department, #page-shell.department #page.subpage, #page-shell.subpage #page.department, #page-shell.subpage #page.subpage {
    background: #f7f7f7;
    /* closing .top */
    /* closing inside-padding */ }
    #page-shell.department #page.department .top, #page-shell.department #page.subpage .top, #page-shell.subpage #page.department .top, #page-shell.subpage #page.subpage .top {
      background: #036eb7;
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      /* closing .sb-r */ }
      #page-shell.department #page.department .top .inside-padding, #page-shell.department #page.subpage .top .inside-padding, #page-shell.subpage #page.department .top .inside-padding, #page-shell.subpage #page.subpage .top .inside-padding {
        display: flex;
        padding: 0em 1em !important; }
        @media screen and (max-width: 600px) {
          #page-shell.department #page.department .top .inside-padding, #page-shell.department #page.subpage .top .inside-padding, #page-shell.subpage #page.department .top .inside-padding, #page-shell.subpage #page.subpage .top .inside-padding {
            display: block; } }
      #page-shell.department #page.department .top #breadcrumbs, #page-shell.department #page.subpage .top #breadcrumbs, #page-shell.subpage #page.department .top #breadcrumbs, #page-shell.subpage #page.subpage .top #breadcrumbs {
        width: 100%;
        display: flex; }
        @media screen and (max-width: 600px) {
          #page-shell.department #page.department .top #breadcrumbs, #page-shell.department #page.subpage .top #breadcrumbs, #page-shell.subpage #page.department .top #breadcrumbs, #page-shell.subpage #page.subpage .top #breadcrumbs {
            width: auto; } }
        #page-shell.department #page.department .top #breadcrumbs nav.portal-breadcrumb, #page-shell.department #page.subpage .top #breadcrumbs nav.portal-breadcrumb, #page-shell.subpage #page.department .top #breadcrumbs nav.portal-breadcrumb, #page-shell.subpage #page.subpage .top #breadcrumbs nav.portal-breadcrumb {
          display: flex; }
          #page-shell.department #page.department .top #breadcrumbs nav.portal-breadcrumb div, #page-shell.department #page.subpage .top #breadcrumbs nav.portal-breadcrumb div, #page-shell.subpage #page.department .top #breadcrumbs nav.portal-breadcrumb div, #page-shell.subpage #page.subpage .top #breadcrumbs nav.portal-breadcrumb div {
            /* display: flex; */
            flex-wrap: wrap;
            align-items: center; }
        #page-shell.department #page.department .top #breadcrumbs a:first-child, #page-shell.department #page.subpage .top #breadcrumbs a:first-child, #page-shell.subpage #page.department .top #breadcrumbs a:first-child, #page-shell.subpage #page.subpage .top #breadcrumbs a:first-child {
          line-height: normal; }
          #page-shell.department #page.department .top #breadcrumbs a:first-child img, #page-shell.department #page.subpage .top #breadcrumbs a:first-child img, #page-shell.subpage #page.department .top #breadcrumbs a:first-child img, #page-shell.subpage #page.subpage .top #breadcrumbs a:first-child img {
            width: 1.5em;
            height: 1.5em;
            vertical-align: middle; }
            @media screen and (max-width: 900px) {
              #page-shell.department #page.department .top #breadcrumbs a:first-child img, #page-shell.department #page.subpage .top #breadcrumbs a:first-child img, #page-shell.subpage #page.department .top #breadcrumbs a:first-child img, #page-shell.subpage #page.subpage .top #breadcrumbs a:first-child img {
                width: 1em;
                height: auto;
                vertical-align: 0; } }
        #page-shell.department #page.department .top #breadcrumbs a, #page-shell.department #page.department .top #breadcrumbs span:not(.slash), #page-shell.department #page.subpage .top #breadcrumbs a, #page-shell.department #page.subpage .top #breadcrumbs span:not(.slash), #page-shell.subpage #page.department .top #breadcrumbs a, #page-shell.subpage #page.department .top #breadcrumbs span:not(.slash), #page-shell.subpage #page.subpage .top #breadcrumbs a, #page-shell.subpage #page.subpage .top #breadcrumbs span:not(.slash) {
          font-family: "Open Sans";
          font-weight: 600;
          font-size: 1em;
          color: #ffffff;
          padding: 0 .2em;
          vertical-align: middle;
          line-height: 42px;
          overflow-wrap: break-word;
          word-break: break-all; }
          @media screen and (max-width: 900px) {
            #page-shell.department #page.department .top #breadcrumbs a, #page-shell.department #page.department .top #breadcrumbs span:not(.slash), #page-shell.department #page.subpage .top #breadcrumbs a, #page-shell.department #page.subpage .top #breadcrumbs span:not(.slash), #page-shell.subpage #page.department .top #breadcrumbs a, #page-shell.subpage #page.department .top #breadcrumbs span:not(.slash), #page-shell.subpage #page.subpage .top #breadcrumbs a, #page-shell.subpage #page.subpage .top #breadcrumbs span:not(.slash) {
              line-height: 32px; } }
        #page-shell.department #page.department .top #breadcrumbs a[href]:hover, #page-shell.department #page.department .top #breadcrumbs a[href]:focus, #page-shell.department #page.subpage .top #breadcrumbs a[href]:hover, #page-shell.department #page.subpage .top #breadcrumbs a[href]:focus, #page-shell.subpage #page.department .top #breadcrumbs a[href]:hover, #page-shell.subpage #page.department .top #breadcrumbs a[href]:focus, #page-shell.subpage #page.subpage .top #breadcrumbs a[href]:hover, #page-shell.subpage #page.subpage .top #breadcrumbs a[href]:focus {
          color: #ffffff;
          text-decoration: underline; }
        #page-shell.department #page.department .top #breadcrumbs span#spanBreadcrumbPageId, #page-shell.department #page.subpage .top #breadcrumbs span#spanBreadcrumbPageId, #page-shell.subpage #page.department .top #breadcrumbs span#spanBreadcrumbPageId, #page-shell.subpage #page.subpage .top #breadcrumbs span#spanBreadcrumbPageId {
          color: #ffffff;
          font-weight: 400;
          text-shadow: 0px 0px 0px #333333; }
        #page-shell.department #page.department .top #breadcrumbs .slash, #page-shell.department #page.subpage .top #breadcrumbs .slash, #page-shell.subpage #page.department .top #breadcrumbs .slash, #page-shell.subpage #page.subpage .top #breadcrumbs .slash {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          /* &:after {
            content: "";
            display: inline-block;
            position: absolute;
            vertical-align: middle;
            top: -.5em;
            bottom: 0;
            width: 2.2em;
            height: 2.4em;
            border-right: 1px solid rgba($black, .15);
            border-top: 1px solid rgba($black, .15);
            @include transform(rotate(45deg));
           } */ }
          #page-shell.department #page.department .top #breadcrumbs .slash img, #page-shell.department #page.subpage .top #breadcrumbs .slash img, #page-shell.subpage #page.department .top #breadcrumbs .slash img, #page-shell.subpage #page.subpage .top #breadcrumbs .slash img {
            width: 1.5em;
            min-height: 1.5em;
            display: table-cell; }
            @media screen and (max-width: 1060px) {
              #page-shell.department #page.department .top #breadcrumbs .slash img, #page-shell.department #page.subpage .top #breadcrumbs .slash img, #page-shell.subpage #page.department .top #breadcrumbs .slash img, #page-shell.subpage #page.subpage .top #breadcrumbs .slash img {
                width: 1em; } }
            @media screen and (max-width: 900px) {
              #page-shell.department #page.department .top #breadcrumbs .slash img, #page-shell.department #page.subpage .top #breadcrumbs .slash img, #page-shell.subpage #page.department .top #breadcrumbs .slash img, #page-shell.subpage #page.subpage .top #breadcrumbs .slash img {
                width: .5em; } }
      #page-shell.department #page.department .top .sb-r, #page-shell.department #page.subpage .top .sb-r, #page-shell.subpage #page.department .top .sb-r, #page-shell.subpage #page.subpage .top .sb-r {
        min-width: 180px;
        float: right;
        text-align: right;
        /* line-height: 3.1em; */
        display: flex;
        justify-content: flex-end; }
        @media screen and (max-width: 600px) {
          #page-shell.department #page.department .top .sb-r, #page-shell.department #page.subpage .top .sb-r, #page-shell.subpage #page.department .top .sb-r, #page-shell.subpage #page.subpage .top .sb-r {
            justify-content: center;
            width: 100%;
            margin: .5em 0;
            float: none; } }
        #page-shell.department #page.department .top .sb-r ul, #page-shell.department #page.subpage .top .sb-r ul, #page-shell.subpage #page.department .top .sb-r ul, #page-shell.subpage #page.subpage .top .sb-r ul {
          padding: 0 .5em;
          margin: 0px;
          list-style: none;
          text-align: right;
          border-left: 1px solid rgba(255, 255, 255, 0.1);
          display: flex;
          align-items: center; }
          @media screen and (max-width: 600px) {
            #page-shell.department #page.department .top .sb-r ul, #page-shell.department #page.subpage .top .sb-r ul, #page-shell.subpage #page.department .top .sb-r ul, #page-shell.subpage #page.subpage .top .sb-r ul {
              border: none; } }
          #page-shell.department #page.department .top .sb-r ul li, #page-shell.department #page.subpage .top .sb-r ul li, #page-shell.subpage #page.department .top .sb-r ul li, #page-shell.subpage #page.subpage .top .sb-r ul li {
            display: inline-block;
            padding: 0 .1em;
            width: 2em;
            text-align: center; }
            #page-shell.department #page.department .top .sb-r ul li a, #page-shell.department #page.subpage .top .sb-r ul li a, #page-shell.subpage #page.department .top .sb-r ul li a, #page-shell.subpage #page.subpage .top .sb-r ul li a {
              color: #ffffff;
              display: inline-block;
              font-size: 1.4em;
              font-weight: 600; }
              #page-shell.department #page.department .top .sb-r ul li a:hover, #page-shell.department #page.department .top .sb-r ul li a:focus, #page-shell.department #page.subpage .top .sb-r ul li a:hover, #page-shell.department #page.subpage .top .sb-r ul li a:focus, #page-shell.subpage #page.department .top .sb-r ul li a:hover, #page-shell.subpage #page.department .top .sb-r ul li a:focus, #page-shell.subpage #page.subpage .top .sb-r ul li a:hover, #page-shell.subpage #page.subpage .top .sb-r ul li a:focus {
                color: #568fc5; }
    #page-shell.department #page.department .inside-padding, #page-shell.department #page.subpage .inside-padding, #page-shell.subpage #page.department .inside-padding, #page-shell.subpage #page.subpage .inside-padding {
      overflow: hidden;
      /* closing #subpage_content */ }
      @media screen and (max-width: 770px) {
        #page-shell.department #page.department .inside-padding, #page-shell.department #page.subpage .inside-padding, #page-shell.subpage #page.department .inside-padding, #page-shell.subpage #page.subpage .inside-padding {
          display: block;
          padding: 10px !important; } }
      #page-shell.department #page.department .inside-padding .left, #page-shell.department #page.subpage .inside-padding .left, #page-shell.subpage #page.department .inside-padding .left, #page-shell.subpage #page.subpage .inside-padding .left {
        width: 25%;
        display: inline-block; }
        #page-shell.department #page.department .inside-padding .left .search, #page-shell.department #page.subpage .inside-padding .left .search, #page-shell.subpage #page.department .inside-padding .left .search, #page-shell.subpage #page.subpage .inside-padding .left .search {
          margin: 0 1em; }
          @media screen and (max-width: 770px) {
            #page-shell.department #page.department .inside-padding .left .search, #page-shell.department #page.subpage .inside-padding .left .search, #page-shell.subpage #page.department .inside-padding .left .search, #page-shell.subpage #page.subpage .inside-padding .left .search {
              margin: 1em 0 0;
              text-align: center; } }
          #page-shell.department #page.department .inside-padding .left .search input.SearchTerm, #page-shell.department #page.subpage .inside-padding .left .search input.SearchTerm, #page-shell.subpage #page.department .inside-padding .left .search input.SearchTerm, #page-shell.subpage #page.subpage .inside-padding .left .search input.SearchTerm {
            background: #f7f7f7;
            border: 1px solid rgba(51, 51, 51, 0.1);
            border-color: rgba(51, 51, 51, 0.4);
            border-radius: 0;
            height: 3em;
            width: 97%;
            min-width: 5em;
            padding: 0;
            padding-left: 3%;
            color: #525a72;
            letter-spacing: 0.04em;
            font-size: 14px;
            font-weight: 600;
            font-family: "Open Sans";
            outline: none;
            box-shadow: none;
            -webkit-appearance: none; }
            @media screen and (max-width: 770px) {
              #page-shell.department #page.department .inside-padding .left .search input.SearchTerm, #page-shell.department #page.subpage .inside-padding .left .search input.SearchTerm, #page-shell.subpage #page.department .inside-padding .left .search input.SearchTerm, #page-shell.subpage #page.subpage .inside-padding .left .search input.SearchTerm {
                margin-left: -1px; } }
          #page-shell.department #page.department .inside-padding .left .search a, #page-shell.department #page.subpage .inside-padding .left .search a, #page-shell.subpage #page.department .inside-padding .left .search a, #page-shell.subpage #page.subpage .inside-padding .left .search a {
            position: relative;
            left: -2.3em;
            top: .1em; }
            #page-shell.department #page.department .inside-padding .left .search a img, #page-shell.department #page.subpage .inside-padding .left .search a img, #page-shell.subpage #page.department .inside-padding .left .search a img, #page-shell.subpage #page.subpage .inside-padding .left .search a img {
              display: none; }
            #page-shell.department #page.department .inside-padding .left .search a i, #page-shell.department #page.subpage .inside-padding .left .search a i, #page-shell.subpage #page.department .inside-padding .left .search a i, #page-shell.subpage #page.subpage .inside-padding .left .search a i {
              color: #ffffff;
              background: #036eb7;
              font-size: 1.3em;
              padding: .3em;
              text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8); }
        #page-shell.department #page.department .inside-padding .left #nav-box, #page-shell.department #page.subpage .inside-padding .left #nav-box, #page-shell.subpage #page.department .inside-padding .left #nav-box, #page-shell.subpage #page.subpage .inside-padding .left #nav-box {
          margin-top: 2em; }
          @media screen and (max-width: 900px) {
            #page-shell.department #page.department .inside-padding .left #nav-box, #page-shell.department #page.subpage .inside-padding .left #nav-box, #page-shell.subpage #page.department .inside-padding .left #nav-box, #page-shell.subpage #page.subpage .inside-padding .left #nav-box {
              margin: 1em 0; } }
          #page-shell.department #page.department .inside-padding .left #nav-box .ptl_col_1, #page-shell.department #page.subpage .inside-padding .left #nav-box .ptl_col_1, #page-shell.subpage #page.department .inside-padding .left #nav-box .ptl_col_1, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .ptl_col_1 {
            width: auto;
            padding: 0; }
          #page-shell.department #page.department .inside-padding .left #nav-box .current-head, #page-shell.department #page.subpage .inside-padding .left #nav-box .current-head, #page-shell.subpage #page.department .inside-padding .left #nav-box .current-head, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .current-head {
            display: none;
            position: relative; }
            #page-shell.department #page.department .inside-padding .left #nav-box .current-head .nav-toggle, #page-shell.department #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle, #page-shell.subpage #page.department .inside-padding .left #nav-box .current-head .nav-toggle, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle {
              position: relative; }
              #page-shell.department #page.department .inside-padding .left #nav-box .current-head .nav-toggle a, #page-shell.department #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle a, #page-shell.subpage #page.department .inside-padding .left #nav-box .current-head .nav-toggle a, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle a {
                display: block;
                padding: .5em 1.5em;
                font-weight: 400;
                font-size: 1em;
                color: #ffffff;
                position: relative;
                z-index: 1; }
                @media screen and (max-width: 770px) {
                  #page-shell.department #page.department .inside-padding .left #nav-box .current-head .nav-toggle a, #page-shell.department #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle a, #page-shell.subpage #page.department .inside-padding .left #nav-box .current-head .nav-toggle a, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle a {
                    background: #525a72;
                    padding: 1em 1.5em; } }
              #page-shell.department #page.department .inside-padding .left #nav-box .current-head .nav-toggle span, #page-shell.department #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle span, #page-shell.subpage #page.department .inside-padding .left #nav-box .current-head .nav-toggle span, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle span {
                position: absolute;
                z-index: 3;
                right: 1em;
                top: 1em;
                color: #ffffff;
                -webkit-transition: transform 0.3s;
                -moz-transition: transform 0.3s;
                -ms-transition: transform 0.3s;
                transition: transform 0.3s; }
                #page-shell.department #page.department .inside-padding .left #nav-box .current-head .nav-toggle span:before, #page-shell.department #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle span:before, #page-shell.subpage #page.department .inside-padding .left #nav-box .current-head .nav-toggle span:before, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle span:before {
                  font-family: "FontAwesome"; }
              #page-shell.department #page.department .inside-padding .left #nav-box .current-head .nav-toggle span.fa-angle-down.open, #page-shell.department #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle span.fa-angle-down.open, #page-shell.subpage #page.department .inside-padding .left #nav-box .current-head .nav-toggle span.fa-angle-down.open, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .current-head .nav-toggle span.fa-angle-down.open {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg); }
            @media screen and (max-width: 770px) {
              #page-shell.department #page.department .inside-padding .left #nav-box .current-head, #page-shell.department #page.subpage .inside-padding .left #nav-box .current-head, #page-shell.subpage #page.department .inside-padding .left #nav-box .current-head, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .current-head {
                display: block; } }
          #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .navWrp a, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .navWrp a, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .navWrp a, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .navWrp a {
            padding: .5em 1.5em;
            font-family: "Libre Baskerville"; }
          #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a {
            display: block;
            font-weight: 600;
            font-size: 1.5em;
            font-family: "Libre Baskerville" !important;
            padding: .7em 0;
            margin: 0 1em 1em;
            color: #525a72 !important;
            border-bottom: 1px solid rgba(51, 51, 51, 0.1);
            text-transform: uppercase; }
            #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a:hover, #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a:focus, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a:hover, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a:focus, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a:hover, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a:focus, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a:hover, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a:focus {
              background: transparent; }
            @media screen and (max-width: 770px) {
              #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .currentpage.navWrp a {
                display: none; } }
          #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl0, #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl1, #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl2, #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl3, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl0, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl1, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl2, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl3, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl0, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl1, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl2, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl3, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl0, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl1, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl2, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl3 {
            position: relative; }
            #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl0 a, #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl1 a, #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl2 a, #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl3 a, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl0 a, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl1 a, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl2 a, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl3 a, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl0 a, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl1 a, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl2 a, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl3 a, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl0 a, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl1 a, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl2 a, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl3 a {
              display: block;
              color: #024877;
              font-weight: 600;
              font-family: "Open Sans";
              background: transparent;
              border: none;
              overflow-wrap: break-word; }
              #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl0 a:hover, #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl1 a:hover, #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl2 a:hover, #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl3 a:hover, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl0 a:hover, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl1 a:hover, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl2 a:hover, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl3 a:hover, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl0 a:hover, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl1 a:hover, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl2 a:hover, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide .sitenavl3 a:hover, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl0 a:hover, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl1 a:hover, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl2 a:hover, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide .sitenavl3 a:hover {
                background: #024877;
                color: #ffffff; }
          @media screen and (max-width: 770px) {
            #page-shell.department #page.department .inside-padding .left #nav-box .sidenav-slide, #page-shell.department #page.subpage .inside-padding .left #nav-box .sidenav-slide, #page-shell.subpage #page.department .inside-padding .left #nav-box .sidenav-slide, #page-shell.subpage #page.subpage .inside-padding .left #nav-box .sidenav-slide {
              display: none; } }
        @media screen and (max-width: 770px) {
          #page-shell.department #page.department .inside-padding .left, #page-shell.department #page.subpage .inside-padding .left, #page-shell.subpage #page.department .inside-padding .left, #page-shell.subpage #page.subpage .inside-padding .left {
            display: block;
            width: auto;
            background: transparent; } }
      #page-shell.department #page.department .inside-padding .right, #page-shell.department #page.subpage .inside-padding .right, #page-shell.subpage #page.department .inside-padding .right, #page-shell.subpage #page.subpage .inside-padding .right {
        width: 70%;
        display: inline-block;
        float: right;
        padding: 0 1em 1em; }
        @media screen and (max-width: 770px) {
          #page-shell.department #page.department .inside-padding .right, #page-shell.department #page.subpage .inside-padding .right, #page-shell.subpage #page.department .inside-padding .right, #page-shell.subpage #page.subpage .inside-padding .right {
            display: block;
            width: auto;
            float: none; } }
      #page-shell.department #page.department .inside-padding #subpage_content, #page-shell.department #page.subpage .inside-padding #subpage_content, #page-shell.subpage #page.department .inside-padding #subpage_content, #page-shell.subpage #page.subpage .inside-padding #subpage_content {
        /* closing portlet-vertical:not(.staffDir) */ }
        #page-shell.department #page.department .inside-padding #subpage_content h2.pageTitle, #page-shell.department #page.subpage .inside-padding #subpage_content h2.pageTitle, #page-shell.subpage #page.department .inside-padding #subpage_content h2.pageTitle, #page-shell.subpage #page.subpage .inside-padding #subpage_content h2.pageTitle {
          color: #525a72;
          font-size: 2.5em;
          line-height: 1.1em;
          border-bottom: 1px solid rgba(51, 51, 51, 0.1);
          padding: 0;
          margin: 0 1%;
          margin-bottom: 1em;
          text-transform: uppercase; }
          @media screen and (max-width: 770px) {
            #page-shell.department #page.department .inside-padding #subpage_content h2.pageTitle, #page-shell.department #page.subpage .inside-padding #subpage_content h2.pageTitle, #page-shell.subpage #page.department .inside-padding #subpage_content h2.pageTitle, #page-shell.subpage #page.subpage .inside-padding #subpage_content h2.pageTitle {
              display: none; } }
        #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a {
          color: initial;
          font-weight: 600; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a:hover, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a:focus, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a:hover, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a:focus, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a:hover, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a:focus, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a:hover, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a:focus, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a:hover, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a:focus, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a:hover, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a:focus, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a:hover, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical.staffDir a:focus, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a:hover, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal.staffDir a:focus {
            color: #ffffff;
            background: #333333; }
        #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir), #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir), #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir), #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir), #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir), #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir), #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir), #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) {
          font-family: "Open Sans";
          font-weight: 400;
          line-height: 1.7em;
          /* closing #news-summary */ }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #tbl_main_fonthly_events thead span, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #tbl_main_fonthly_events thead span, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #tbl_main_fonthly_events thead span, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #tbl_main_fonthly_events thead span, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #tbl_main_fonthly_events thead span, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #tbl_main_fonthly_events thead span, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #tbl_main_fonthly_events thead span, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #tbl_main_fonthly_events thead span {
            color: #ffffff; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) button[id^="btn_main_fonth_"], #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) button[id^="btn_main_fonth_"], #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) button[id^="btn_main_fonth_"], #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) button[id^="btn_main_fonth_"], #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) button[id^="btn_main_fonth_"], #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) button[id^="btn_main_fonth_"], #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) button[id^="btn_main_fonth_"], #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) button[id^="btn_main_fonth_"] {
            color: #333333; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) div[id^="divGallery_"] span, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) div[id^="divGallery_"] span, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) div[id^="divGallery_"] span, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) div[id^="divGallery_"] span, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) div[id^="divGallery_"] span, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) div[id^="divGallery_"] span, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) div[id^="divGallery_"] span, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) div[id^="divGallery_"] span {
            color: #ffffff; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) .fa:before, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) .fa:after, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) .fa:before, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) .fa:after, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) .fa:before, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) .fa:after, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) .fa:before, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) .fa:after, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) .fa:before, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) .fa:after, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) .fa:before, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) .fa:after, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) .fa:before, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) .fa:after, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) .fa:before, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) .fa:after {
            font-family: "FontAwesome"; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h3, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h3, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h3, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h3, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h3, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h3, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h3, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h3 {
            display: inline-block;
            font-size: 1.5em;
            font-family: "Open Sans";
            color: #525a72; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h4, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h5, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h6, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h4, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h5, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h6, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h4, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h5, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h6, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h4, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h5, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h6, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h4, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h5, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h6, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h4, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h5, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h6, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h4, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h5, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h6, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h4, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h5, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h6 {
            font-family: "Open Sans";
            color: #036eb7; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h2 div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h3 div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h4 div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) span div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h2 div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h3 div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h4 div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) span div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h2 div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h3 div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h4 div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) span div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h2 div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h3 div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h4 div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) span div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h2 div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h3 div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h4 div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) span div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h2 div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h3 div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h4 div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) span div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h2 div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h3 div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) h4 div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) span div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h2 div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h3 div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) h4 div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) span div {
            font-family: inherit;
            font-size: inherit;
            color: inherit; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) span, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) div, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) span, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) span, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) div, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) span, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) span, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) div, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) span, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) span, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) div, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) span {
            font-family: "Open Sans";
            font-weight: 300;
            color: #333333; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) a, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) a, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) a, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) a, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) a, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) a, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) a, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) a {
            font-family: "Open Sans";
            font-weight: 400; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) strong, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) strong, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) strong, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) strong, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) strong, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) strong, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) strong, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) strong {
            font-family: "Open Sans";
            font-weight: 600;
            color: #525a72; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) li a, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) li a, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) li a, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) li a, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) li a, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) li a, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) li a, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) li a {
            text-decoration: none; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p > img, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p > img, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p > img, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p > img, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p > img, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p > img, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) p > img, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) p > img {
            padding: 1em; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) table.responsive, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) table.responsive, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) table.responsive, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) table.responsive, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) table.responsive, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) table.responsive, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) table.responsive, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) table.responsive {
            overflow: scroll;
            display: inline-block; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row {
            margin: 1em 0 2em; }
            #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .title, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .title, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .title, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .title, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .title, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .title, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .title, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .title {
              color: #036eb7;
              text-decoration: none;
              font-family: "Open Sans";
              font-weight: 600;
              font-size: 1.3em;
              box-shadow: none;
              padding: 0; }
              #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .title:hover, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .title:hover, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .title:hover, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .title:hover, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .title:hover, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .title:hover, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .title:hover, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .title:hover {
                text-decoration: none;
                color: #024877; }
            #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .date, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .date, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .date, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .date, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .date, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .date, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .date, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .date {
              font-family: "Open Sans";
              font-weight: 300;
              color: #333333;
              font-size: .9em;
              margin: 0;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .summary, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .summary, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .summary, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .summary, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .summary, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .summary, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .summary, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .summary {
              font-family: "Open Sans";
              font-weight: 400;
              color: #333333;
              margin: 0 !important;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .read-more, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .read-more, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .read-more, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .read-more, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .read-more, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .read-more, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .read-more, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .read-more {
              display: inline-block;
              background: #024877;
              color: #ffffff;
              font-family: "Open Sans";
              font-weight: 400;
              font-size: 1em;
              padding: .5em 1.5em;
              box-shadow: none;
              text-decoration: none; }
              #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .read-more:hover, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .read-more:hover, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .read-more:hover, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .read-more:hover, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .read-more:hover, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .read-more:hover, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #news-summary .row .content .read-more:hover, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #news-summary .row .content .read-more:hover {
                background: #036eb7;
                border: none; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_title, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_title, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_title, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_title, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_title, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_title, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_title, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_title {
            font-family: "Open Sans";
            font-weight: 700;
            font-size: 1.5em;
            color: #024877; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_date, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_date, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_date, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_date, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_date, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_date, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_date, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_date {
            font-family: "Open Sans";
            font-weight: 300;
            font-size: .9em;
            color: #333333; }
          #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_body, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_body, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_body, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_body, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_body, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_body, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_body, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_body {
            font-family: "Open Sans";
            font-weight: 400;
            line-height: 1.7em; }
            #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_body img#featured_image, #page-shell.department #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_body img#featured_image, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_body img#featured_image, #page-shell.department #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_body img#featured_image, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_body img#featured_image, #page-shell.subpage #page.department .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_body img#featured_image, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_vertical:not(.staffDir) #divContent #news_content_body img#featured_image, #page-shell.subpage #page.subpage .inside-padding #subpage_content .ptl_portlet_horizontal:not(.staffDir) #divContent #news_content_body img#featured_image {
              float: left;
              max-width: 50%;
              padding: 1em;
              padding-left: 0; }

.animated-accordion button.animated-accordion__header {
  position: relative;
  display: block;
  border: none;
  width: 100%;
  padding: .5em 1em;
  margin: .5em 0;
  background: #036eb7;
  color: #ffffff;
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 1.2em;
  text-align: left; }
  .animated-accordion button.animated-accordion__header:after {
    content: "\f107";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    right: 1em;
    top: .8em;
    -webkit-transition: transform, 0.3s;
    -moz-transition: transform, 0.3s;
    -ms-transition: transform, 0.3s;
    transition: transform, 0.3s; }
.animated-accordion button[aria-expanded=true] {
  background: #024877; }
  .animated-accordion button[aria-expanded=true]:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }
.animated-accordion .animated-accordion__panel .animated-accordion__title {
  display: none; }
.animated-accordion .animated-accordion__panel .ap-content {
  font-family: "Open Sans";
  font-weight: 400; }

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 35px;
  width: 35px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: #024877;
  color: #ffffff;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-transition: background 0.3s, opacity 0.3s;
  -moz-transition: background 0.3s, opacity 0.3s;
  -ms-transition: background 0.3s, opacity 0.3s;
  transition: background 0.3s, opacity 0.3s; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: #024877;
    color: #ffffff; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 0.75; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    opacity: 0.25; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 1; }
  .slick-prev:before,
  .slick-next:before {
    position: relative;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.8);
    font-family: "FontAwesome";
    font-size: 30px;
    line-height: 1;
    padding: 0 10px;
    background: #024877;
    opacity: 1;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 0; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -42px; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: -0; }
  [dir="rtl"] .slick-next {
    left: -32px;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

#contact_info {
  background: #f2f4f6;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1); }
  #contact_info .inside-padding {
    display: flex; }
    @media screen and (max-width: 950px) {
      #contact_info .inside-padding {
        display: block; } }
    @media screen and (max-width: 950px) {
      #contact_info .inside-padding .container:nth-child(1) {
        display: block;
        margin: 0 .1em 1em; } }
    #contact_info .inside-padding .container:nth-child(4) {
      display: flex;
      justify-content: flex-end; }
      @media screen and (max-width: 950px) {
        #contact_info .inside-padding .container:nth-child(4) {
          display: inline-block;
          float: right; } }
    #contact_info .inside-padding .container {
      display: inline-block;
      flex-grow: 2;
      position: relative;
      font-family: "Open Sans";
      font-weight: 300;
      font-size: 1.1em;
      color: #333333; }
      @media screen and (max-width: 950px) {
        #contact_info .inside-padding .container {
          margin-left: 1.5em; } }
      @media screen and (max-width: 700px) {
        #contact_info .inside-padding .container {
          display: block; } }
      #contact_info .inside-padding .container em {
        position: absolute;
        left: -1.2em;
        top: .25em;
        color: #036eb7; }
      #contact_info .inside-padding .container h2 {
        color: #024877;
        font-size: 25px;
        margin-left: 1.2em; }
        #contact_info .inside-padding .container h2 em {
          top: .1em;
          left: 0; }
      #contact_info .inside-padding .container span.line_1 {
        display: block;
        font-weight: 600;
        color: #024877; }
      #contact_info .inside-padding .container a {
        display: inline-block;
        width: 2.9em;
        height: 2.7em;
        margin: 0 .3em;
        background: #036eb7;
        color: #ffffff; }
        #contact_info .inside-padding .container a:hover, #contact_info .inside-padding .container a:focus {
          background: rgba(51, 51, 51, 0.07);
          color: #036eb7; }
        #contact_info .inside-padding .container a span {
          font-size: 1.6em;
          padding: .4em .5em;
          position: relative; }
          #contact_info .inside-padding .container a span.fa-facebook {
            right: -.1em; }
      #contact_info .inside-padding .container span > a, #contact_info .inside-padding .container > span {
        background: transparent;
        display: block;
        width: auto;
        font-family: "Open Sans";
        font-weight: 300;
        color: #333333; }
        #contact_info .inside-padding .container span > a:hover, #contact_info .inside-padding .container span > a:focus, #contact_info .inside-padding .container > span:hover, #contact_info .inside-padding .container > span:focus {
          background: transparent;
          color: #333333; }

#depart_links {
  position: relative;
  z-index: 2; }
  #depart_links .inside-padding {
    padding: 2em 0; }
    @media screen and (max-width: 1060px) {
      #depart_links .inside-padding {
        padding: .5em; } }
    #depart_links .inside-padding .container {
      display: block;
      display: flex;
      justify-content: center;
      table-layout: fixed;
      margin: 0 -.5em; }
      @media screen and (max-width: 1060px) {
        #depart_links .inside-padding .container {
          flex-wrap: wrap; } }
      #depart_links .inside-padding .container li.level1 {
        display: inline-block;
        width: 20%;
        list-style: none;
        position: relative;
        margin: 0 .5em; }
        @media screen and (max-width: 1060px) {
          #depart_links .inside-padding .container li.level1 {
            width: auto;
            flex-grow: 2;
            margin: .7em; } }
      #depart_links .inside-padding .container button.level1, #depart_links .inside-padding .container a.level1 {
        display: block;
        display: table;
        box-sizing: border-box;
        table-layout: fixed;
        width: 100%;
        height: 100%;
        background: #024877;
        color: #ffffff;
        font-family: "Open Sans";
        font-size: 1em;
        font-weight: 600;
        margin: 0;
        border: 0;
        text-align: center;
        padding: 2em;
        text-shadow: 0px 1.4px 0px #0a1c28;
        position: relative;
        /* z-index: 3; */ }
        #depart_links .inside-padding .container button.level1:hover, #depart_links .inside-padding .container button.level1:focus, #depart_links .inside-padding .container button.level1.open, #depart_links .inside-padding .container a.level1:hover, #depart_links .inside-padding .container a.level1:focus, #depart_links .inside-padding .container a.level1.open {
          background: #0377c6; }
        #depart_links .inside-padding .container button.level1:before, #depart_links .inside-padding .container a.level1:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 2em;
          right: 2em;
          height: 0;
          background: #036eb7;
          opacity: 0;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s; }
        #depart_links .inside-padding .container button.level1:hover:before, #depart_links .inside-padding .container button.level1:focus:before, #depart_links .inside-padding .container button.level1.open:before, #depart_links .inside-padding .container a.level1:hover:before, #depart_links .inside-padding .container a.level1:focus:before, #depart_links .inside-padding .container a.level1.open:before {
          opacity: .3;
          top: -1em;
          height: 1em; }
        #depart_links .inside-padding .container button.level1:after, #depart_links .inside-padding .container a.level1:after {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 1em;
          right: 1em;
          height: 0;
          background: #036eb7;
          opacity: 0;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s; }
        #depart_links .inside-padding .container button.level1:hover:after, #depart_links .inside-padding .container button.level1:focus:after, #depart_links .inside-padding .container button.level1.open:after, #depart_links .inside-padding .container a.level1:hover:after, #depart_links .inside-padding .container a.level1:focus:after, #depart_links .inside-padding .container a.level1.open:after {
          opacity: .7;
          top: -.5em;
          height: .5em; }
        #depart_links .inside-padding .container button.level1 img, #depart_links .inside-padding .container a.level1 img {
          display: block;
          margin: 0 auto;
          height: 3em;
          padding-bottom: 1em; }
      #depart_links .inside-padding .container .dropdown {
        position: absolute;
        z-index: 4;
        display: none;
        left: 0;
        right: 0; }
        #depart_links .inside-padding .container .dropdown ul.level2 {
          display: block;
          background: #035f9e;
          margin: 0;
          padding: .5em;
          border-top: 0.5em solid #036eb7;
          text-align: left;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s; }
          #depart_links .inside-padding .container .dropdown ul.level2 li {
            display: block;
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid;
            padding: 4px 0; }
            #depart_links .inside-padding .container .dropdown ul.level2 li a {
              display: block;
              color: #ffffff;
              font-weight: 600;
              padding: 7px 7px 7px 7px;
              background: #0368ad; }
              #depart_links .inside-padding .container .dropdown ul.level2 li a:hover, #depart_links .inside-padding .container .dropdown ul.level2 li a:focus {
                background: #036eb7; }

#news-portlet-department .top-container {
  position: relative;
  margin: 1em 0;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1); }
  @media screen and (max-width: 1000px) {
    #news-portlet-department .top-container {
      margin: 1em .5em; } }
  #news-portlet-department .top-container h2 {
    color: #525a72;
    font-weight: 700;
    font-size: 2.6em;
    text-align: center;
    text-shadow: 1px 0px 0px;
    margin-bottom: .4em; }
    @media screen and (max-width: 600px) {
      #news-portlet-department .top-container h2 {
        font-size: 2em; } }
#news-portlet-department .container {
  border-spacing: 1em 2em;
  margin: 0 -1em;
  display: table;
  table-layout: fixed; }
  @media screen and (max-widtH: 550px) {
    #news-portlet-department .container {
      display: block; } }
  #news-portlet-department .container .item {
    position: relative;
    display: table-cell;
    margin: 2em 1em;
    width: 2%; }
    @media screen and (max-width: 550px) {
      #news-portlet-department .container .item {
        display: block;
        width: auto; } }
    #news-portlet-department .container .item:hover .content, #news-portlet-department .container .item:focus .content {
      background: #0365a8; }
    #news-portlet-department .container .item:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 2em;
      right: 2em;
      height: 0;
      background: #036eb7;
      opacity: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s; }
    #news-portlet-department .container .item:hover:before, #news-portlet-department .container .item:focus:before {
      opacity: .3;
      top: -1em;
      height: 1em; }
    #news-portlet-department .container .item:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 1em;
      right: 1em;
      height: 0;
      background: #036eb7;
      opacity: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s; }
    #news-portlet-department .container .item:hover:after, #news-portlet-department .container .item:focus:after {
      opacity: .7;
      top: -.5em;
      height: .5em; }
    #news-portlet-department .container .item .top img {
      width: 100%;
      height: 10em;
      object-fit: cover; }
    #news-portlet-department .container .item .top .image {
      width: 100%;
      height: 15em;
      background-size: cover;
      background-position: center; }
    #news-portlet-department .container .item .content {
      background: #036eb7;
      padding: 2em;
      -webkit-transition: background 0.3s;
      -moz-transition: background 0.3s;
      -ms-transition: background 0.3s;
      transition: background 0.3s; }
      #news-portlet-department .container .item .content .title {
        font-family: "Libre Baskerville";
        font-size: 1.3em;
        line-height: 1.7em;
        color: #ffffff;
        text-shadow: 0px 1.4px 0px #0a1c28;
        padding: 0 0 .5em; }
        @media screen and (max-width: 1050px) {
          #news-portlet-department .container .item .content .title {
            font-size: 1em;
            line-height: 1.5em; } }
      #news-portlet-department .container .item .content .date {
        padding: 0 0 .5em;
        color: #ffffff;
        font-family: "Open Sans";
        font-style: italic;
        font-weight: 300;
        font-size: 1em;
        text-shadow: 0px 1.4px 0px #0a1c28; }
        @media screen and (max-width: 1050px) {
          #news-portlet-department .container .item .content .date {
            font-size: .9em; } }
#news-portlet-department .bottom-container {
  text-align: center;
  padding-bottom: 2em; }
  #news-portlet-department .bottom-container span {
    display: block;
    width: 100%;
    height: 1px;
    top: 12.5px;
    position: relative;
    background: rgba(51, 51, 51, 0.1); }
  #news-portlet-department .bottom-container div a {
    text-transform: uppercase;
    color: #024877;
    font-weight: 600;
    background: #f7f7f7;
    padding: 0 1em; }

#social-wrapper .container {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 500px; }
#social-wrapper .bottom-container {
  text-align: center;
  padding-top: 1em; }
  #social-wrapper .bottom-container span {
    display: block;
    width: 100%;
    height: 1px;
    top: 12.5px;
    position: relative;
    background: rgba(51, 51, 51, 0.1); }
  #social-wrapper .bottom-container a {
    text-transform: uppercase;
    color: #024877;
    font-weight: 600;
    background: #f7f7f7;
    padding: 0 1em; }

.subscribe-form {
  position: relative; }
  .subscribe-form #subscription-form {
    background: #024877; }
    .subscribe-form #subscription-form .inside-padding {
      display: flex;
      padding: 4em 1em;
      align-items: center; }
      @media screen and (max-width: 950px) {
        .subscribe-form #subscription-form .inside-padding {
          display: block;
          padding: 2em 1em; } }
      .subscribe-form #subscription-form .inside-padding .left {
        display: flex; }
        @media screen and (max-width: 950px) {
          .subscribe-form #subscription-form .inside-padding .left {
            padding: 1.5em .5em; } }
        .subscribe-form #subscription-form .inside-padding .left img {
          width: 5em;
          min-height: 4em;
          align-self: center; }
        .subscribe-form #subscription-form .inside-padding .left > div {
          align-self: center;
          padding: 0 2em; }
          .subscribe-form #subscription-form .inside-padding .left > div h3 {
            color: #ffffff;
            text-transform: uppercase;
            padding-bottom: .3em; }
          .subscribe-form #subscription-form .inside-padding .left > div p {
            color: #ffffff;
            font-weight: 600;
            text-shadow: 0px 1.4px 0px #0a1c28;
            margin: 0; }
      .subscribe-form #subscription-form .inside-padding .right {
        display: flex; }
        @media screen and (max-width: 950px) {
          .subscribe-form #subscription-form .inside-padding .right {
            justify-content: center;
            flex-wrap: wrap; } }
        @media screen and (max-width: 500px) {
          .subscribe-form #subscription-form .inside-padding .right {
            display: block; } }
        .subscribe-form #subscription-form .inside-padding .right div[id*=dvButtons] {
          display: inline-block !important; }
        .subscribe-form #subscription-form .inside-padding .right input#sign-up-username, .subscribe-form #subscription-form .inside-padding .right input#sign-up-email {
          display: inline-block;
          border: 0;
          border-radius: 0;
          margin: 0 .5em;
          padding: .7em 1em;
          color: #666666;
          font-family: "Open Sans";
          font-weight: 600;
          font-size: 16px; }
          @media screen and (max-width: 390px) {
            .subscribe-form #subscription-form .inside-padding .right input#sign-up-username, .subscribe-form #subscription-form .inside-padding .right input#sign-up-email {
              margin: .5em; } }
          .subscribe-form #subscription-form .inside-padding .right input#sign-up-username::-webkit-input-placeholder, .subscribe-form #subscription-form .inside-padding .right input#sign-up-email::-webkit-input-placeholder {
            color: #666666;
            font-family: "Open Sans";
            font-weight: 600;
            font-size: 16px; }
          .subscribe-form #subscription-form .inside-padding .right input#sign-up-username:placeholder-shown, .subscribe-form #subscription-form .inside-padding .right input#sign-up-email:placeholder-shown {
            color: #666666;
            font-family: "Open Sans";
            font-weight: 600;
            font-size: 16px; }
          .subscribe-form #subscription-form .inside-padding .right input#sign-up-username::-moz-placeholder, .subscribe-form #subscription-form .inside-padding .right input#sign-up-email::-moz-placeholder {
            color: #666666;
            font-family: "Open Sans";
            font-weight: 600;
            font-size: 16px; }
          .subscribe-form #subscription-form .inside-padding .right input#sign-up-username:-ms-input-placeholder, .subscribe-form #subscription-form .inside-padding .right input#sign-up-email:-ms-input-placeholder {
            color: #666666;
            font-family: "Open Sans";
            font-weight: 600;
            font-size: 16px; }
          .subscribe-form #subscription-form .inside-padding .right input#sign-up-username:-moz-placeholder, .subscribe-form #subscription-form .inside-padding .right input#sign-up-email:-moz-placeholder {
            color: #666666;
            font-family: "Open Sans";
            font-weight: 600;
            font-size: 16px; }
    .subscribe-form #subscription-form #dvViewMode.tbl {
      border: 0;
      background: transparent; }
      .subscribe-form #subscription-form #dvViewMode.tbl #dvViewHeader.tbl_header {
        display: none; }
      .subscribe-form #subscription-form #dvViewMode.tbl #dvViewBody {
        position: relative; }
        .subscribe-form #subscription-form #dvViewMode.tbl #dvViewBody input[id*=btnReset] {
          display: none; }
  .subscribe-form div#dvViewMode {
    border: none; }
    .subscribe-form div#dvViewMode div#dvViewHeader {
      display: none; }
    .subscribe-form div#dvViewMode div#dvViewBody {
      padding: 0 !important; }
      .subscribe-form div#dvViewMode div#dvViewBody div[id*=dvButtons] {
        display: none; }
        .subscribe-form div#dvViewMode div#dvViewBody div[id*=dvButtons] input[id*=btnSubmit] {
          max-width: 100%;
          margin-bottom: 0;
          border-radius: 0;
          background: #525a72;
          border: 0;
          color: #333333;
          padding: 1em 1.5em;
          font-family: "Open Sans";
          font-weight: 600;
          font-size: 16px; }
          @media screen and (max-width: 610px) {
            .subscribe-form div#dvViewMode div#dvViewBody div[id*=dvButtons] input[id*=btnSubmit] {
              margin: 1em .5em; } }
        .subscribe-form div#dvViewMode div#dvViewBody div[id*=dvButtons] input[id*=btnReset] {
          display: none; }

.visible-android {
  display: none; }

.visible-ios {
  display: none; }

.on-device .visible-android, .on-device .visible-android {
  display: inherit; }

.device-ios .visible-android {
  display: none !important; }

.device-ios .hidden-ios {
  display: none !important; }

.device-android .hidden-android {
  display: none !important; }

.device-android .visible-ios {
  display: none !important; }

html.device-android.visible-android img[src*=svg] {
  min-width: 2em;
  min-height: 2em; }
html.device-android.visible-android #welcome .title .City_of_Charlottetown img, html.device-android.visible-android #welcome .title .department_logo img, html.device-android.visible-android #welcome .title .department_logo img {
  width: auto; }

/****** PRESENCE CUSTOM FORMS ******/
.ptl_portlet_CustomForm .tbl {
  border: none;
  background: transparent; }

.ptl_portlet_CustomForm table {
  border: none;
  background: transparent;
  border-spacing: 5px; }
  .ptl_portlet_CustomForm table tr {
    border-color: transparent; }
    .ptl_portlet_CustomForm table tr td {
      border: 1px solid rgba(51, 51, 51, 0.3);
      border-radius: 3px;
      background: #ffffff; }
      .ptl_portlet_CustomForm table tr td > select {
        height: 29px; }
      .ptl_portlet_CustomForm table tr td > input, .ptl_portlet_CustomForm table tr td > textarea, .ptl_portlet_CustomForm table tr td > select {
        border-color: transparent;
        max-width: 100%;
        width: 94%;
        margin-bottom: 0; }

.ptl_portlet_CustomForm .two-col {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }
  .ptl_portlet_CustomForm .two-col span.label1 {
    display: block; }
  .ptl_portlet_CustomForm .two-col > select {
    height: 29px;
    width: 100%; }
  .ptl_portlet_CustomForm .two-col > input, .ptl_portlet_CustomForm .two-col > textarea {
    max-width: 100%;
    width: 98%; }

.ptl_portlet_CustomForm div.tbl div.tbl_header {
  background: #036eb7;
  border: none;
  color: #ffffff;
  padding: 10px;
  text-transform: none;
  font-size: 17px;
  letter-spacing: .8px;
  margin-bottom: 20px; }
  @media screen and (max-width: 770px) {
    .ptl_portlet_CustomForm div.tbl div.tbl_header {
      display: none; } }
  .ptl_portlet_CustomForm div.tbl div.tbl_header span {
    color: #ffffff !important;
    font-weight: 600 !important; }

.ptl_portlet_CustomForm .form-label {
  font-size: 17px;
  margin: 15px 0px 5px; }

.ptl_portlet_CustomForm input {
  max-width: 300px;
  max-width: 80%;
  /* padding: 2%; */
  font-size: 15px;
  margin: 0px;
  /* width: 94%; */
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 5px; }

.txtinput {
  width: 100%; }

input#SecurityCode {
  display: block; }

.ptl_portlet_CustomForm .grid_row input, .grid_row_alt input {
  width: auto; }

.ptl_portlet_CustomForm textarea {
  min-width: 300px;
  padding: 2%;
  font-size: 15px;
  margin: 0px;
  width: 94%;
  height: 100%;
  max-width: 85%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: 3px; }

.ptl_portlet_CustomForm input[type="submit"] {
  width: auto;
  padding: 15px;
  border: none;
  font-size: 15px;
  letter-spacing: 0.7px;
  background: #036eb7;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.ptl_portlet_CustomForm input[type="submit"]:hover {
  background: #024877; }

.ptl_portlet_CustomForm input[type="image"] {
  width: auto;
  height: auto;
  padding: 0px;
  border: none; }

.ptl_portlet_CustomForm center {
  text-align: left; }

@media screen and (max-width: 414px) {
  .ptl_portlet_CustomForm input {
    max-width: 65%; }

  .ptl_portlet_CustomForm.bodytext {
    max-width: 75%; }

  .ptl_portlet_CustomForm textarea {
    max-width: 75%; }

  .ptl_portlet_CustomForm tbody > tr:nth-child(14) > td:nth-child(2) {
    font-size: 12px;
    display: block;
    width: 70%; } }
/****** PRESENCE CUSTOM FORMS ******/
.TA-nav-tabs > li.active > a:before {
  height: 0 !important; }

.TA-nav-tabs > li.active > a:after {
  background: #024877 !important; }

.TA-nav-tabs > li > a {
  background: #036eb7;
  color: white !important;
  margin-right: 1px !important; }

.TA-nav-tabs > li > a:hover {
  background: #024877 !important; }

.TA-tab-content {
  border: 2px solid #036eb7; }

html body {
  font-family: "Open Sans"; }

span, p, menu {
  margin: 0;
  font-family: "Open Sans";
  font-weight: 400; }

h1, h2 {
  margin: 0;
  font-family: "Libre Baskerville";
  font-weight: 600; }

h2 {
  line-height: 1.2em; }

h3, h4 {
  margin: 0;
  font-family: "Open Sans";
  font-weight: 600; }

h3, h4, strong {
  color: #525a72; }

h5, h6 {
  margin: 0;
  font-family: "Libre Baskerville";
  font-weight: 600; }

p {
  font-weight: 300;
  line-height: 1.7em;
  letter-spacing: .3px;
  margin: 0px 0px 15px; }
  p > span {
    font-family: inherit !important; }

a {
  text-decoration: none;
  color: #036eb7;
  font-weight: 400; }

strong > a {
  font-weight: inherit; }

ul, ol, li {
  font-family: "Open Sans";
  font-weight: 300; }

li {
  line-height: 1.7em; }

td {
  border: 1px solid rgba(51, 51, 51, 0.3);
  padding: 5px; }

#subpage_content .ptl_portlet_vertical, #subpage_content .ptl_portlet_horizontal {
  overflow-x: auto; }
  #subpage_content .ptl_portlet_vertical::-webkit-scrollbar, #subpage_content .ptl_portlet_horizontal::-webkit-scrollbar {
    -webkit-appearance: none; }
  #subpage_content .ptl_portlet_vertical::-webkit-scrollbar:vertical, #subpage_content .ptl_portlet_horizontal::-webkit-scrollbar:vertical {
    width: 12px; }
  #subpage_content .ptl_portlet_vertical::-webkit-scrollbar:horizontal, #subpage_content .ptl_portlet_horizontal::-webkit-scrollbar:horizontal {
    height: 12px; }
  #subpage_content .ptl_portlet_vertical::-webkit-scrollbar-thumb, #subpage_content .ptl_portlet_horizontal::-webkit-scrollbar-thumb {
    background-color: #525a72;
    border-radius: 10px;
    border: 2px solid #ffffff; }
  #subpage_content .ptl_portlet_vertical::-webkit-scrollbar-track, #subpage_content .ptl_portlet_horizontal::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff; }

/* document container */
table[id$="tblItems"] {
  display: none; }
  table[id$="tblItems"] td {
    border: 0px;
    padding: 0px; }

.PO-wrapper {
  margin: 0px auto !important; }

/* calendar */
table#tbl_monthly_events span {
  color: inherit !important; }

div[id*=divMonthlyViewSelectionToolbar] td {
  border: 0px !important;
  padding: 0px !important; }

button[id*=btn_month] {
  color: #333333 !important;
  background: #ffffff;
  border-radius: 5px; }

table#tbl_monthly_events div[id*=div_monthly_date] span {
  font-weight: 600 !important;
  color: #024877 !important;
  padding-left: 5px !important; }

div[id$=_pnlStatic] {
  border-width: 0px !important; }

div[id$=_divCalendarControlsToolbar] td, div[id$=_pnlCalendarPicker] td, .divTabBar td {
  padding: 0;
  border-color: transparent !important; }

button[id$=_btnChangeViewMode] {
  display: none; }

@media screen and (max-width: 501px) {
  select[id$=ddlViewMode] {
    display: none; } }

td[id*=cell_monthly] {
  padding: 0; }
  @media screen and (min-width: 501px) {
    td[id*=cell_monthly] {
      border-width: 3px !important; } }
  td[id*=cell_monthly] a {
    line-height: normal !important;
    width: 100%; }

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

#e_billing .inside-padding .left {
      width: 45% !important; }

#e_billing .inside-padding .right {
      text-align: center !important; }

#e_billing .inside-padding .left div {
    display: contents !important;
}

@media screen and (max-width: 780px) {
        #e_billing .inside-padding .left {
          display: contents !important; } }



.CAL-EVENT-title {
    color: white !important;
}
span.CAL-currentYear {
    color: white !important;
}

.CAL-V-MV-table .CAL-EV-Item a em, .CAL-V-MV-table .CAL-EV-Item a strong {

    color: white !important;
}

.PO-calendar .CAL-timeAlert {
    color: #ffffff !important;
}