/*Navigation imports*/
/*@import "../../widgets/navBar/css/superfish.css";*/
@import "../../widgets/navBar/css/superfish-navbar.css";
@import "../../widgets/navBar/css/superfish-vertical.css";
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
@import url('/web_resources/themes/OldsCollege-2017/menu/meanmenu.css');
@import url('/web_resources/themes/OldsCollege-2017/slider/anythingslider.css');
@import url('/web_resources/themes/OldsCollege-2017/print.css');

@font-face {
    font-family: 'HelveticaNeueBd';
    src: url("/web_resources/themes/OldsCollege-2017/fonts/HelveticaNeueLTStd-Bd.otf") format("opentype");
}
@font-face {
    font-family: 'HelveticaNeueRoman';
    font-weight: bold;
    src: url("/web_resources/themes/OldsCollege-2017/fonts/HelveticaNeueLTStd-Roman.otf") format("opentype");
}

@font-face {
    font-family: 'HelveticaNeueLt';
    font-weight: bold;
    src: url("/web_resources/themes/OldsCollege-2017/fonts/HelveticaNeueLTStd-Lt.otf") format("opentype");
}

/*Image widget imports
@import "../../widgets/image/tinyLightbox/jquery.tinyLightbox.css";*/

/* Import css file ends here*/

/* Perc Styles
----------------------------------*/
.perc-title-1{
    text-align: center;
}
.perc-title-2{text-transform: uppercase;}
.perc-list-1{list-style-type: square;}
.perc-box-1{
	border: 1px;
    border-style: solid;
}
.perc-list-title {
    font-size: 20px;
    margin-top: 20px;
}
/* Region CSS
----------------------------------*/
.perc-region {
    min-height: 0;
}
.vspan_2,.vspan_4,.vspan_6,.vspan_8,.hspan_2,.hspan_8,.hspan_10,.hspan_12{ height : auto }


html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body {
    font-size: 1em;
    font-family: 'Roboto Flex', sans-serif;
    font-weight: 100;
    color: #58595b;
    letter-spacing: 0.5px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
*::selection {
    background: #347856;
    color: #fff;
}
#perc-content,#perc-container,#content,#container { margin : 0 auto }

a[href$=".pdf"]:before {
	width:13px;
	height:16px;    
	vertical-align: text-bottom;
    margin-right: 6px;
	background:url('https://www.oldscollege.ca/Assets/icons/pdf_16.png');
	display:inline-block;
	content:' ';
}

#to-top {
  display: inline-block;
  background-color: #ebaa20;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#to-top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#to-top:hover {
  cursor: pointer;
  background-color: #333;
}
#to-top:active {
  background-color: #555;
}
#to-top.show {
  opacity: 1;
  visibility: visible;
}
.iconTextbox{background: #58595b;}
.purple {background: rgb(147,67,153); background: linear-gradient(172deg, rgba(147,67,153,1) 48%, rgba(140,64,145,1) 48%);}
.teal{background: rgb(0,176,170); background: linear-gradient(172deg, rgba(0,176,170,1) 48%, rgba(2,164,159,1) 48%);}
.green {background: rgb(77,165,75); background: linear-gradient(172deg, rgba(77,165,75,1) 48%, rgba(70,156,68,1) 48%);}
.blue{background: rgb(52,154,213); background: linear-gradient(172deg, rgba(52,154,213,1) 48%, rgba(47,145,203,1) 48%);}
.orange {background: rgb(231,83,44); background: linear-gradient(172deg, rgba(231,83,44,1) 48%, rgb(223 74 36) 48%);}

/* NAVIGATION
----------------------------------*/
#side-nav li.nav-level-3.current {
    background: #a7a9ac;
}
div#side-nav .perc-breadcrumb-main li:not(.perc-list-first) {
    display: none;
}
#side-nav li.nav-level-3.current a {
    color: #FFF;
}

div#side-nav li.nav-level-3>a {
    font-size: 16px;
    word-wrap: break-word;
}

div#side-nav li.nav-level-3>ul {
    padding-left: 0;
}

div#side-nav li a {
    text-decoration: none;
    padding: 3px 0px;
    display: inline-block;
    color: #58595b;
    word-wrap: break-word;
}

div#side-nav {transition: 0.5s all;}

div#leftsidebar {
    width: 22%;
}
#container.no-sidebar-template div#content>div {
    width: 90%; margin: 0 auto; float: none;
}

div#side-nav .perc-breadcrumb-main li {
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    color: #58595b;
    text-decoration: none;
}
div#top-breadcrumbs-wrapper li:last-child {
    border-right: 0;
    font-weight: 700;
}
div#side-nav li.nav-level-3 {
    padding: 5px 0 5px 55px;
    /* word-wrap: break-word; */
    background: #e7e8e9;
    border-bottom: 5px solid #FFF;
}

div#side-nav li {
    list-style: none;
}

div#side-nav ul {
    margin: 0;
    padding: 0;
}

/* Container Styles
----------------------------------*/
#container {
    max-width: 2000px;
    position: relative;
}

#container.t7-template div#content>div {
    width: 100%; margin: 0 auto; float: none;
}
#container.t7-template div#content>div>div>div.perc-vertical {
    width: 90%;
    margin: 0 auto;
    float: none;
}
#container.t7-template div#content>div>div>div:not(.perc-vertical) {
    width: 90%;
    margin: 0 auto;
    float: none;
    padding: 50px 0;
}
#container.t7-template div#full-width-row-3 {
    padding: 50px 0;
}
#container.t7-template div#full-width-row-1 {
    padding-bottom: 30px;
}
#container.no-sidebar-template div#content {
    width: 100%;
    float: none;
    margin: 0 auto;
}
#container.no-sidebar-template div#content>div {
    padding-right: 0;
}
#container.t7b-template div#content {
    width: 100%;
    float: right;
    padding-right: 0 !important;
}
#container.t7b-template div#content>div {
    padding-right: 0;
}

/* Footer Styles ---------*/

div#footer-top-left {
    width: 45%;
}

div#footer-top-right {
    width: 30%;
    float: right;
    font-size: 14px;
    line-height: 1.3 !important;
}

div#footer-top-left ul,
 div#footer-top-right ul {
    margin: 0;
    padding: 0;
}

div#footer-top-left ul {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

div#footer-top-left li,div#footer-top-right li {
    list-style: none;
}
div#footer-top {
    padding: 3em 7em;
}
div#footer-bottom {
    background: #f2f2f2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
#footer-bottom:after {
    content: "";
    height: 2em;
    width: 100%;
     background:
          linear-gradient(240deg, #347856 20%,transparent 20%),
          linear-gradient(290deg, #50b078 40%, #1F4DA2 20%, #133489 60%)
          ;
}
div#footer-bottom #ter_ack {
    margin: 0 0 2em 0;
    padding: 1em 20%;
    font-size: 1.1em;
    color: #3b3b3b;
}
div#footer-bottom #ter_ack p {
    margin: 0;
}

div#footer-bottom h4{
	font-weight: 100;
}

div#footer-bottom p {
    padding: 1em 6%;	
    font-size: .75em;
}
div#footer-location p {
    margin-left: 5em;
}
div#footer-top-right li:nth-child(1) {
    margin-bottom: 30px;
}
#footer a i.fas {
    color: #fff;
    float: left;
    margin: 20px 15px;
}
#footer i.fas::before {
    font-size: 1.8rem !important;
}

div#footer-top p, div#footer-top a {
    font-size: 14px;
}
div#footer-top-left li strong, div#footer-top-right li strong {
    display: block;
    margin: 1em 0 0 0;
    font-size: 1em;
}
div#footer-top-right li img {
    margin-bottom: 30px;
    float: left;
    padding-right: 15px;
}
div#footer-top-left,div#footer-top-right {
    line-height: 1.5;
}
div#quick-links-bottom ul {
 background: #459ad8;
    display: inline-block;
    padding: 0 10% 0.8em;
    -webkit-clip-path: polygon(3% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    margin: 0;
}

div#quick-links-bottom a {
    color: #fff;
    font-weight: 700;
    font-size: .9em;
    text-decoration: none;
    transition: .2s;
    padding: 2em 1em;
}

div#quick-links-bottom a:hover {
    background: rgb(255 255 255 / 14%);
    color: #fff;
}
div#quick-links-bottom li,#quick-links-top li {
    list-style: none;
    display: inline-block;
    padding: 14px 0 3px 20px;
}
div#footer {
	clear:both;
	background: #fff;
	border-top: 5px solid #ebaa20;
}

div#footer>div {
padding: 0;
}
div#footer a, div#footer p, div#footer a i:before {
	color: #605d5d;
    text-decoration: none;
}
div#footer a:hover{
 text-decoration: underline;
}
div#footer a:hover i:before{	
	color: #ebaa20;
}

/* Header Styles
----------------------------------*/
div#header-logo p {
    margin: 0;
    padding: 0;
}
div#header-logo {
    width: 23%;
    padding-top: 35px;
}

div#header-right {
    width: 70%;
    float: right;
    text-align: right;
    /* padding-top: 20px; */
    z-index: 99999999999999;
}

div#quick-links-top {    
    padding-right: 11%;
}
div#quick-links-top li {
    padding: .5em 1em;
}
div#quick-links-top, div#quick-links-top a, div#quick-links-top i:before {
    color: #00358e;  
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
}
.mobile-only-header i::before {
    color: #fff !important;
	    font-size: 1.5rem !important;
}
.sf-menu.perc-navbar-sfhorizontal {
    margin: 0 0 0 2%;
}

/* Content Styles
----------------------------------*/
div#content {
    width: 75%;
    float: right;
}
div#content>div {
    padding-right: 4%;
}
#content a:not(.cur), #accordions-wrapper a:not(.cur), div#quick-links-wrapper a {
    color: #4d93ff;
}
#content a:hover, #accordions-wrapper a:hover, div#quick-links-wrapper a:hover {
    color: #f6a916;
}
#middle hr {
    margin: 2em 0;
}

#content i.fas::before {
    font-size: 5rem;
}

i.fab::before {
   font-size: 1.5rem;
	vertical-align: sub;
}

a:hover i.fas, a:hover i.fab, a:hover i.fa-solid {
    color: #ebaa20;
}
a i.fas, a i.fab, i.fa-solid {
    color: #58595b;
    transition: .2s;
}

i.fas, i.fab, i.fa-solid {
	color: #ccc;
    font-size: 0;
    margin-bottom: 10px;
}


#content blockquote {
    color: #1a338c;
    font-size: 1.3em;
    margin: 0;
}
strong, #content b {
    font-weight: 700;
}
div#content p, #accordions-wrapper p {
    line-height: 1.5;
    /*position: relative;*/
}
div#quick-links-top img {
    max-height: 17px;
    width: auto;
}
#content ul,  #accordions-wrapper ul {
    margin-top: 0;
}
div#extra-widgets-area img {
    max-width: 100%;
    height: auto;
}
div#content h1 {
    font-size: clamp(2rem, 0rem + 3vw, 3rem);
    color: #00358E;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}

blockquote h2 {
margin: 1em 1em 2em 1em !important;
    padding: 1em 2em;
    font-size: 1em !important;
    width: fit-content;
    background: #e7532c;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
	font-style: italic;
    font-weight: 100;
    letter-spacing: -.5px;	
    cursor: default;
    box-shadow: -12px 12px #934399, -22px 22px #00b0aa;
}

div#content h2, .content-area-wrapper h2 {
     font-size: 1.6rem;
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: .7em;
    line-height: 1.3;
}
.gray-bg h2, .greybg h2{
    margin-top: .5em !important;
}
div#content h3 {
    line-height: 1.3;
    font-weight: 100;
}
div#content h3 strong, div#content h3 b, h3.perc-list-title {
    margin-top: 2em;
	display: inline-block;
}
.sidebar-box-style h3,.sidebar-box-style h3 strong, .ocSidebarHighlightBox h3 * {
    border: none !important;
    margin-top: 0 !important;
    padding: 0 !important;
}
.ocProgramBox h3 strong, .ocProgramBox h3 b, div#content table h3 strong {
    margin-top: 0 !important;
}

/* Buttons ---*/

.blue-btn:hover {
    background: #459AD8;
}
.blue-btn {
    background: #133489;
    padding: .5em 2em;
    text-decoration: none;
    color: #fff;
    transition: .1s;
    border-radius: .25em;
}

.clear-button {
    border: 2px solid #3b3b3b;
    border-radius: 0.25em;
    font-weight: 500;
    transition: .15s;
    padding: 0.7em 2em;	
    display: inline-block;
}
.clear-button:hover {
    background: #3b3b3b;
    color: #fff !important;
}

.percPerson button:hover, .percPerson button:focus, span.yellowButton a:hover, span.yellowButton a:focus, .apply-button-link p a:hover, .apply-button-link p a:focus, div#banner-image-wrapper .rxbodyfield a:hover, .slideMessage .rxbodyfield a:hover, div#banner-image-wrapper .rxbodyfield a:focus, .slideMessage .rxbodyfield a:focus {
    background: #ebaa20;
    color: #fff !important;
}

.percPerson button, span.yellowButton a, .btn-load-more, .apply-button-link p a, div#banner-image-wrapper .rxbodyfield a, .slideMessage .rxbodyfield a  {
	padding: 10px 5%;
	font-size: .8rem;
	text-align: center;
	color: #5d595b !important;
	background: #fff;
	font-weight: 700;
	cursor: pointer;
	border-radius: 6px;
	margin: 10px 0;
	transition: .1s;
	display: inline-block;
	border: 2px solid #ebaa20;
	text-decoration: none;
}
span.gray-button a:hover, span.white-button a:hover {
    opacity: 0.8;
    transition: 0.25s all;
}
span.gray-button a {
    transition: 0.25s all;
    background: #e7e8e9 !important;
    color: #58595b !important;
    text-decoration: none !important;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
	font-size: .8rem;
	font-weight: 700;
}
span.white-button a {
    transition: 0.25s all;
    background: #ffffff !important;
    color: #58595b !important;
    text-decoration: none !important;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
	font-size: .8rem;
    border-radius: 10px;	
	font-weight: 700;
}
span.redButton a {
    color: #fff !important;
    text-decoration: none;
    background: #af001a;
    padding: 1em 8%;
    display: inline-block;
    margin: 2em;
    border-radius: 5em;
    text-transform: uppercase;
    transition: .2s;
}
span.redButton a:hover {
    background: #7a222f;
}

div#tabcontentarea h3 strong, div#tabcontentarea h2,.accContent h3 strong {
    margin-top:1em;
}

div#content sub {
    font-size: 12px;
    vertical-align: baseline;
}

div#content h4, .content-area-wrapper h4,.image-with-caption, .img-captionn {
	    font-size: .8em;
  	  color: #a5a5a5;	
    font-weight: 100;
}
.accordion-pieces { margin-top: 30px; }

div#middle {
    margin-top: 40px;
    margin-bottom: 40px;
}
div#quick-links-top ul {
    margin: 0;
    padding: 0;
}

div#header-logo>div {
    padding-left: 75px;
    padding-top: 20px;
}

.slick-next:before, .slick-prev:before {
    color: #fff !important;
    text-shadow: 1px 1px 3px black !important;
}
a .perc-slide-image-container {
    opacity: .9;
    transition: .2s;
}
a .perc-slide-image-container:hover {
    opacity: 1;
}
.slick-slider a:hover{text-decoration: underline;}
.slick-slider a, .slick-slider a i {
    color: #58595b !important;
	text-decoration: none;
    font-size: 15px;
    font-family: 'HelveticaNeueBd', 'FontAwesome';
}

/* Widget CSS
----------------------------------*/

.ReadMore summary { cursor: pointer; margin: 2em 0; font-size: 13px;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.ReadMore[open]>summary::after {content:"Less"}
.ReadMore>summary::after {content:"More"}

.ReadMore summary > * {display: inline;}
.ReadMore[open] summary::marker {
    content: "\f056" " ";
    font-family: 'FontAwesome';
}
.ReadMore summary::marker {
    content: "\f055" " ";
    font-family: 'FontAwesome';
}
details[open] div {
  animation: animateDown 0.2s linear forwards;
    margin-bottom: 2em;
}
@keyframes animateDown {
  0% {
    opacity: 0;
    transform: translatey(-15px);
  }
  100% {
    opacity: 1;
    transform: translatey(0);
  }
}
.ocFullSlider .anythingSlider-default .anythingWindow {
    border: 0 !important;
}
.ocFullSlider ul.slick-dots {
    position: absolute;
    top: 10px;
    right: 18px;
    margin: 0;
    padding: 0;
}

.ocFullSlider ul.slick-dots li {
    display: inline-block;
    list-style: none;
    margin-left: 5px;
}

.ocFullSlider ul.slick-dots li button {
    border-radius: 100px;
    height: 16px;
    width: 15px;
}
.ocFullSlider ul.slick-dots li button {
   font-size: 0;
   cursor: pointer;
   background: #FFF;
   border: 2px solid #58595b;
} 
.ocFullSlider ul.slick-dots li.slick-active button {
   font-size: 0;
   cursor: pointer;
   background: #58595b;
   border: 2px solid #58595b;
} 
.ui-widget
{
    font-size: 1.1em;
}

.ui-widget-content
{
    border: 1px solid #dddddd;
    background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333333;
}

/* Event widget CSS - uses  hCalendar 1.0 microformat
All fields are wrapped in <div>s, with labels specified here. */

/*Root level class of all events */
.perc-event {}

.perc-event .perc-event-title:before
{
    content: "Title: ";
}

.perc-event .summary:before
{
    content: "Summary: ";
}

.perc-event .description:before
{
    content: "Description: ";
}

.perc-event .location:before
{
    content: "Location: ";
}

/* This style is applied to both event date fields. */
.perc-event-date {}

.perc-event .dtstart:before
{
    content: "Start: ";
}

.perc-event .dtend:before
{
    content: "End: ";
}

.perc-page-auto-list-calicon {margin-right: 10px;margin-bottom: 14px;text-align: center;padding: 3px;text-transform: uppercase;float: left;min-width: 55px;display: inline-block;background-color: #f6a916;color: #FFF;}
.perc-page-auto-list-calicon-month {
   padding: 5px 7px;
	font-weight: 700;
}
.perc-page-auto-list-calicon-day {
   background-color: #FFF;
   color: #f6a916;
   width: 100%;
   display: block;
   font-size: 25px;
   padding: 3px 0px;
	font-weight: 700;
}
.perc-list-vertical, .perc-list-vertical li
{
    width: 100%;
    margin-top: 0px;
}
.perc-list-horizontal {
    min-height : 54px;
}
.perc-list-horizontal li
{
    /* float: left; */
    display: inline-block;
    position: relative;
    list-style-type: none;
    /* margin-right:10px; */
}
.perc-file-auto-list.perc-list-horizontal li{
    margin-right:20px;
}
.perc-page-auto-list:not(.events-listing) .perc-list-main {
    margin-top: 11px;
    padding-left: 0;
}
.perc-list-main-container {
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 18px;
}
 .perc-tag-list .perc-list-main-container, .perc-tag-list .perc-list-main {
    padding-top: 0px;
    margin-top: 11px;
    padding-left: 18px;
}
.perc-comma-separated-main-container {
    padding-top: 0px;
    margin-top: 0px;
    list-style: none;
    padding-left: 0px;
}
.perc-list-element {
list-style-image: none !important; list-style: none !important;
}
/*Root class for all image auto list widgets*/
.perc-image-auto-list ul {
    margin: 0;
    padding: 0;
}
.perc-image-auto-list img {
    max-width: 100%;
    height: auto;
}
/*Image specific override of vertical list*/
.perc-image-auto-list.perc-list-vertical, .perc-image-auto-list.perc-list-vertical li
{
    list-style-type: none;
}
.img-caption {
    /* float: left; */
    font-style: italic;
 	    padding: 2px 15px;
    line-height: 18px;
    max-width: 100% !important;
}
.image-with-caption {
    float: right;    
	clear: both;
    text-align: right;
}
.perc-caption
{
    margin-bottom: 10px;
}
.perc-breadcrumb
{
    padding-left: 4%;
}
.perc-breadcrumb-main
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.perc-breadcrumb-main li
{
    display: inline;
    padding: 0;
    margin: 0;
}
.form-title
{
    margin-bottom:20px;
}
.field-row
{    color: #000000;
    margin: 5px 5px 20px 15px;
}
.perc-label-location-top div.field-row > div
{
    display: block;
}
.perc-label-location-left div.field-row > div
{
    display: inline-block;
    vertical-align: top;
}
.perc-label-location-left div.field-row > div:first-child
{
    width: 150px;
}
.field-input-container > div > div
{
    display: inline-block;
}
.perc-required-field
{
    font-weight: bold;
    color: #cc0000;
}
.field-label
{
    font-weight: bold;
    color: #000000;
}
.field-label-container
{
    margin-bottom:10px;
    font-weight: bold;
    color: #000000;
}
.field-input-container
{
    font-weight: normal;
    color: #000000;
}
.ui-datepicker-trigger {
    cursor: pointer;
    padding-left: 3px;
    vertical-align:top;
    margin-top:-3px;
    margin-left:-10px;
    margin-right:10px;
}

#ui-datepicker-div{

    z-index:20000;
}
.ui-widget.ui-datepicker {
    font-size: 11px;
}

/* Form Validation Message CSS*/

.perc-form-error-asterisk {
    color: #cc0000;
    display: block;
    float: left;
    margin-left: -10pt;
    margin-right: 5pt;
    font-weight:bold;
}

.form-error-msg, .perc-reg-error-message{
   font-size: 11px;
   font-weight: normal;
   color: red;
}

.required{
    color: #000000;
    font-size: 11px;
    font-weight: normal;
}
.perc-form input[type="text"],.perc-form textarea{
    border-color: #CECFCE #CECFCE #D6D7DE #D6D7DE;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    margin-right:10px;
    width:320px;
}

.perc-form textarea {
    width:480px;
    height:200px;
}

.perc-form label{
    margin-right:10px;
}

textarea.form-error-msg {
       color: #000000;
    font-size: 11px;
    font-weight: normal;
}

.perc-tag-element, .perc-archive-month, .perc-archive-year
{
    text-align: left;
    margin-top : 5px;
    padding-top: 0;

}
ul.perc-list-main-container  li.perc-tag-element, li.perc-archive-year, ul.perc-archive-flat li.perc-archive-month {

    list-style-image: url("images/bullet.png");
}
ul.perc-comma-separated-main-container li.perc-tag-element, ul.perc-archive-hierarchical li.perc-archive-month {

    list-style-image: none;
    list-style-type:none;
}

ul.perc-archive-hierarchical {

    padding-left:15px;
}
ul.perc-archive-flat{

    padding-left:15px;
}
ul.perc-archive-month-wrapper {
    padding-left:7px;
}
.perc-list-main-inline
{
    padding-left: 0px;
}

.perc-list-elemment-inline
{
    display: inline;
    list-style: none outside none;
}

.perc-result-divider
{
   background-color: #999999;
   height: 1px;
   width: 100%;
   margin-bottom: 15px;
}

.perc-result-title,.perc-bloglist-result-title
{
    text-align: center;
    margin-bottom: 1px;
}
.perc-result-count,.perc-bloglist-result-count
{
    text-align: center;
    margin-top: 1pt;
    margin-bottom: 5px;
}
.perc-result-page-title
{
    text-align: left;
    margin-bottom: -10px;
}
.perc-result-page-date
{
    text-align: right;
    margin-bottom: 20px;
}
.perc-result-page-summary
{
    text-align: justify;
    margin-bottom: 30px;
}
.perc-result-page-item
{
    margin: 5px;
}


/* End Comments Widget CSS */
/* RSS Icon CSS */

.perc-rss-icon
{
    float:right;
    display:block;
    width:22px;
    height:22px;
    background:url(images/rss_logo.png);
    text-indent:-10000px;
    cursor:pointer;
    outline:none;
    background-repeat:no-repeat;
}
.perc-blog-wrapper
{
    padding: 10px;
}

.perc-blog-title
{
    margin: 0;
}
.perc-blog-dateByline-container
{
    overflow: auto;
}
.perc-blog-dateByline-container > div:first-child
{
    float: left;
}
.perc-blog-dateByline-container > div:first-child + div
{
    float: right;
}
.perc-blog-post-tag-container
{
    margin-bottom: 5px;
}

.perc-blog-hide-container{
    display: none;
}
/* End Blog widget CSS */

/* Blog Index Page CSS Starts */
ol.perc-blog-list {
    list-style-type:none;
    padding: 0 20px;
}
.perc-blog-list-dateByline-container
{
    overflow: auto;
}
.perc-blog-list-dateByline-container > div:first-child
{
    float: left;
}
.perc-blog-list-dateByline-container > div:first-child + div
{
    float: right;
}
.perc-blog-list-more-link:after {
    font-size: 13px;
    content: "Read More";
}
.perc-blog-list-more-link {
    font-size: 0 !important;
}
.perc-blog-list-title {
    margin-bottom:0px;
}
.perc-blog-list-byline-container {
    display:inline
}
.perc-blog-list-date-container {
    display:inline;
    float:right;
}
.perc-blog-list-tag-container,
.perc-blog-list-category-container{
    margin-bottom: 5px;
}
/* Blog Index Page CSS Ends */
/* Pagination Controls */
.perc-pagination-container {
    display: none !important;
    border-top: 1px solid lightgrey;
    padding: 10px 20px;
    text-align:center;
    overflow: auto;
}
.perc-pagination-container .perc-goto, .perc-pagination-container .perc-goto-quick-nav {
    color: #006B9D;
    margin-left:4px;
    margin-right:4px;
    cursor:pointer;
}
.perc-pagination-container .perc-goto {
    margin-right: 2px;
    margin-left: 2px;
}
.perc-pagination-container .perc-current-page {
    font-weight:bold;
}
.perc-pagination-container .perc-goto-first {
    margin-right: 7px;
}
.perc-pagination-container .perc-goto-first:after {
    content: '<<'
}
.perc-pagination-container .perc-goto-pre {
    margin-right: 8px;
    margin-left: 8px;
}
.perc-pagination-container .perc-goto-pre:after {
    content: '<'
}
.perc-pagination-container .perc-goto-next {
    margin-right: 8px;
    margin-left: 8px;
}
.perc-pagination-container .perc-goto-next:after {
    content: '>'
}
.perc-pagination-container .perc-goto-last{
    margin-left: 7px;
}
.perc-pagination-container .perc-goto-last:after {
    content: '>>'
}
.perc-pagination-container .perc-page-count {
    float: left;
}
.perc-pagination-container .perc-page-nav {
    float: right;
}
ul.perc-pagination-list {
    display:    inline;
    position:   relative;
}
li.perc-pagination-list-entry {
    border-width:   0;
    display:        inline;
    margin:         0 2px;
}
    li.perc-pagination-list-entry a {
        border:             1px solid #EEE;
        color:              #369;
        padding:            2px 5px;
        text-decoration:    none;
    }
        li.perc-pagination-list-entry a:hover,
        li.perc-pagination-list-entry a:focus,
        a.perc-current-page.perc-goto {
            background:     #0063DC;
            color:          #FFF;
            border-color:   #FFF;
        }
ul.perc-pagination-list, li.perc-pagination-list-entry, li.perc-pagination-list-entry a{
    /**
     *  @HACK: The `ul` needs "layout" in IE.
     */
    _zoom:      1;
}
/* Pagination Controls Ends */

/* Category List Widget */

span.dynatree-expander {
    margin: -1px;
}

ul.dynatree-container {
    background-color: transparent;
/*    overflow : hidden;*/
}

ul.dynatree-container li {
    background-color: transparent;
    list-style: none outside none;
    margin: 0;
    background-image: none;
    background-position: 0 0;
/*
    padding: 1px 0 0;
*/
}
ul.dynatree-container ul {
    margin: 0;
    padding: 0 0 0 0;
    overflow: hidden;
}

ul.dynatree-container li li {
    padding: 0 0 0 13px;
}

ul.dynatree-container li {
    padding : 0px;
}

ul.dynatree-container a {
    color: #0099CC;
    margin: 0 0 0 0px;
    text-decoration: none;
    vertical-align: top;
}
span.dynatree-node a {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}

span.dynatree-icon {
     display:none
}

span.dynatree-connector {
    background-image: none;
}

.dynatree-exp-cl span.dynatree-expander, span.dynatree-expander {
   background-image: url('images/buttonBlueSmallPlus.gif');
   background-position: center center;
}

.dynatree-exp-el span.dynatree-expander, .dynatree-exp-edl span.dynatree-expander,
.dynatree-exp-e span.dynatree-expander, .dynatree-exp-ed span.dynatree-expander
{
    background-image: url('images/buttonBlueSmallMinus.gif');
    background-position: center center;
}

.perc-category-list-expanded span.dynatree-active a,
.perc-category-list-collapsible span.dynatree-active a {
    background-color:none;
    color:#0099CC;
}

.perc-category-list-expanded{
    overflow: hidden;
}

div.perc-category-list-expanded li{
    list-style-type: disc;
}

div.perc-category-list-expanded li li {
    padding: 0 px;
}

div.perc-category-list-expanded ul {
    padding: 0 0 0 13px;
}

/* Category List Widget Ends */

/*Blog Navigation Starts */
.perc-blog-nav-bottom {
    border-top:1px solid #A0A0A0;
    margin-top: 15px;
    padding-top:10px;

}
.perc-blog-nav-top {
    border-bottom:1px solid #A0A0A0;
    padding-bottom:10px;
    margin-bottom:10px;
}

div.perc-blog-navigation-wrapper {
    width:100%;
    text-align:center;
    font-weight:bold;
}

div.perc-blog-nav-left-wrapper {
    text-align:left;
    width:33%;
    float:left;
}

div.perc-place-holder {
    text-align:left;
    width:34%;
    float:left;
}

div.perc-blog-nav-right-wrapper {
    text-align:right;
    width:33%;
    float:left;
}

div.perc-newer-post-wrapper {
    float:left;
    width:89%;
}

div.perc-older-post-wrapper {
    padding-left:22px;
}

div.perc-clear-both {
    width:100%;
    clear:both;
}
.perc-blog-left-arrow {
    background: url('images/leftArrow.png');
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:12px;
    width:10px;
    height:13px;
    float:left;
}

.perc-blog-right-arrow  {
    background: url('images/rightArrow.png');
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:12px;
    float:left;
    width:10px;
    height:13px;

}

.percSocialButtons i, .perc-social-button {
	font-size: 1.2em !important;
}
.percSocialButtons a i {
    color: #ccc;
    margin: 0;
}
.perc-share-this-widget-facebook-button { 
    background-image: url(/web_resources/widgets/shareThis/images/IconFacebook.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
}

.perc-share-this-widget-facebook-button:hover {
    cursor: pointer;
}

.perc-share-this-widget-twitter-button { 
    background-image: url(/web_resources/widgets/shareThis/images/IconTwitter.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
}

.perc-share-this-widget-twitter-button:hover {
    cursor: pointer;
}

.perc-share-this-widget-digg-button { 
    background-image: url(/web_resources/widgets/shareThis/images/IconDigg.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
}

.perc-share-this-widget-digg-button:hover {
    cursor: pointer;
}

/* End Share This Widget CSS */

/* Begin Rss Widget CSS */


/*-Per-Person Widget */

.perc-person-image img {
    max-width: 100%;
    width: 100px;
    display: block;
    border: 5px solid #fff;
    margin: 0 auto;
    border-radius: 100%;
}
.perc-person-image {
  margin: 5px auto;
    margin-top: -50px;
}

div#percDirectoryList ul.list.perc-directory-list .perc-person-image img, div#percDirectoryList ul.list.perc-directory-list .perc-person-image img {
    height: auto;
}
div#percDirectoryList ul.list.perc-directory-list .perc-person-image img, div#percDirectoryList ul.list.perc-directory-list .perc-person-image {
    float: none
}

div#percDirectoryList ul.list.perc-directory-list .perc-person {
    float: left;
    width: 29%;
	transition: .2s;
    background: #f6f6f6;
    border-top: 0.5em solid #EBAA20;
    margin: 1%;
    padding: 15px;
}
div#percDirectoryList ul.list.perc-directory-list .perc-person:hover {
	background: #ddd;	
}

.percPerson {
    border-top: 3em solid #EBAA20;
    border-radius: 10px;
    margin: 2%;
	min-height: 330px;
}

.percPerson .department, .perc-person-dpt {
    font-size: 13px;
    display: block;
	margin: -4px 0;
	font-style: italic;
}
.percPerson .department {	margin: 0}
.perc-person-org {
    display: none;
}
.perc-person, .perc-person:nth-child(odd) {
    padding: 20px;
    border: 1px solid #e2e2e2;
	background: #fff;
    border-radius: 0 0 30px 5px;
	
}

.perc-person-name span {
    font-family: 'HelveticaNeueLt';
    font-size: 0.8rem;
    font-style: italic;
}
span.perc-person-last-name, span.perc-person-first-name {
    font-family: 'HelveticaNeueBd';
    font-size: 1.3rem;
    font-style: normal;
}
.perc-person-name {
    font-family: 'HelveticaNeueBd';
    font-size: 1.3rem;
}
.perc-person-details div {
    width: 100%;
    margin: 0;
}
.perc-person-details p {
    margin: 0;
}
.percPerson button {margin:0}
.percPerson .content{  
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.perc-feed-widget {
    
}

.perc-feed-title {
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.perc-feed-item {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    margin-top: -1px;
}

.perc-feed-item-title {
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.perc-feed-item-date {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.perc-feed-item-description {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}
/* End Rss Widget CSS */
/* End CM1 V2.2 updates */


.perc-form input[type="text"], .perc-comments-form input[type="text"], .perc-form textarea, .perc-comments-form textarea {
border-color: #CECFCE #CECFCE #D6D7DE #D6D7DE;
border-style: solid;
border-width: 1px;
color: black;
}

/* Navigation Widget */
a.skip-to-content-link {
    background: #eee;
    left: 1em;
    top: 1em;
    color: #58595b;
    padding: 0.5rem 1rem;
    border-radius: 0.2rem;
    position: absolute;
    transform: translateY(-390%);
    transition: transform 260ms;
    text-decoration: none;
    font-size: .8em;
    border: 0;
    z-index: 99999;
}
a.skip-to-content-link:focus {
transform: translateY(0);
}
.perc-navigation-skiplink {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
    }
    
    a.perc-navigation-skiplink:active, 
    a.perc-navigation-skiplink:focus, 
    a.perc-navigation-skiplink:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
    }
    
    /* old perc_decoration.css entries */
.vspan_2,.vspan_4, .vspan_6, .vspan_8 { height : auto }
.hspan_2, .hspan_8, .hspan_10, .hspan_12{ width : auto }
#perc-content { margin : 0 auto }
#perc-container {     margin: 0 auto; }
#content { margin : 0 auto }
#container {margin: 0 auto;}
.perc-horizontal > .perc-region { float : left }
.perc-horizontal > .clear-float { clear : both }    
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.perc-vertical  > .perc-widget-puff { width:100%; } 
.perc-row { float: none !important; display: block !important; }
.perc-col { float:left !important; }
.perc-clear { overflow:auto !important; height:100% !important; }


div#search-box-wrapper-area>div {
    /* background: #e7e8e9; */
    padding: 20px 0 0 0;
    transition: 0.5s all;
    opacity: 1;
}

div#search-box-wrapper-area .perc-widget input {
    background: #FFF;
    color: #333;
    padding: 10px 0 10px 10px;
    display: block;
    transition: 0.5s all;
    width: 100%;
    background-color: #e7e8e9;
    font-size: 16px;
}
.perc-slide-image-container {margin: 1%;}
.perc-slide-caption-container h3, .perc-slide-caption-container p {font-family: 'HelveticaNeueBd', serif;}
.perc-slide-image-caption span {font-weight: 100;font-family: 'HelveticaNeueLt', serif;}
p.perc-slide-image-caption-2 {font-family: 'HelveticaNeueLt', serif; font-size: .8em;line-height: 1.5;}

span.largeNumber {
    font-family: 'HelveticaNeueBd', serif;
    border-radius: 7px;
    color: #fff;
    padding: 0 .3em;
    font-size: 1.2em;
    display: inline-block;
}

div#banner-image-wrapper img {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
    padding: 0;
}

.no-banner {
    height: auto !important;
}
div#side-nav li.nav-level-3:not(.current)>ul {
    display: none;
}

#content .perc-page-auto-list.news-auto-list li>a {
    font-size: 1em;
    line-height: 1.5;
    color: #58595b !important;
	padding: .5em;
    display: block;
    text-decoration: none;
}
#content .perc-page-auto-list:not(.news-auto-list) .rxbodyfield a {
    color: #4d93ff;
    display: revert;
    font-size: 16px;
}
#content .perc-page-auto-list:not(.news-auto-list) li a {
    font-size: 1.4em;
    color: #58595b;
    display: block;
    text-decoration: none;
}
#content .perc-page-auto-list:not(.news-auto-list) ul {
    line-height: 24px;
    margin-top: 0;
    /* list-style: none; */
    margin: 0;
}

#content ol {
    line-height: 24px;
}
/* FOR USE ON PROJECTS */

#projects .perc-page-auto-list-summary-container a {
    font-size: 0 !important;
    text-decoration: none;
}
#projects .perc-page-auto-list-summary-container a:after {
    color: #191919 !important;
    font-style: italic;
    font-size: 15px !important;
    content: "Learn More";
    background: #ebaa20;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 94% 100%, 0 100%);
    text-align: center;
    padding: 0.5em 3em 0.5em 2em;
    width: fit-content;
    display: flow-root;
    font-family: 'HelveticaNeueBd';
    margin-top: 1em;
}
#projects .perc-page-auto-list-summary-container a:hover:after {
    background: #dc9f1e;
}
#projects.perc-list-horizontal.perc-page-auto-list ul li:hover {
    background: none;
}
#projects.perc-list-horizontal.perc-page-auto-list li .perc-page-auto-list-summary-container {display:block !important;}

#projects.perc-list-horizontal.perc-page-auto-list ul li>a {
    font-size: 1em;
transition:.2s;
}
#projects.perc-page-auto-list li>a {
	font-weight: 700;
    background: #f2f2f2;
    padding: 1em !important;
}
#projects.perc-page-auto-list li>a:hover {
    background: #ddd;
    text-decoration: none;
}

#projects.perc-list-horizontal.perc-page-auto-list ul li {
    width: 100%;
    margin: 2em 1%;
}
#projects img.marginLeft {
    margin-left: 0;
}
@media screen and (min-width: 800px){
	#projects.perc-list-horizontal.perc-page-auto-list ul li img {
    max-width: 370px;
    border-radius: 0 0 2em 0;
    border: 12px solid #fff;
    position: absolute;	
    max-height: 13em;
    left: 0;
    top: -10px;
}
	#projects.perc-list-horizontal.perc-page-auto-list li .perc-page-auto-list-summary-container, #projects.perc-list-horizontal.perc-page-auto-list ul li>a {
    margin-left: 400px;
}
}


/* Sidebar */
div#sidebar-extras .sidebar-box-style a {
    word-break: break-all;
}
div#contact-box-bottom .sidebar-box-style {
    background: #58595b;
    margin-top: 25px;
    text-align: center;
    padding: 25px 0 15px 0;
    border-radius: 10px;
    margin-bottom: 25px;
}
div#contact-box-bottom * { color: #FFF; }
div#contact-box-bottom>div { margin-left: 20px; margin-right: 20px;}
div#contact-box-bottom .sidebar-box-style .fa span {
    display: none;
}

div#contact-box-bottom .sidebar-box-style .fa {
    font-size: 55px;
}
div#contact-box-option .ocSidebarHighlightBox {
     display: block;
     vertical-align: top;
     width: 100%;
}

div#contact-box-option .ocSidebarHighlightBox .sidebar-box-style a {
    color: #FFF;
}
div#contact-box-option .ocSidebarHighlightBox .sidebar-box-style {
    background: #303030;
    color: #FFF;
    margin: 2em;
    text-align: center;
    padding: 20px 10px 5px 10px;
    border-radius: 10px;
}
div#contact-box-option .ocSidebarHighlightBox .sidebar-box-style .fa {
    font-size: 3em;
    margin: 0 0 15px 0;
}
div#contact-box-option .ocSidebarHighlightBox .sidebar-box-style .fa  span {
    display: none;
}
.sidebar-box-style {
    word-wrap: break-word;
}
div#sidebar-extras .sidebar-box-style p {
    margin-top: 13px;
	font-size: 1em;
    line-height: 1.5;
}

div#sidebar-extras .sidebar-box-style .fa span {
    display: none;
    visibility: hidden;
}

div#sidebar-extras .sidebar-box-style .fa {
    font-size: 4rem;
    /* float: left; */
    /* padding: 32px 50px; */
}

div#sidebar-extras .sidebar-box-style a {
    color: #FFF;
}div#sidebar-extras .sidebar-box-style strong {
	font-weight: 700;
}
div#sidebar-extras.sidebar-extras-full-width {
    float: none;
    display: block;
    vertical-align: top;
    position: relative;
    /* width: 100%; */
    /* right: auto; */
    margin: 0 auto;
    /* left: auto; */
}

#search-box-wrapper-area:not(.links-open) { display: none; transition: 0.5s all;padding: 0; opacity: 0; }

#container:not(.t8-template) div#banner-image-wrapper {
	display:none;
}
#container.t8-template div#banner-image-wrapper {
    margin-top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}

/* Program Detail Widget */
.ocProgramDetailSection img.pdIconImage {
    float: left;
    margin-right: 15px;
}

.ocProgramDetailSection h2 {
    font-size: 22px !important;
    font-family: 'HelveticaNeueLt', sans-serif !important;
}
.pdBox1>div {
    background: #7aaed6;
}
.pdBox2>div {
    background: #71a950;
}
.pdBox3>div {
    background: #9279b7;
}

.pdBox1, .pdBox2, .pdBox3 {
    width: 20%;
    text-align: center;
    color: #FFF;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
.pdBox1 img, .pdBox2 img, .pdBox3 img {
    margin-bottom: 5px;
}
.pdBox1>div, .pdBox2>div, .pdBox3>div {
    padding: 15px 33px;
    border-radius: 10px;
    min-height: 140px;
}

.pdBox1 p, .pdBox2 p, .pdBox3 p {
    margin: 0;
    padding: 0;
}
.ocProgramDetailSection a.pdLearnMoreButton {
    float: left;
    display: block;
    background: #e6e7e8;
    color: #58595b !important;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 20px;
}
.ocProgramDetailSection a.pdLearnMoreButton:hover {
    background: #dadada;
}
.ocProgramDetailSection a.pdLearnMoreButton {
    margin-bottom: 70px !important;
    float: left;
}
.ocProgramBox>a>div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
}
.ocProgramBox>a>div h3 {
    text-decoration: none;
    font-size: 24px;
 	font-weight: 700;
    position: absolute;
    bottom: 0;
    padding: 15px 20px;
    margin: 0;
}
.ocProgramBox a {
    text-decoration: none;
}

.ocProgramBox>a>div i {
    float: right;
    font-size: 52px;
    padding: 17px 20px;
}
.ocProgramBox .boxImageOverlay {
    background-color: rgb(0 0 0 / 20%);
}

.ocProgramBox .boxImageOverlay:hover {
    background-color: rgb(0 0 0 / 0%);
}
.ocProgramBox .boxImageOverlay.orange {
    background-color: rgba(249, 157, 31, 0.7);
}
.ocProgramBox .boxImageOverlay.orange:hover {
    background-color: rgba(249, 157, 31, 0.9);
}
.ocProgramBox .boxImageOverlay.green {
    background: rgba(113, 168, 78, 0.7);
}
.ocProgramBox .boxImageOverlay.green:hover {
    background: rgba(113, 168, 78, 0.9);
}
.ocProgramBox .boxImageOverlay.darkblue,
.ocProgramBox .boxImageOverlay.blue {
    background: rgba(122, 174, 214, 0.7);
}
.ocProgramBox .boxImageOverlay.darkblue:hover,
.ocProgramBox .boxImageOverlay.blue:hover {
    background: rgba(122, 174, 214, 0.9);
}
.ocProgramBox .boxImageOverlay.purple {
    background: rgba(146, 121, 183, 0.7);
}
.ocProgramBox .boxImageOverlay.purple:hover {
    background: rgba(146, 121, 183, 0.9);
}
.ocProgramBox .boxImageOverlay.lightblue, 
.ocProgramBox .boxImageOverlay.teal {
    background: rgba(0, 176, 171, 0.7);
}
.ocProgramBox .boxImageOverlay.lightblue:hover, 
.ocProgramBox .boxImageOverlay.teal:hover {
    background: rgba(0, 176, 171, 0.9);
}
.ocProgramBox .boxImageOverlay, .ocProgramBox .boxImageOverlay:hover {
    transition: 0.25s all;
}


.ocProgramBox .rxbodyfield li a:hover {
        text-decoration: underline;
}
.ocProgramBox .rxbodyfield li a {
    font-size: 1em;
    color: #58595b !important;
    padding: 5px 0;
    display: block;
    transition: .2s;
}
.ocProgramBox .rxbodyfield ul {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}
.ocProgramBox .rxbodyfield ul li ul {
      padding: 0 1em;
    line-height: 1.1;
}

  div#sidebar-extras.sidebar-extras-full-width .sidebar-box-style {
    background: #58595b;
    color: #FFF;
    margin: 30px;
    text-align: center;
    padding: 30px 25px 30px 25px;
    border-radius: 10px;
}

div#programs-dropdown h2 {
    font-size: 1em;
    font-weight: 700;
}

div#programs-dropdown form option {
    background: #e7e8e9 !important;
    color: #58595b;
    font-size: 12px;
    /* min-height: 2px; */
}
div#programs-dropdown form, div#programs-dropdown form * {
    background: #f6a916;
    border-radius: 10px;
}

div#programs-dropdown form select {
    padding: 10px;
    border-radius: 10px;
    border: none;
    width: 100% !important;
}
div#side-nav li.nav-level-3:hover, div#side-nav li.nav-level-3:hover a {
    background: #a7a9ac;
    color: #FFF;
    display: block;
}
div#program-box-full-width-single .rxbodyfield ul {
    column-count: 3;
}
img.boxImageIcon {
    float: right;
    padding: 15px;
}

.aspect-ratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.aspect-ratio {
position: relative;
padding-bottom: 56.25%;
    margin-bottom: 2em;
	clear:both;
}

/* NEWS LANDING PAGE */
.perc-list-horizontal.perc-page-auto-list ul {
    margin: 0;
    padding: 0;
    float: left;
    display: table;
}
.perc-list-horizontal.perc-page-auto-list ul li {
    width: 33%;
}
.perc-list-horizontal.perc-page-auto-list ul * {
    vertical-align: top;
}
.perc-list-horizontal.perc-page-auto-list ul li img {
    display: block !important;
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    /*min-height: 235px;*/
}
.perc-list-horizontal.perc-page-auto-list ul li .rxbodyfield h1 {
    display: block !important;
    font-size: 21px !important;
    color: #58595b;
    line-height: 1.2 !important;
    font-family: 'HelveticaNeueLt',sans-serif !important;
    text-align: left !important;
}
.perc-list-horizontal.perc-page-auto-list li .perc-page-auto-list-summary-container {
    display: none !important;
}
.perc-list-horizontal.perc-page-auto-list ul li>div,.perc-list-horizontal.perc-page-auto-list ul li>a {

    display: block;
}
.perc-list-horizontal.perc-page-auto-list ul li>a {
    font-size: 1.1em;
    color: #58595b;
    text-decoration: none;
    font-weight: 100;
    max-height: 100px;
    overflow: hidden;
}
/* END NEWS LANDING PAGE */

div#news-items-auto-list>div>div {
    float: left;
    display: block;
    width: 100%;
}
div#news-items-auto-list {
    margin-top: 0;
}


.events-listing li.perc-list-element:last-child {
    border-bottom: 0px !important;
}
.events-listing li.perc-list-element {
    list-style: none;
    float: left;
    margin-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #a7a9ac;
}
.events-listing li .perc-page-auto-list-summary-container h1 {
    display: none;
}
.events-listing .perc-list-main {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
}
.events-listing li>a {
    font-size: 22px;
    color: #58595b;
    text-decoration: none;
}
.events-listing li>span.perc-page-auto-list-date {
    font-size: 17px;
    display: block;
    margin-bottom: 0px;
    font-weight: 700;
}
.events-listing li .perc-page-auto-list-summary-container h1 {
    display: none;
}

.events-listing li .perc-page-auto-list-summary-container {
    float: left;
    width: 100%;
    display: inline-block;
}
.events-listing.perc-list-vertical.perc-page-auto-list {
    float: left;
    width: 100%;
    display: block;
}

.sponsors p {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
    align-content: center;
    flex-wrap: wrap;
}
.sponsors img {
    margin: 1em;
}

div#top-breadcrumbs-wrapper>div {
    padding: 1em;
    font-size: 14px;
    color: #808285;
    text-decoration: none;
}
div#top-breadcrumbs-wrapper li {
    border-right: 1px solid #808285;
    padding-right: 10px;
    padding-left: 5px;
}
div#top-breadcrumbs-wrapper a {
    font-size: 14px;
    color: #808285;
    text-decoration: none;
}
/*END ARTICLE */

div#full-width-row-2-col-2 .ocSidebarHighlightBox * {
    color: #FFF;
    text-align: center;
}
div#full-width-row-2-col-2 .ocSidebarHighlightBox .sidebar-box-style {
    background: #f6a916;
    color: #FFF;
    margin-left: 30px;
    margin-bottom: 30px;
    text-align: center;
    padding: 30px 25px 30px 25px;
    border-radius: 10px;
}

div#full-width-row-2-col-2 .ocSidebarHighlightBox .sidebar-box-style::-webkit-scrollbar {
    width: 5px;
}
div#full-width-row-2-col-2 .ocSidebarHighlightBox .sidebar-box-style::-webkit-scrollbar-track {
    border-radius: 5px;
}
div#full-width-row-2-col-2 .ocSidebarHighlightBox .sidebar-box-style::-webkit-scrollbar-thumb {
    background: #8a8a8a;
    border-radius: 5px;
}
div#full-width-row-2-col-2 .ocSidebarHighlightBox p {
    margin-top: 13px;
    font-size: 16px;
    line-height: 1.3;
}

div#full-width-row-2-col-2 .ocSidebarHighlightBox .fa span {
    display: none;
    visibility: hidden;
}

div#full-width-row-2-col-2 .ocSidebarHighlightBox .fa {
    font-size: 60px;
}
div#full-width-row-2 #full-width-row-2-col-1 {
    width: 75%;
}

div#full-width-row-2 #full-width-row-2-col-2 {
    width: 25%;
}

div#full-width-row-2 #full-width-row-2-col-1>div {
    padding-right: 30px;
}

.gray-bg {
    background: #e7e8e9;
}

.greybg {
    background: #e7e8e9;
	padding: 1em 2em;	
    border-radius: 1em 0;
    margin: 2em 0;
}

div#full-width-row-3-icons>div>div {
    width: 19.5%;
    display: inline-block;
    vertical-align: top;
}

div#full-width-row-3-icons .ocSidebarHighlightBox * {
    color: #FFF;
    text-align: center;
}
div#full-width-row-3-icons .perc-widget:nth-child(1) .ocSidebarHighlightBox .sidebar-box-style {
    background: #7aaed6;
}
div#full-width-row-3-icons .perc-widget:nth-child(2) .ocSidebarHighlightBox .sidebar-box-style {
    background: #71a950;
}
div#full-width-row-3-icons .perc-widget:nth-child(3) .ocSidebarHighlightBox .sidebar-box-style {
    background: #9279b7;
}
div#full-width-row-3-icons .perc-widget:nth-child(4) .ocSidebarHighlightBox .sidebar-box-style {
    background: #f99d1f;
}
div#full-width-row-3-icons .perc-widget:nth-child(5) .ocSidebarHighlightBox .sidebar-box-style {
    background: #0db1ab;
}
div#full-width-row-3-icons>div>div>div {
    padding-right: 15px;
}
div#full-width-row-3-icons .perc-widget .ocSidebarHighlightBox .sidebar-box-style {
    color: #FFF;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
}
div#full-width-row-3-icons .ocSidebarHighlightBox p {
    margin-top: 0 !important;
    font-size: 16px;
    line-height: 1.6;
}
div#full-width-row-4>div {
    padding: 50px 0;
}
div#full-width-row-5 .rxbodyfield, div#full-width-row-6 .rxbodyfield, div#full-width-row-7 .rxbodyfield {
    padding: 50px 0;
}
div#full-width-row-3-icons .ocSidebarHighlightBox .fa span {
    display: none;
    visibility: hidden;
}

div#full-width-row-3-icons .ocSidebarHighlightBox .fa {
    font-size: 50px;
    margin-bottom: 20px;
}

#testimonials {
  position: relative;
  margin: 3em 0 0 0;
  display: inline-block;
    width: 100%;
  color: #fff;
    background: #58595b;
}
#testimonials ul {
    padding: 0;
}
#testimonials .mySlides ul li {
    display: block;
    text-align: center;
    font-size: clamp(.9rem, 2.5vw, 1.25rem);
    width: 85%;
    margin: 2em auto;
    line-height: 1.5;
}

#testimonials .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    text-decoration: none;
    color: #fff !important;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
#testimonials .next {
  right: 0;
}
#testimonials .prev {
    left: 0;
}
#testimonials .prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}
#testimonials ul li ul li {
    font-family: 'HelveticaNeueBd', Helvetica, Arial, sans-serif;
    margin-top: 10px;
	font-weight: bold;
}

.accTitle {
		font-size: .9em !important;
        padding: 20px 60px 20px 50px !important;
        position: relative;
	    transition: .2s;
  	  cursor: pointer;
}
.accTitle:hover {
    color: #000000;
    background: #e7e8e9;
}
.ocAccordionSection.links-open {
    font-size: 17px;
    line-height: 1.4;
}
.accContent {
    display: none;
    visibility: hidden;
    padding: 10px 2em 5px;
}

.ocAccordionSection.links-open .accContent {
    display: block;
    visibility: visible;
}
.ocAccordionSection.links-open .accContent strong, .ocAccordionSection.links-open .accContent b, .accTitle strong {
    font-weight: 700;
}
.accTitle:before {
    content: "\f055 ";
    font-size: 17px;
    width: 30px;	
    float: left;
    margin-right: 1em;
    font-family: fontawesome;
}
.accTitle.expanded:before{
    content: "\f056 ";
}
.tablink {   
    background-color: #555;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 2%;
    font-size: 17px;
    height: 4em;
    width: 20%;
}
.tablink:hover, .tablink:focus {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: #58595b;
  background:#f2f2f2;
padding: 10px 20px 20px;
clear: both;
border-top: 5px solid #73a950;
}
#tabcontentarea header {
    font-weight: 700;
    background: #fff;
    padding: 1em;
    margin: 1em 0;
}
#tab-section { margin-top: 3em;}
div#accordions-wrapper>div {
    width: 90%;
    margin: 0 auto;	
    clear: both;
}

div#full-width-highlighted-item>div {
    width: 90%;
    margin: 0 auto;
    background: #f6a916;
    border-radius: 10px;
    color: #FFF;
}

div#full-width-highlighted-item>div * {
    color: #FFF;
}

div#full-width-highlighted-item>div>div {
    /* padding: 30px; */
}

div#accordions-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
}

div#full-width-highlighted-item .fa {
    display: block;
    font-size: 60px;
    padding: 26px 30px;
    float: left;
}

div#full-width-highlighted-item .rxbodyfield {
    width: 80%;
    display: inline-block;
    padding: 20px 20px;
}

div#full-width-highlighted-item .fa>span {
    display: none;
}

div#full-width-highlighted-item .fa:before {
    float: left;
}

div#full-width-highlighted-item .rxbodyfield strong {
    font-size: 20px;
}
.ocAccordionSection.links-open {
    background: #e7e8e9;
    /* color: #FFF; */
}

div#icons-wrapper>div>div {
    display: inline-block;
    text-align: center;
    width: 11%;
    vertical-align: top;
    position: relative;
    height: 145px;
}

div#icons-wrapper>div {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 65px 0 50px 0;
}
#icons-wrapper .iconboxTitle a {
    font-size: 19px;
    /* padding: 0 10px; */
    box-sizing: border-box;
    color: #414042;
    text-decoration: none;
}
#icons-wrapper .iconBoxSeparator {
    float: right;
    display: inline-block;
    width: 10%;
    text-align: center;
    position: absolute;
    top: 13%;
    right: 0;
}
#icons-wrapper .iconBoxSeparator span { display: none; }
#icons-wrapper .iconBoxSeparator:after {content: "\f054";font-family: fontawesome;color: #bcbec0;font-size: 23px;}
#icons-wrapper .iconBoxInfo {
    float: left;
    width: 90%;
    display: inline-block;
    overflow: hidden;
}

div#icons-wrapper>div>div:last-child .iconBoxSeparator:after {
    display: none !important;
}

.anythingSlider-default.activeSlider .anythingWindow {
    border-color: transparent !important;
    border-width: 0 !important;
}

#side-nav li.nav-level-3.current li a {
    padding-left: 15px;
    /* color: #58595b; */
}
div#banner-image-wrapper h1, .slideMessage .rxbodyfield h1, div#banner-image-wrapper h2, .slideMessage .rxbodyfield h2 {
    color: #FFF;
    font-size: 4em !important;
}

div#banner-image-wrapper .rxbodyfield p, .slideMessage .rxbodyfield p {
    font-size: 2em;
    color: #FFF;
    margin: 0;
}
div#banner-image-wrapper .rxbodyfield a:hover {
    background: #FFF !important;
    transition: 0.25s all;
}
div#banner-image-wrapper .rxbodyfield a, .slideMessage .rxbodyfield a {
    margin-top: 30px;
	text-shadow: none !important;
}
div#banner-image-wrapper .rxbodyfield {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}
.apply-button-link p a {display:block}
.slideMessage .rxbodyfield {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    z-index: 999999999;
}

div#two-column-wrapper>div>div {
    width: 50%;
    display: inline-block;
}
#two-column-wrapper img {
    max-width: 100%;
    height: auto;
}

div#left-content-wrapper-upper img {
    max-width: 100%;
    height: auto;
}

div#left-content-wrapper-upper p:nth-child(1) {
    margin-top: 0;
}
div#two-column-left>div, #a-two-column-left>div {
    padding-right: 10px;
}

div#two-column-right>div, #a-two-column-right>div {
    padding-left: 10px;
}

div#two-column-wrapper img {
    height: auto;
}

#content img.marginRight {
    margin-right: 20px;
    margin-bottom: 10px;
}
#content img.marginLeft {
    margin-left: 20px;
    margin-bottom: 20px;
}
div#extra-two-col-wrapper>div>div, #a-two-column>div>div {
    width: 50% !important;
    display: inline-block;	
    vertical-align: text-top;
}
div#extra-two-col-wrapper div#extra-two-col-right>div {
    padding-left: 10px;
}
div#extra-two-col-wrapper div#extra-two-col-left>div {
    padding-right: 10px;
}
div#page-level-programs-area>div>div {
    float: left;
    width: 100%;
}

.slideMessage {
    position: relative;
}
div#full-width-row-2-col-2 a strong {
    color: #f6a916 !important;
}
div#slider-wrapper .arrow.forward a:before {
    content: "\f054";
}
div#slider-wrapper .arrow a:before {
    color: #fff;
    content: "\f053";
    font-family: fontawesome;
    font-size: 60px;
    line-height: 135px;
    height: 135px;
    margin-top: -20px !important;
    display: block;
}

div#slider-wrapper .arrow a {
    color: #FFF;
    text-decoration: none;
    padding: 0 20px !important;
}
div#extra-widgets-area>div {
    width: 90%;
    margin: 0 auto 40px auto;
}
#ocProgramDetailSection img.pdIconImage {
    max-height: 23px;
    width: auto;
}

#content table, #accordions-wrapper table {
    table-layout: fixed !important;
    border: 0;	
    height: auto !important;
    display: table;
}
#content table *, #accordions-wrapper table * {
    vertical-align: top;
}
#content table td, #accordions-wrapper table td {
    width: 1%;
    /* padding-bottom: 0 !important; */
    padding: 20px 20px 0 0;
}

.ocFullSlider>div {
    border: 3px solid #ccc;
    padding: 20px;
    margin: 20px 0;
    background: rgb(244,244,244);
    background: -moz-linear-gradient(172deg, rgba(244,244,244,1) 77%, rgba(235,235,235,1) 77%);
    background: -webkit-linear-gradient(172deg, rgba(244,244,244,1) 77%, rgba(235,235,235,1) 77%);
    background: linear-gradient(172deg, rgba(244,244,244,1) 77%, rgba(235,235,235,1) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f4f4",endColorstr="#ebebeb",GradientType=1);
}
.ocFullSlider h2 {
    margin-top: 0 !important;
    margin-bottom: 20px;
}
.ocFullSlider strong {
    font-weight: 700;
}
.ocFullSlider .rxbodyfield p:nth-child(1) {
    margin: 0;
}
.ocFullSlider .anythingControls {
    position: absolute;
    top: 25px;
    right: 20px;
}
.anythingSlider-default .anythingWindow {
    border-top: 0px solid #777 !important;
    border-bottom: 0px solid #777 !important;
}
.ocFullSlider .anythingSlider-default .anythingControls a.cur,
.ocFullSlider .anythingSlider-default .anythingControls a.cur span, 
.ocFullSlider .anythingSlider-default .anythingControls a:hover,
.ocFullSlider .anythingSlider-default .anythingControls a:hover span {
    background: #58595b !important;
    color: #58595b !important;
}
.ocFullSlider .anythingSlider-default.activeSlider .anythingControls a {
    background-color: #FFFFFF;
    color: #FFFFFF !important;
    border: 2px solid #58595b;
    border-radius: 100px;
}
.ocFullSlider .anythingSlider-default .anythingControls ul a {
    font: 11px/18px Georgia, Serif;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    height: 19px;
    width: 19px;
    margin: 0 10px 0 0;
    text-align: center;
    outline: 0;
    border: solid 2px #58595b !important;
}





a img {
    border: 0 !important;
    text-decoration: none !important;
}

#inlineMenu td {padding: 10px !important; text-align:center; background: #f2f2f2}
#inlineMenu td a{text-decoration:none; color:#58595b;}

/*-RISK MANAGEMENT BANNER-----------*/
#emergency-banner p {
    margin: 7px 0;
}
#emergency-banner {
    font-size: 12px;
    padding: 4px 0 1px 4%;
    background: #ccc;
    color: #58595b;
}
div#emergency-banner a {
    color: #58595b;
	font-weight: 700;
}


@media screen and (min-width: 1500px) {
    div#header-right {
        width: 76% !important;
    }
}

@media screen and (min-width: 1025px) {
	div#full-width-row-2-col-2 .ocSidebarHighlightBox .sidebar-box-style {
	max-height: 500px;
    overflow: auto;
    min-width: 200px;
}

    #side-nav li.nav-level-3 li:hover, #side-nav li.nav-level-3 li:hover a {
  		background: #a7a9ac;
   		 color: #ffffff;
	}
    table.four-col td {
    	width: 25% !important;
	}
    .ocFullSlider .rxbodyfield {
    	padding: 20px !important;
    	width: auto !important;
    	height: auto !important;
    }
	div#home-news-wrapper {
    	background: #e7e8e9;
    	width: 100%;
	}
	.ocFullSlider img, .ocFullSlider img.marginRight {
    	float: left;
    	box-sizing: border-box;
    	margin: -20px 30px 0px -20px !important;
	}
    table.table-two-col tr td:nth-child(1) {
        padding-right: 10px !important;
        padding: 20px 10px 0 0 !important;
    }
    table.table-two-col tr td:nth-child(2) {
        padding-right: 10px !important;
        padding: 20px 0 0 10px !important;
    }
    div#content #contact-box-bottom>div {
        margin: 0;
        width: 20%;
    }
    div#content #contact-box-bottom .sidebar-box-style {
        margin: 0 0 40px 0;
    }
    #container.t7b-template div#content>div>div>div {
        width: 90%;
        margin: 0 auto;
        padding-right: 0 !important;
    }
    div#header-logo:not(.search-showing) {
      padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -3px;
    }

    div#header-right:not(.search-showing) {
        padding-top: 25px;
    }
    div#search-box-wrapper-area {
        float: right;
        margin-right: 85px;
        width: 30%;
    }
    #container.t7b-template div#full-width-row-1 {
        padding: 50px 0;
    }
    div#search-box-wrapper-area:after {
        /* content: "\f0d7"; */
        font-family: fontawesome;
        color: #e7e8e9;
        /* position: absolute; */
        font-size: 100px;
        float: right;
        margin-top: -40px;
        margin-right: 135px;
        height: 0;
        width: 0;
    }
        #container.no-sidebar-template div#banner-image-wrapper {
        height: 500px;
    }
    #container.home #slider-wrapper { height: 500px; }
	
    div#sidebar-extras:not(.sidebar-extras-full-width) {
        float: right;
        display: inline-block;
        vertical-align: top;
        /* position: absolute; */
        /* right: 4%; */
        width: 25%;
    }
	div#sidebar-extras img, div#leftsidebar img {
    max-width: 100%;
    height: auto;
}
    div#left-content-wrapper-upper {
        float: left;
        /* padding-right: 40px; */
        display: inline-block;
        width: 72%;
    }
    #container.t7b-template div#left-content-wrapper-upper {
        float: left;
        display: block;
        width: 70%;
    }
    div#header-logo img {
		max-width: 450px;
		height: auto;
		position: absolute;
    }
    div#banner-image-wrapper {
        height: 400px;
    }
    #container.home #banner-image-wrapper {
        height: 560px;
    }
    #container.home #slider-wrapper, #container.home .ocSliderSingleSlide>div, .slideMessage, .anythingSlider .panel {
		height: 500px !important;
		background-repeat: no-repeat;background-size: cover;background-position: top center; z-index: 0;
	}
    div#sidebar-extras:not(.sidebar-extras-full-width) .sidebar-box-style {
    	color: #FFF;
    	margin-bottom: 30px;
       	text-align: center;
    	padding: 30px 25px 30px 25px;
    	border-radius: 10px;
	}
    #related-links-wrapper { display: none; }
    ul.desktop-only-header { display: inline-block; }
    ul.mobile-only-header { display: none; }
	
    div#header-nav-wrapper { 
		background: #00358E;
		z-index: 999999;
	}
	div#header-nav-wrapper li.nav-level-2 {
    	color: #FFF;
    	list-style: none;
    	display: none;
	}
	div#header-nav-wrapper li.nav-level-2>a {
    	color: #FFF;
    	text-decoration: none;
    	padding: 13px 24px;
    	display: block;
    	font-size: 20px;
    /* border-left: 1px solid #FFFFFF; */
	}

	div#header-nav-wrapper li.nav-level-2:nth-child(1),div#header-nav-wrapper li.nav-level-2:nth-child(2),div#header-nav-wrapper li.nav-level-2:nth-child(3),div#header-nav-wrapper li.nav-level-2:nth-child(4),div#header-nav-wrapper li.nav-level-2:nth-child(5), div#header-nav-wrapper li.nav-level-2:nth-child(6) {
    	display: inline-block;
    	/* padding: 20px 0; */
	}
	div#header-nav-wrapper .perc-navbar>ul {
    	margin: 0;
    	padding: 0 0 0 45px;
	}

	div#header-nav-wrapper li.nav-level-2:nth-child(1)>a {
    	border-left: 0px;
	}
	div#header-nav-wrapper li.nav-level-2:hover>a {
    	background: #459AD8;
	}
	div#header-nav-wrapper li.nav-level-2:hover>ul { display: block; }
	div#header-nav-wrapper li.nav-level-2>ul {
		background: lightgray;
		padding: 20px 0;
		margin: 0;
		display: none;
		z-index: 999999999999;
		position: absolute;
    	border-top: 10px solid #ebaa20;
	}
	div#header-nav-wrapper li.nav-level-2>ul li:hover {
		background: #e3e4e3;
	}
	div#header-nav-wrapper li.nav-level-2>ul li {
		list-style: none;
		color: #58595b;
	}

	div#header-nav-wrapper li.nav-level-2>ul li a {
		color: #58595b;
		text-decoration: none;
		font-size: 20px;
		padding: 7px 30px;
		display: inline-block;
	}
}

@media screen and (max-width: 1024px) {
	div#sidebar-extras .perc-slide-image-container{
    	height: 500px !important;
	}
    #icons-wrapper .iconBoxSeparator {
        display: none !important;
    }
    .ocFullSlider .rxbodyfield {
		padding: 53px 20px 20px 20px !important;
	}
	
	div#footer-top {
		padding: 3em 0;
	}
    #container.home #slider-wrapper .anythingControls ul a {
        height: 12px !important;
        width: 12px !important;
    }
    div#icons-wrapper>div {
        padding: 100px 0 50px 0 !important;
    }
    .ocFullSlider img {max-width: 100% !important;height: auto !important;margin-bottom: 20px !important;/*max-height: 500px !important;*/}
    .ocFullSlider p { font-size: 14px; margin: 10px 0; }
    .ocFullSlider h2 { font-size: 28px !important; }

    #content div#contact-box-bottom .sidebar-box-style { margin: 0 !important; }
	
	div#contact-box-bottom>div { 
		padding: 0 !important; 
		margin: 0 !important; 
	}
	.ocProgramDetailSection a.pdLearnMoreButton {
    	margin-top: 5px !important;
	}
	.pdBox1>div, .pdBox2>div, .pdBox3>div {
    	padding: 15px 33px;
    	border-radius: 10px;
    /* min-height: 0 !important; */
}
    div#search-box-wrapper-area {
    /* position: absolute; */
 	   margin-top: 86px;
    	margin-left: 20px;
    	margin-right: 30px;
  	  margin-bottom: 10px;
}
    div#top-breadcrumbs-wrapper {
        display: none;
    }
/*
    #left-content-wrapper-upper img {
        width: 100%;
        height: auto;
    }
*/
    div#full-width-row-3-icons>div>div>div {
        padding-right: 0 !important;
    }
    div#full-width-row-3-icons .perc-widget .ocSidebarHighlightBox .sidebar-box-style {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
        width: 100%;
        padding: 20px 0 !important;
    }
    div#full-width-row-2 #full-width-row-2-col-1,
    div#full-width-row-2 #full-width-row-2-col-2 {
        width: 100% !important;
    }
    div#full-width-row-2-col-2 .ocSidebarHighlightBox .sidebar-box-style {
        margin: 20px 0 0 0 !important;
    }
    div#search-box-wrapper-area .perc-widget input {
    margin: 0 auto;
}
    #container.t7b-template div#page-title {
    padding: 20px;
}
    #container.t7b-template div#content:not(.perc-region-puff)>div>div>div>div>div>div {
        padding: 0 20px;
        margin: 0 auto;
    }
    div#quick-links-top .mobile-only-header img {
   		max-height: 28px !important;
}

	div#quick-links-top .mobile-only-header li {
   		padding: 0 !important;
	}
    div#icons-wrapper>div>div {
        display: inline-block;
        text-align: center;
        width: 20% !important;
        vertical-align: top;
        position: relative;
        height: 145px;
        margin-bottom: 30px;
    }
    div#content img {
        max-width: 100%;
        height: auto;
    }
    .ocFullSlider img, .ocFullSlider img.marginRight {
        float: none !important;
        text-align: center;
        margin: 0 auto !important;
        width: 100% !important;
        height: auto !important;
    }
    div#quick-links-wrapper { display: none; }
    div#sidebar-extras .sidebar-box-style {
       	color: #FFF;
    	clear: left;
    	text-align: center;
    	padding: 30px 25px;
    	border-radius: 1em;
    	margin: 3em auto;
	}
	#container.home #banner-image-wrapper h1,#container.home #slider-wrapper h1 {
		font-size: 3em;margin: 0;
	}
	#container.home #banner-image-wrapper p, #container.home #slider-wrapper p { 
		font-size: 2em; 
	}
	#container.home #banner-image-wrapper .rxbodyfield {
   		bottom: 20px;
	}
    div#banner-image-wrapper {
		height: 260px;
		margin-top: 50px !important;
	}
    #related-links>span {
        padding: 2px 10px;
        font-size: 18px;
        vertical-align: top;
        font-weight: 700;
        display: inline-block;
    }
    #related-links {
        background: #e7e8e9;
        position: relative;
        display: block;
        padding: 10px 15px;
        font-weight: bold;
        margin-bottom: 20px;
        cursor: pointer;
        font-size: 20px;
    }
    div#side-nav:not(.links-open) {
		display: none;
		transition: 0.5s all;
	}
    div#middle {
		margin-top: 0; 
		padding-top: 0;
	}
    #container:not(.t7b-template) div#content>div {
        padding: 0 20px;
    }
    #container.t7-template div#content>div {
        padding: 20px 0 !important;
    }
    div#side-nav li.nav-level-3 {
        padding: 5px 0 5px 20px;
    }
    .perc-breadcrumb {
        padding-left: 20px;
    }
    #content, #leftsidebar {
        width: 100% !important;
        float: left;
    }
    div#quick-links-top .mobile-only-header {
        position: relative;
        z-index: 999999999999999;
        right: 0;
        display: block;
        top: 140px;
        /* padding-right: 20px; */
    }
    #header-right.search-showing div#quick-links-top .mobile-only-header {
        position: relative;
        z-index: 999999999999999;
        right: 0;
        display: block;
        top: 10px;
        /* padding-right: 20px; */
    }
    div#quick-links-top {
        padding-right: 0px;
        position: absolute;
        z-index: 99999999999;
        width: 28px;
        right: 15px;
    }
    div#quick-links-top a img {
        display: none;
    }
    div#quick-links-top .mobile-only-header a:before {
        content: "\f002";
        color: #FFF;
        font-size: 30px;
        font-family: fontawesome;
    }
    #footer-bottom>div {margin: 20px 0 !important;}
    ul.mobile-only-header { display: inline-block; }
    ul.desktop-only-header { display: none; }
    div#footer>div>div, div#footer>div>div>div>div {
        width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
	div#footer-location p {
    text-align:center;
}
    div#footer-top-right img {
        text-align: center !important;
        float: none !important;
        margin: 0 auto !important;
        margin-bottom: 20px !important;
    }
    div#footer-top-left ul {
        width: 100% !important;
        display: block !important;
        margin: 0 auto !important;
    }
    div#header-logo.search-showing {
        width: 100% !important;
        text-align: center !important;
        margin-top: -211px;
    }
    #header-logo:not(.search-showing) {
        padding-top: 0;
        width: 100% !important;
        text-align: center !important;
    }
	div#header-logo img, div#footer-top-right img {
    max-width: 90%;		
    height: auto;
    }
    div#header-right {
        width: 20%;
        display: block;
        float: right;
        position: absolute;
        text-align: right !important;
        padding-top: 0px !important;
        z-index: 99999999999999;
        /* top: 0; */
        right: 0;
    }
    div#header-logo>div {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
  
    div#quick-links-bottom {
        display: none;
        visibility: hidden;
    }
	#page-title h1 {
		width:100%;
	}
	div#program-details p {
    	float: left;
    	margin: 1em;
    	text-align: left;
	}
	div#temp-region-5 h3 {
    	font-family: 'HelveticaNeueBd', serif;
	}	
}

@media screen and (max-width: 1260px) and (min-width: 1025px) {
    div#icons-wrapper>div { width: 100% !important; }
    div#icons-wrapper>div>div {
        width: 11% !important;
    }
    #icons-wrapper .ocIconImageBox img {
        max-height: 55px;
        width: auto;
    }
    div#quick-links-bottom ul {
	    background: #459ad8;
    display: inline-block;
    padding: 0 10% 0.8em;
    -webkit-clip-path: polygon(3% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    margin: 0;
	}
    div#quick-links-bottom li, #quick-links-top li {
		list-style: none;
		display: inline-block;
		padding: 14px 0 3px 0;
	}
    div#header-nav-wrapper li.nav-level-2>a {
        padding: 12px 22px;
        font-size: 17px;
    }
    div#header-nav-wrapper li.nav-level-2>ul li a {
        font-size: 16px;
        padding: 7px 30px;
    }
    div#quick-links-bottom a {
		color: #fff;
		font-weight: 700;
		font-size: .9em;
		text-decoration: none;
		transition: .2s;
		padding: 2em 1em;
    }
    
    div#header-right {
        padding-top: 20px !important;
    }
    div#header-logo {
        width: 30%;
    }
    div#header-logo img {
    max-width: 295px;
    height: auto;
    position: relative;
    }
}

@media screen and (min-width: 801px) {
    .perc-image-auto-list.mason {/* Prevent vertical gaps */
        line-height: 30px;
        -webkit-column-count: 4;
        -webkit-column-gap: 10px;
        -moz-column-count: 4;
        -moz-column-gap: 10px;
        column-count: 4;
        column-gap: 10px;
    }
    .six-col.perc-list-vertical.perc-image-auto-list:not(.mason) li {
        width: 15%;
    	margin: 6px;
        display: inline-block;
    }
    .five-col.perc-list-vertical.perc-image-auto-list:not(.mason) li {
        width: 18.5%;
		margin: 5px;
        display: inline-block;
    }
    .perc-image-auto-list:not(.mason) li {
        width: 24%;
        display: inline-block;
        vertical-align: top;
    }
    .four-col.perc-list-vertical.perc-image-auto-list:not(.mason) li {
        width: 24%;
        display: inline-block;
    }
    .three-col.perc-list-vertical.perc-image-auto-list:not(.mason) li {
        width: 33.33%;
        display: inline-block;
    }
    .two-col.perc-list-vertical.perc-image-auto-list:not(.mason) li {
        width: 50%;
        display: inline-block;
    }
}

@media screen and (max-width: 800px) {
	button#printpage{
		display: none
	}
div#footer-bottom #ter_ack {
    padding: 1em 10%;
}
	

    .ocFullSlider img {		width: 100% !important;height: auto !important;padding-bottom: 10px !important;/*max-height: 500px !important;*/margin: 0 !important;}
    .ocFullSlider p {font-size: 14px;margin: 10px 0;line-height: 21px !important;}
    .ocFullSlider h2 {font-size: 25px !important;}
	
    .perc-image-auto-list.mason {/* Prevent vertical gaps */
        line-height: 30px;
        -webkit-column-count: 3;
        -webkit-column-gap: 10px;
        -moz-column-count: 3;
        -moz-column-gap: 10px;
        column-count: 3;
        column-gap: 10px;
    }
    .perc-image-auto-list.mason {/* Prevent vertical gaps */
        line-height: 30px;
        -webkit-column-count: 3;
        -webkit-column-gap: 10px;
        -moz-column-count: 3;
        -moz-column-gap: 10px;
        column-count: 3;
        column-gap: 10px;
    }
    div#full-width-highlighted-item .fa {
        text-align: center !important;
        padding: 30px 20px 0 20px !important;
        margin: 0 auto !important;
        display: block !important;
        height: 60px;
    }
    div#full-width-highlighted-item .fa:before {
        float: none !important;
    }
    div#full-width-highlighted-item .rxbodyfield {
		width: 90% !important;
		display: block !important;
		padding: 10px 20px !important;
	}
    .perc-list-horizontal.perc-page-auto-list ul li {
        width: 48% !important;
    }
    div#full-width-row-3-icons>div>div {
        width: 100% !important;
        display: block !important;
    }
    div#full-width-row-2-col-2 .ocSidebarHighlightBox .sidebar-box-style {
        margin: 10px 0 !important;
    }
	iframe.programVideo {
		width: 100%; margin-bottom: 10px
	}   
	    .pdBox1, .pdBox2, .pdBox3 {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    .pdBox1>div, .pdBox2>div, .pdBox3>div {
        min-height: 0 !important;
    }
	
	#content table td {    
		width:45% !important; 
		min-width: 8rem !important;
		display:inline-table;
	}
}

@media screen and (max-width: 601px) {
	div#program-details p {
    	float: left;
    	display: block;
    	text-align: center;
    	font-size: 13px;
    	line-height: 13px;
		width:100%;
	}
	div#icons-wrapper {
        position: relative;
    }
	.tablink {
		width:100% !important;
		border-radius: 0 !important;
	}
    div#two-column-wrapper>div>div { 
		width: 100% !important;
	}
    div#two-column-right>div, div#two-column-left>div, #a-two-column-left>div, #a-two-column-right>div { 
		padding: 0 !important; 
	}
    .anythingSlider-default .arrow { 
		top: 15% !important; 
	}
    .events-listing li img {
		float: left;
		width: 200px;
		height: auto;
		margin-right: 20px;
	}
    div#icons-wrapper>div>div {
        display: inline-block;
        text-align: center;
        width: 45% !important;
        vertical-align: top;
        position: relative;
        height: 145px;
        margin-bottom: 30px !important;
    }
	.events-listing li>span.perc-page-auto-list-date {
		font-size: 17px;
		display: block;
		margin-bottom: 10px !important;
		font-weight: 800;
	}
    .events-listing li>a, .events-listing li>span {
        text-align: left;
        width: 100%; float: left !important;
        margin-left: 0 !important;
        height: 30px;
        overflow: hidden;
    }
    .perc-list-horizontal.perc-page-auto-list ul li {
        width: 100% !important;
    }

    #program-listing-boxes-wrapper .perc-widget {
        width: 100%;
        display: block;
    }
    div#program-box-full-width-single .rxbodyfield ul {
        column-count: 1 !important;
    }
    .ocProgramBox .boxImageOverlay,.ocProgramBox>a>div {
        height: 220px;
        position: relative;
		margin: 1em 0;
    }
    #container.t3-template div#left-content-wrapper-upper {
        margin-bottom: 30px;
    }
	span.white-button a, span.gray-button a {
		display:block !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .pdBox1, .pdBox2, .pdBox3 {
        width: 30% !important;
        margin-bottom: 15px !important;
    }
	div#full-width-row-3-icons .perc-widget .ocSidebarHighlightBox .sidebar-box-style {
        /* min-height: 180px; */
    }
    .ocFullSlider h2 {
        margin-top: 50px !important;
    }
}

@media screen and (min-width: 601px) {
    .events-listing li img {
		width: 500px;
		height: auto;
		margin-right: 20px;
		margin-bottom: 15px !important;
		margin-top: 10px;
	}
	#content .perc-page-auto-list.news-auto-list .perc-page-auto-list-summary-container {
		display: block !important;
		margin-top: 10px;
	}	
	div#slider-wrapper .arrow a {
		color: #FFF;
		text-decoration: none;
		padding: 0 20px !important;
		height: 135px !important;
		width: 135px !important;
		line-height: 135px !important;
	}
    .events-listing li>a, .events-listing li>span {
        text-align: left;
        width: 100%;
        margin-left: 0px !important;
        height: 30px;
        overflow: hidden;
    }
    #program-listing-boxes-wrapper .perc-widget {
        width: 32.5%;
        display: inline-block;
        vertical-align: top;
    }
    .ocProgramBox {
        padding: 1rem 1rem 0 0;
    }
    .ocProgramBox .boxImageOverlay,
    .ocProgramBox>a>div {
        height: 200px;
        position: relative;
    }
}

@media screen and (max-width: 500px) {
	.t7-template #page-title h1 {
    font-size: 1.3em;
    width: 95% !important;
    clip-path: none !important;
    margin: 0 0 1em !important;
    display: block;
    padding: 1em 2.5% !important;
	}
    .perc-image-auto-list.mason {/* Prevent vertical gaps */
           line-height: 2.2;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;
    }
    .perc-image-auto-list {/* Prevent vertical gaps */
        line-height: 2.2;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;
    }
    div#full-width-row-3-icons>div>div>div {
        padding-right: 0 !important;
    }
    div#full-width-row-3-icons .perc-widget .ocSidebarHighlightBox .sidebar-box-style {
        margin-top: 20px !important;
        margin-bottom: 0 !important;
    }
    .events-listing li>a, 
    .events-listing li>span {
        margin-left: 0 !important;
        height: auto !important;
    }
    .events-listing li img {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        margin-right: 20px;
        margin-top: 0;
    }
}

@media screen and (max-width: 1024px) and (min-width: 481px) {
    table.four-col td {
   	 width: 25% !important;
	}
    #content img.marginRight, #content img.marginLeft {
        width: auto;
        height: auto;
        max-width: 60%;
    }
    .image-with-caption {
        width: auto;
        height: auto;
        max-width: 60% !important;
    }
    .img-caption {
        width: auto;
        height: auto;
        max-width: 90% !important;
    }
    .image-with-caption img.marginRight {
        width: 90% !important;
        margin-right: 20px;
        max-width: 90% !important;
    }
    .image-with-caption img.marginLeft {
        width: 90% !important;
        margin-left: 20px;
        max-width: 90% !important;
    }
    .ocFullSlider .anythingSlider {
        /* max-height: 430px !important; */
    }
}

@media screen and (max-width: 480px) {  
 
	.image-with-caption {
		margin-bottom: 20px;
		max-width: 100% !important;
		padding-left: 0 !important;
	}
	.img-caption {
		padding: 15px 0 0 0 !important;
	}
    .apply-button-link a { margin-left: 0 !important; }
    .ocFullSlider img {max-width: 100% !important;width: 100% !important;/*max-height: 500px !important*/;height: auto !important;margin: 0px 0px 20px 0px !important;}
	.ocFullSlider p { font-size: 14px; margin: 10px 0; }
    .ocFullSlider h2 {font-size: 28px !important;float: left;width: 100%;}
    #content img.marginRight {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    div#extra-two-col-wrapper>div>div, #a-two-column>div>div{width: 100% !important;margin-bottom: 20px;}
    #content table td, #accordions-wrapper table td {width: 100% !important;display: block;padding: 0 !important;margin-bottom: 20px;}
    #content table td h2, #content table td img, #content table td a {
		margin: 0;
	}
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.gray-bg.hide-gray, #header-nav-wrapper .hide-me, .anythingSlider .arrow span {
    display: none !important;
}

/*DarkGradientBG*/
	div#contact-box-option .ocSidebarHighlightBox .sidebar-box-style, div#contact-box-option .ocSidebarHighlightBox .sidebar-box-style, div#sidebar-extras .sidebar-box-style {
		background: -moz-linear-gradient(309deg, rgba(37,40,42,1) 28%, rgba(30,32,34,1) 28%, rgba(34,36,38,1) 74%, rgba(37,40,42,1) 74%);
		background: -webkit-linear-gradient(309deg, rgba(37,40,42,1) 28%, rgba(30,32,34,1) 28%, rgba(34,36,38,1) 74%, rgba(37,40,42,1) 74%);
		background:#58595b linear-gradient(309deg, rgba(37,40,42,1) 28%, rgba(30,32,34,1) 28%, rgba(34,36,38,1) 74%, rgba(37,40,42,1) 74%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#25282a",endColorstr="#25282a",GradientType=1);
	}

.full-gradient, div#social-gallery-wrapper{
  background:
          linear-gradient(160deg, #34785657 10%,#3478566b 55%, transparent 40%) 0 / 65% 35% no-repeat, 
          linear-gradient(160deg, #50b078 30%, #4498d6 30%,#3a82c6 70%, #285ead 15%, #133489) ; 
        background-position: 0 0em;  
}