/*6/8/21 4:57*/
@import url(/s/resources/css/appstyles.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,800,700);

/* General Style
---------------------------------------------*/
form, body, html {
    height: 100%;
    width: 100%;
}

form, body, html {
    height: 100%;
    width: 100%;
}

body {
    margin: 0;
    padding: 0;
    font: 15px/1.7em "Open Sans", Helvetica Neue, Arial, sans-serif;
    background: #fff;
    color: #44464b;
}

a {
    color: #95001a;
    text-decoration: none;
    outline: none;
    font-weight: bold;
    -webkit-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

a:hover {
    color: #95001a;
    text-decoration: underline;
}

a:visited {
}

a:active {
}

a img {
    border: none;
}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h1, .PageTitleHeader {
    color: #00144d;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2em;
}

h2, .PageSubTitleHeader {
    font-size: 24px;
    line-height: 1.25em;
    color: #95001a;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

h3 {
    font-size: 24px;
    line-height: 1.25em;
    font-family: "Gentium Basic", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-style: italic;
    font-weight: normal;
    color: #000000;
}

h4 {
    font-size: 1.143em;
    line-height: 1.25em;
}

h5 {
    font-size: 0.929em;
    line-height: 1.25em;
}

p {
    margin: 0.5em 0 1.5em;
    padding: 0;
}

#PageTitle, .PageTitleHeader {
    display: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.textalignright {
    text-align: right;
}

.textalignleft {
    text-align: left;
}

hr {
    height: 1px;
    line-height: 1px;
    margin: 40px 0px;
    clear: both;
    border: none;
    background: #dbdbdb;
    color: #dbdbdb;
}

img.left {
    float: left;
    margin: 0 25px 10px 0;
    max-width: 50% !important;
}

img.right {
    float: right;
    margin: 0 0 10px 25px;
    max-width: 50% !important;
}

img.outline {
    border: 4px solid #333;
}

.clearing {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    margin-top: -7px;
}

.clearBoth {
    clear: both;
}

.clearRight {
    clear: right;
}

.clearLeft {
    clear: left;
}

.invisibleButAccessible {
    display: none;
}

#MainBody .idbmsBreadcrumbSeparator {
    color: #70a533;
}

.expand img {
    background-color: #70a533;
    max-width: inherit !important;
}

.expand {
    background-color: #70a533;
    display: inline-block;
}

.Error, .error {
    width: auto !important
}

img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    width: 16px !important;
    height: 16px !important
}

#inner-wrap img[src="/images/spacer.gif"] {
    display: none;
}

::selection {
    background: #0066CC;
    color: #fff;
}

/* Safari 3.1+, Opera 9.5+, Chrome 2+ */
::-moz-selection {
    background: #0066CC;
    color: #fff;
}

/* Mozilla Firefox */

#inner-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#inner-wrap img {
    max-width: 100%;
    height: auto;
}

.rightFeature .text > a,
.extraAreas .btn,
.button, .btn {
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 15px 40px;
    background: #003f8c;
    border: 1px solid #003f8c;
    line-height: 1em;
    background: -moz-linear-gradient(top, #003f8c 0%, #023d8b 11%, #003b87 12%, #003680 26%, #003277 35%, #003078 38%, #002665 58%, #012466 61%, #001f5f 68%, #001e5c 76%, #001c56 80%, #00154e 100%);
    background: -webkit-linear-gradient(top, #003f8c 0%, #023d8b 11%, #003b87 12%, #003680 26%, #003277 35%, #003078 38%, #002665 58%, #012466 61%, #001f5f 68%, #001e5c 76%, #001c56 80%, #00154e 100%);
    background: linear-gradient(to bottom, #003f8c 0%, #023d8b 11%, #003b87 12%, #003680 26%, #003277 35%, #003078 38%, #002665 58%, #012466 61%, #001f5f 68%, #001e5c 76%, #001c56 80%, #00154e 100%);
    text-decoration: none;
    font-weight: bold;
}

.btn.red {
    background: #95001a;
    border-color: #95001a;
}

.button.large {
    font-size: 26px;
    line-height: normal;
    font-family: "Gentium Basic", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-style: italic;
    font-weight: normal;
    padding: 15px 50px;
    margin-top: 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.button.large:after {
    content: "»";
    padding-left: 8px;
}

.button.centered {
    margin-left: auto;
    margin-right: auto;
}

.button:hover,
.btn:hover {
    color: #f2c100;
    text-decoration: none;
    border-color: #00144d;
}


/* UTILITY BAR ELEMENTS
---------------------------------------------*/
.utilityBar {
    float: left;
    width: 100%;
    background: #000d30;
}

.memberTools {
    float: left;
    width: 100%;
    font-size: 11px;
    line-height: 34px;
}

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

.memberTools li {
    float: left;
    padding: 0;
}

.memberTools li.right {
    float: right;
}

.memberTools li:before {
    content: '|';
    color: #2a3654;
    float: left;
    padding: 0 15px;
}

.memberTools li.noBar:before {
    content: '';
    padding: 0;
    float: none;
}

.memberTools a {
    display: inline-block;
    font-weight: normal;
    color: #82afd3;
}

.memberTools a:hover {
    text-decoration: none;
    color: #f2c100;
}

.memberTools li.bolded a {
    font-weight: bold;
}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {
    float: left;
    width: 100%;
    background: #00134a;
    background: #00154e;
    height: 110px;
    position: fixed;
    z-index: 100;
}

.blueHeader {
    height: 76px;
    position: relative;
    z-index: 100;
    background: -moz-linear-gradient(top, #00154e 0%, #001348 100%);
    background: -webkit-linear-gradient(top, #00154e 0%, #001348 100%);
    background: linear-gradient(to bottom, #00154e 0%, #001348 100%);
    float: left;
    width: 100%;
}

.structHead .container {
    position: relative;
}

.headLogo {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 100;
}

.headLogo img {
    height: 45px !important;
    margin-top: 15px;
}

.headLogo a:hover {
    opacity: 0.8;
}

.search {
    float: right;
    min-width: 50px;
    display: none;
    background: #ddd;
    padding: 20px 20px 20px;
    margin-right: 15px;
    width: 40%;
}

.search img[id$="_imgbtnSearch"] {
    width: 14px
}

.search label,
.search .SearchModuleSpacer {
    display: none;
}

.search #ContentSearch {
    position: relative;
    padding-right: 60px;
    border-radius: 3px;
    background: #fff;
}

.search input {
    border: none;
    padding: 0 15px;
    height: 50px;
    width: 100%;
    background: none;
}

.search .button {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: 50px;
    padding: 0;
    width: 60px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border-radius: 0 3px 3px 0;
}

.searchToggle {
    line-height: 76px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 100;
    width: 70px;
}

.searchToggle a {
    color: #3553a4;
    font-weight: normal;
    display: block;
    font-size: 24px;
}

.searchToggle a:hover {
    background: rgba(0, 0, 0, 0.3);
    color: #82afd3;
}

.searchToggle.open a {
    background: #ddd;
    color: #95001a;
}

.headerShadow {
    position: absolute;
    bottom: -3px;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
    width: 100%;
    z-index: 3;
}


/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
.desktopNav {
    position: relative;
    z-index: 99;
    padding: 0;
    width: 100% !important;
    padding-left: 25%;
    padding-right: 8.33333%;
}

.desktopNavInner {
    padding: 0;
}

/* General Styles */
.desktopNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.desktopNav ul li {
    float: left;
    padding: 0;
}

.desktopNav ul li a {
    display: block;
    text-decoration: none;
}

/* Top Level Group */
.desktopNavInner > ul > li {
}

.desktopNavInner > ul > li > a {
    line-height: 76px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: color 250ms ease, background 250ms ease;
    -ms-transition: color 250ms ease, background 250ms ease;
    transition: color 250ms ease, background 250ms ease;
    position: relative;
    z-index: 100;
    padding: 0px 20px;
    line-height: normal;
}

.ie7 .desktopNavInner > ul > li > a,
.ie8 .desktopNavInner > ul > li > a,
.ie9 .desktopNavInner > ul > li > a {
    line-height: 76px;
}

.desktopNavInner > ul > li > a:hover,
.desktopNavInner > ul > li:hover > a {
    background: #fff;
    color: #95001a;
}

/* Flexbox styles */
.flexbox .desktopNavInner > ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 76px;
}

.flexbox .desktopNavInner > ul > li {
    float: none;
    display: inherit;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flexbox .desktopNavInner > ul > li > a {
    display: inherit;
    width: 100%;
    line-height: normal;
    letter-spacing: 1.5px;
    text-align: center;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/* Second Level Groups */
.desktopNav li .menuWrapper {
    position: absolute;
    left: -999em;
    top: 76px;
    margin: 0px;
    background: #fff;
    float: none;
    width: 100%;
    text-align: left;
    opacity: 0;
    padding: 30px 7% 60px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #eee;
    border-top: none;
    -webkit-transition: opacity 500ms ease;
    -ms-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 36%, #fafafa 39%, #f4f4f4 77%, #f4f4f6 82%, #f3f3f3 84%, #f2f2f4 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #fcfcfc 36%, #fafafa 39%, #f4f4f4 77%, #f4f4f6 82%, #f3f3f3 84%, #f2f2f4 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 36%, #fafafa 39%, #f4f4f4 77%, #f4f4f6 82%, #f3f3f3 84%, #f2f2f4 100%);
}

.desktopNav li li.column-list {
    float: left;
    width: 33.333336%;
    padding: 0 3%;
}

.desktopNav li li {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    background: none;
    line-height: normal;
    text-transform: none;
    font-size: 1em;
}

.desktopNav li li a {
    font-weight: normal;
    text-align: left;
    padding: 0.25em 1em;
    border: none;
}

.desktopNav ul li:hover li a {
}

.desktopNav ul li:hover li a:hover {
}

.desktopNav li li:hover > a {
}

/* Third Level Groups */
.desktopNav li li.column-list ul {
    font-size: 13px;
    line-height: normal;
}

.desktopNav li li li a:hover {
    background: #eee
}

.desktopNav li li li {
    border-bottom: 1px solid #e5e5e5;
}

.desktopNav li li li a {
    color: #00144c;
    padding: 10px;
}

/* The Magic */
.desktopNav li.sfHover .menuWrapper {
    left: -999em;
}

.desktopNav li.sfHover .menuWrapper {
    left: 0;
    opacity: 1;
}

/*Fix for the Sticking*/
.desktopNav li.sfHover {
}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft {
    background: url(images/bkgd_leftCol.jpg) repeat-y right top;
    padding: 0; /*border-left:15px solid #fff;*/
    border-right: 15px solid #fff;
}

/* Secondary Navigation - General Styles */
.secondaryNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.secondaryNav ul li {
}

.secondaryNav ul li a {
    display: block;
    line-height: normal;
}

.secondaryNav ul li.external > a:after {
    content: '\f08e';
    font-family: FontAwesome;
    font-size: 12px;
    color: #999;
    padding-left: 8px;
    font-weight: normal;
}

/* Secondary Navigation - Second Channel */
.secondaryNav > ul {
    margin-bottom: 60px;
}

.secondaryNav > ul > li {
    border-bottom: 1px solid #fff;
}

.secondaryNav > ul > li > a {
    padding: 10px 15px;
    color: #44464b;
}

.secondaryNav > ul > li:hover,
.secondaryNav > ul > li > a:hover {
    background: #fff;
    text-decoration: none;
    color: #00144d;
}

.secondaryNav > ul > li.active {
    background: #eee;
}

.secondaryNav > ul > li.selected {
    background: #00144d;
    color: #fff;
}

.secondaryNav > ul > li.selected > a {
    background: #00144d;
    color: #fff;
}

/* Secondary Navigation - Third Channel */
.secondaryNav > ul > li > ul {
    background: #eee;
    font-size: 14px;
    padding: 0 0 15px;
}

.secondaryNav > ul > li > ul > li {
    color: #44464b;
}

.secondaryNav > ul > li > ul > li a {
    display: block;
    padding: 8px 50px 8px 30px;
    font-weight: normal;
    color: #44464b;
}

.secondaryNav > ul > li > ul > li:hover {
    background: #ddd;
}

.secondaryNav > ul > li > ul > li > a:hover {
    text-decoration: none;
}

.secondaryNav > ul > li > ul > li.selected > a {
    color: #95001a;
}

.secondaryNav > ul > li > ul > li.active {
    background: #ddd;
}

.secondaryNav > ul > li > ul > li.active > a {
    color: #00144d;
}

/* Secondary Navigation - Fourth Channel */
.secondaryNav > ul > li > ul > li > ul {
    background: #ddd;
    font-size: 14px;
    padding: 0px 0 10px;
    font-style: italic;
}

.secondaryNav > ul > li > ul > li > ul > li {
}

.secondaryNav > ul > li > ul > li > ul > li a {
    display: block;
    padding: 8px 20px 8px 50px;
    font-weight: normal;
    color: #00144d;
}

.secondaryNav > ul > li > ul > li > ul > li a:hover {
    text-decoration: none;
    background: #ddd;
}

.secondaryNav > ul > li > ul > li > ul > li.selected > a {
    color: #95001a;
}

.extraAreas {
    padding-right: 30px;
    font-size: 14px;
    line-height: 1.4em;
    color: #666666;
    padding-left: 15px;
}

.extraAreas h2 {
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: "Gentium Basic", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    line-height: 1.1em;
}

.extraAreas h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #00144d;
    font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
}

.extraAreas h4 {
    font-size: 16px;
    font-weight: normal;
    color: #00144d;
    padding: 0 0 5px;
}

.extraAreas a {
    color: #00144d;
    font-weight: normal;
    text-decoration: underline;
}

.rightFeature {
    background: #eee;
    border: 5px solid #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    margin: 0 0 30px;
    padding: 15px;
    overflow: hidden;
}

.rightFeature.red {
    background: #95001a;
}

.rightFeature.ltBlue {
    background: #82afd3;
}

.rightFeature.dkBlue {
    background: #00144d;
}

.midWrap .rightFeature {
    padding: 20px 30px 30px;
}

.rightFeature .content {
}

.rightFeature .photoArea {
    margin: -15px -15px 0;
}

.rightFeature .photoArea img {
    height: auto !important;
}

.rightFeature .text {
}

.rightFeature .title {
    padding: 10px 0 5px;
}

.rightFeature .text > a {
    margin: 10px 0px 0px;
    display: block !important;
    text-align: center;
}

.rightFeature.textBlue .content h2,
.rightFeature.textRed .content h2 {
    position: relative;
    margin: -15px -15px 20px;
    background: #00144d;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    line-height: normal;
}

.midWrap .rightFeature.textBlue,
.midWrap .rightFeature.textRed {
    background: url(images/bkgd_expanding.jpg) repeat-x bottom left #fff;
}

.midWrap .rightFeature.textBlue .content h2,
.midWrap .rightFeature.textRed .content h2 {
    margin-top: -20px;
    margin-left: -30px;
    margin-right: -30px;
}

.rightFeature.textRed .content h2 {
    background: #95001a;
}

.rightFeature.red h2,
.rightFeature.ltBlue h2,
.rightFeature.dkBlue h2 {
    color: #fff;
    text-align: center;
}

.rightFeature.red h3 {
    color: #00144d;
}

.rightFeature.dkBlue .text > a,
.rightFeature.red .text > a {
    background: #efdb92;
    background: -moz-linear-gradient(top, #efdb92 0%, #f2c100 100%);
    background: -webkit-linear-gradient(top, #efdb92 0%, #f2c100 100%);
    background: linear-gradient(to bottom, #efdb92 0%, #f2c100 100%);
    border-color: #f2c100;
    color: #222;
}

.rightFeature ul {
    margin: -21px -15px 0px;
    padding: 0;
    list-style: none;
}

.rightFeature ul li {
    border-top: 1px solid #ccc;
    padding: 15px 15px;
}

.rightFeature ul li:nth-child(odd) {
    background: #fff;
}

.rightFeature ul li a {
}

.rightFeature ul li h3 {
    font-weight: normal;
    font-size: 12px;
    font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
    font-style: normal;
}

.featureFoot {
    display: none;
}

/* left col wrap */
.staffLeftWrap > h2 {
    font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    padding: 0 0 10px;
    text-transform: uppercase;
    color: #999;
}

.staffLeftWrap .staff {
    border-top: 1px solid #ccc;
    padding: 20px 0;
}

/* img */
.staffLeftWrap .staff .sldimg {
    float: left;
    width: 75px;
    margin: 0 15px 10px 0;
}

/* text */
.staffLeftWrap .staff .sldtxt {
    padding: 0;
}

.staffLeftWrap .staff .sldtxt .title {
    font-family: "Gentium Basic", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-size: 24px;
    line-height: 1em;
    font-style: italic;
    color: #95001a;
}

.staffLeftWrap .staff .sldtxt .title a {
    text-decoration: none;
    color: #95001a;
}

.staffLeftWrap .staff .sldtxt .preview {
    clear: both;
    font-size: 13px;
    line-height: normal;
}

.staffLeftWrap .staff .sldtxt .preview h2 {
    color: #222;
    font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
}

.staffLeftWrap .staff .sldtxt .preview p {
    margin: 5px 0 0;
}


/* BODY ELEMENTS
---------------------------------------------*/
.structBody {
    float: left;
    padding: 0em 0;
    width: 100%;
    background: #fff;
    margin-top: 110px;
}

.paddedTop {
    padding-top: 55px;
}

.midWrap {
    padding-bottom: 3em;
    padding-left: 45px; /*padding-right:60px;*/
}

.mainContent {
    float: left;
    width: 100%;
}

/* Page Name/Title */
.pageName {
}

.pageName h1 {
    margin: 0 0 20px;
}

/* Breadcrumbs */
.structBody .breadCrumbs {
}

.structBody .breadCrumbs ul {
    padding: 5px 0 5px;
    margin: 0;
    list-style: none;
}

.structBody .breadCrumbs ul li {
    padding: 0 0px 0 0px;
    margin: 0;
    display: inline;
    font-size: 12px;
    color: #999999;
}

.structBody .breadCrumbs ul li a {
    text-decoration: none;
    padding: 0px 5px 0 8px;
    color: #999999;
    font-weight: normal;
}

.structBody .breadCrumbs ul li:before {
    content: "\f105";
    font-family: "FontAwesome"
}

.structBody .breadCrumbs ul li:first-child a {
    padding-left: 0;
}

.structBody .breadCrumbs ul li:first-child:before {
    content: "";
}

.structBody .breadCrumbs ul li.selected a {
    font-weight: #888;
}

/* call out styles */
.midWrap .callout {
    border: 5px solid #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    display: block;
    padding: 30px;
    margin: 40px 0;
    background: #f8f8f8;
}

.stripedDIV {
    display: block;
    height: 22px;
    width: 100%;
    background: url(images/bkgd_stripedDiv.gif) repeat-x 0 0;
}

.start .stripedDIV {
    position: absolute;
    bottom: 0;
    left: 0;
}

.secondarySpecNav {
    background: url("images/bkgd_grayslash.gif") repeat scroll 0 0;
    float: left;
    width: 100%;
}

.secondarySpecNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
}

.secondarySpecNav ul li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #ffffff;
    -webkit-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

.secondarySpecNav ul li:first-child {
    border-left: none;
}

.secondarySpecNav ul li:last-child {
    border-right: none;
}

.secondarySpecNav ul li a {
    color: #333333;
    font-size: 14px;
    letter-spacing: 1.5px;
    display: block;
    line-height: 1.3em;
    text-transform: uppercase;
    padding: 20px;
    padding: 20px 2vw;
}

.secondarySpecNav ul li:hover {
    background: #ddd;
}

.secondarySpecNav ul li a:hover {
    text-decoration: none;
    color: #111;
}

.secondarySpecNav ul li.specEventNavHide {
    display: none;
}

/* News Patterns
	---------------------------------------------*/
/* News Listing */
.newsItem {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

/* Image */
.newsItem .thumb {
    float: left;
    width: 120px;
}

/* Text */
.newsItem .text {
    padding-left: 140px;
    min-height: 120px;
}

.newsItem .title {
    font-size: 1.2em;
    line-height: normal;
    padding: 0 0 5px;
    font-weight: bold;
}

.newsItem .title a {
}

.newsItem .preview {
}

/* News Listing - 3 Across Pattern*/
.featureAcrossOuterWrap {
    margin: 0 -10px;
}

.specWide .featureAcrossOuterWrap {
    margin-bottom: 40px;
}

.featureAcrossRow {
    float: left;
    width: 100%;
}

.flexbox .featureAcrossRow {
    float: none;
    width: auto;
}

.featureAcross {
    position: relative;
    float: left;
    width: 33.333336%;
    padding: 10px;
}

.featureAcross.two {
    width: 50%;
}

.featureAcross.three {
    width: 33.333336%;
}

.featureAcross.four {
    width: 25%;
}

.featureAcrossWrap {
    background: #f2f2f3;
    -webkit-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

/* Image */
.featureAcross .thumb {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    display: block;
    padding-bottom: 160px;
    -webkit-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

.wide .featureAcross .thumb {
    padding-bottom: 200px;
}

/* Text */
.featureAcrossWrap > a {
    font-weight: normal;
    color: #00144d;
}

.featureAcrossWrap > a:hover {
    text-decoration: none;
}

.featureAcross .text {
    padding: 20px 20px 40px;
}

.featureAcross .title {
    font-size: 20px;
    line-height: 1.2em;
    padding: 0 0 8px;
    -webkit-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

.featureAcross .title a {
    font-weight: normal;
    color: #00144d;
}

.featureAcross .preview {
    color: #44464b;
    font-size: 14px;
    line-height: 1.4em;
}

.featureAcross .preview p {
    margin: 0 0 4px;
}

.featureAcrossWrap > a:hover .thumb {
    opacity: 0.7;
}

.featureAcrossWrap > a:hover .title {
    color: #95001a;
}

/* Events Listing */
.eventItem {
    position: relative;
    width: 100%;
    padding: 30px 160px 30px 0;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
}

/* Date */
.eventItem .date {
    float: left;
    width: 65px;
    color: #fff;
    text-align: center;
    background: #00144d;
}

.eventItem .date .month {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
    background: #ccc;
    padding: 0;
    background: #95001a;
    letter-spacing: 1px;
}

.eventItem .date .day {
    font-size: 30px;
    line-height: 43px;
    font-weight: 100;
}

/* Text */
.eventItem .text {
    padding-left: 90px;
}

.eventItem.withThumb .text {
    padding-right: 175px;
}

.eventItem .title {
    font-size: 18px;
    line-height: normal;
    padding: 0 0 5px;
    font-weight: bold;
}

.eventItem .title a {
}

.eventItem .details {
    font-size: 13px;
}

.eventItem .details .fa {
    padding-right: 5px;
    color: #666;
}

.eventItem .details .time {
}

.eventItem .details.withTime .time:after,
.eventItem .details.withPlace .location:after {
    content: '|';
    padding: 0 8px;
    color: #ccc;
}

.eventItem .details .location {
}

.eventItem .details .addtoCal {
    color: #44464b;
    font-weight: normal;
}

.eventItem .details .addtoCal .fa {
}

.eventItem .details a:hover, .eventItem .details a:hover .addtoCal {
    color: #000;
    text-decoration: none;
}

.eventItem .preview {
    display: none;
}

.eventItem .thumb { /*position:absolute; top:30px;right:150px;*/
    width: 150px;
    float: right;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.eventItem .more {
    position: absolute;
    right: 0;
    width: 130px;
    top: 30px;
    font-family: "Gentium Basic", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-style: italic;
    font-size: 18px;
    line-height: 40px;
}

.eventItem .more span {
    background: #ddd;
    text-align: center;
    display: block;
    color: #fff;
}

.eventItem .more a span {
    color: #fff;
    background: #00144d;
    font-weight: normal;
    display: block;
    -webkit-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

.eventItem .more a:hover,
.eventItem .more a:hover span {
    text-decoration: none;
    background: #95001a;
}

.regionalBtns {
    margin: 0 -10px;
    padding: 10px 0 20px;
    list-style: none;
    font-size: 12px;
    line-height: normal;
}

.flexbox .regionalBtns {
    display: flex;
    justify-content: space-between;
}

.regionalBtns > li {
    display: inline-block;
    padding: 0 10px;
    width: 18%;
}

.flexbox .regionalBtns > li {
    flex-grow: 1;
    width: auto;
}

.regionalBtns > li > a {
    display: block;
    color: #fff;
    background: #95001a;
    text-align: center;
    border-radius: 3px;
    padding: 7px;
}

.regionalBtns > li > a:hover {
    text-decoration: none;
    background: #00144d;
}

/* Feature Rotator */
.pageHero {
    float: left;
    width: 100%;
}

.pageHero img {
    margin: 0 auto;
    display: block;
}

.imageRotator {
}

.imageRotator .fullImg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.imageRotator .fullImg img {
}

.pageHero .bx-wrapper {
    position: relative;
    background: #333;
}

.pageHero .bx-wrapper .container {
    position: relative;
}

.pageHero .bx_slide {
    position: relative;
}

/* Image */
.pageHero .bx_slide .sldimg {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pageHero .bx_slide .sldimg a {
    display: block;
}

.pageHero .bx_slide .sldimg img {
    visibility: hidden;
}

.pageHero .bx_slide .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(images/bkgd_rotator_overlay.png) repeat-x bottom left;
    height: 130px;
}

/* Text */
.pageHero .bx_slide .sldtxt {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 45%;
    background: #44464b;
    background: rgba(68, 70, 75, 0.95);
    color: #fff;
    padding: 25px 30px 30px;
    text-align: right;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}

.pageHero .bx_slide .sldtxt .title {
    font-size: 28px;
    font-weight: normal;
    padding: 0 0 10px;
    font-family: "Gentium Basic", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
}

.pageHero .bx_slide .sldtxt .title a {
    color: #fff;
    font-weight: normal;
}

.pageHero .bx_slide .sldtxt .preview {
    font-size: 14px;
    line-height: 1.4em;
    color: #fff;
}

.pageHero .bx_slide .sldtxt .preview a {
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
}

/* Pager */
.pageHero .bx-pager {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 100;
}

.pageHero .bx-pager .bx-pager-item {
    display: inline-block;
    padding-left: 12px;
}

.pageHero .bx-pager a {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    text-indent: -999em;
    outline: none;
}

.pageHero .bx-pager a.active {
    background: #000;
}

/* Controls */
.pageHero .bx-controls-direction {
}

.pageHero .bx-controls-direction a {
    position: absolute;
    top: 0;
    z-index: 55;
    outline: none;
    width: 34px;
    height: 100%;
    opacity: 0.6;
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    text-indent: -999em;
}

.pageHero .bx-controls-direction a.bx-prev {
    left: 20px;
    background-image: url("images/bkgd_rotator_prev.png");
}

.pageHero .bx-controls-direction a.bx-next {
    right: 20px;
    background-image: url("images/bkgd_rotator_next.png");
}

.pageHero .bx-controls-direction a:hover {
    opacity: 1;
}

/* homepage */
.start .imageRotator .fullImg {
    position: relative;
    padding-bottom: 22px;
}

.start .pageHero .bx-viewport {
    overflow: visible !important;
    background: #44464b;
}

.start .pageHero .bx_slide .sldimg {
    min-height: 625px;
}

.start .pageHero .bx_slide .sldtxt {
    width: 50%;
    right: 25%;
    text-align: center;
    bottom: -44px;
    background: #44464b;
}

.start .pageHero .container.stripedFill {
    position: relative;
}

.start .pageHero .rotatorFill {
    background: #44464b;
    display: block;
    height: 44px;
    right: 25%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 10;
}

/* Rotator - Interior (BX_DEMO) */
.imageRotator {
}

.bx-wrapper {
    position: relative;
}

.bx-demoWrap {
    margin: 40px 0;
}

.bx_slider_demo {
}

.bx_demo {
    position: relative;
}

/* Image */
.bx_demo .sldimg {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 400px;
}

.bx_demo .sldimg a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.bx_demo .sldimg img {
    display: block;
    width: 100%;
}

/* Text */
.bx_demo .sldtxt {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 50%;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 30px;
    border: 3px solid #fff;
}

.bx_demo .sldtxt .title {
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 10px;
}

.bx_demo .sldtxt .title a {
}

.bx_demo .sldtxt .preview {
    font-size: 0.9em;
    line-height: 1.4em;
}

/* Pager */
.bx-demoWrap .bx-pager {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 100;
}

.bx-demoWrap .bx-pager .bx-pager-item {
    display: inline-block;
    padding-left: 8px;
}

.bx-demoWrap .bx-pager a {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    text-indent: -999em;
    outline: none;
}

.bx-demoWrap .bx-pager a.active {
    background: #95001a;
}

/* Controls */
.bx-demoWrap .bx-controls-direction {
}

.bx-demoWrap .bx-controls-direction a {
    position: absolute;
    top: 45%;
    z-index: 100;
    outline: none;
    color: #fff;
    font-size: 34px;
}

.bx-demoWrap .bx-controls-direction a.bx-prev {
    left: 20px;
}

.bx-demoWrap .bx-controls-direction a.bx-next {
    right: 20px;
}

/* Expanding/Collapsing Pattern */
dl.accordion {
}

dl.accordion dt.collapseItem {
    margin: 0 0 10px;
    border: 3px solid #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}

/* link toggles */
dl.accordion dt.collapseItem .panel-heading {
    font-family: "Gentium Basic", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    background: #eee;
    color: #00144d;
    font-size: 18px;
    line-height: normal;
    position: relative;
}

dl.accordion dt.collapseItem.open .panel-heading {
    background: #95001a;
}

dl.accordion dt.collapseItem .panel-heading > a {
    font-weight: normal;
    color: #00144d;
    display: block;
    padding: 15px 30px;
}

dl.accordion dt.collapseItem.open .panel-heading > a {
    color: #fff;
}

dl.accordion dt.collapseItem .panel-heading > a:focus,
dl.accordion .panel-heading > a:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.2);
}

.collapseItem .panel-heading .arrows {
    position: absolute;
    right: 0;
    width: 50px;
    text-align: center;
    top: 0;
}

.collapseItem .panel-heading .arrows .fa {
    font-size: 30px;
    line-height: 50px;
}

.collapseItem .panel-heading .arrows .fa-angle-up {
    display: none;
}

.collapseItem.open .panel-heading .arrows .fa-angle-up {
    display: block;
}

.collapseItem.open .panel-heading .arrows .fa-angle-down {
    display: none;
}

/* panel content */
dl.accordion dd.panel-collapse {
    margin: 0;
    padding: 0px;
    background: url(images/bkgd_expanding.jpg) repeat-x bottom left #fff;
}

dl.accordion dd .accordionPanelWrap.panel-body {
    padding: 20px 30px 30px;
}

/* featured event (events page */
.featuredEventItem {
    overflow: hidden;
    width: 100%;
    display: block;
    padding: 20px 0 40px;
    border-bottom: 3px double #eee;
    margin: 0 0 40px;
}

/* image */
.featuredEventItem .thumb {
    float: left;
    width: 300px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* text */
.featuredEventItem .text {
    padding-left: 330px;
    padding-top: 10px;
}

.featuredEventItem .title {
    font-family: "Gentium Basic", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    color: #95001a;
    padding: 0;
    font-size: 30px;
    line-height: 1.3em;
}

.featuredEventItem .title a {
    font-weight: normal;
    color: #95001a;
}

.featuredEventItem .date {
    font-weight: bold;
    color: #00144d;
    font-size: 16px;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.featuredEventItem .preview {
    font-size: 14px;
    color: #444448;
    line-height: 1.5em;
    padding-right: 20px;
}


/* events tabs */
.tabsWrapper {
    display: block;
}

.tabulaTabsWrap {
    display: block;
    margin: 0 -3px 15px;
    overflow: hidden;
}

.flexbox .tabulaTabsWrap {
    display: flex;
    justify-content: space-around;
}

/* tabs */
.tabulaTabsWrap > .tabulaTab {
    float: left;
    width: 14.2857%;
    padding: 0 3px;
}

.flexbox .tabulaTabsWrap > .tabulaTab {
    flex-grow: 1;
    float: none;
    width: auto;
}

.tabulaTabsWrap > .tabulaTab > a {
    display: block;
    background: #eeeeee;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 35px;
    color: #999999;
}

.flexbox .tabulaTabsWrap > .tabulaTab > a {
    padding-left: 15px;
    padding-right: 15px;
}

.tabulaTabsWrap > .tabulaTab > a:hover {
    background: #ddd;
    text-decoration: none;
    color: #666;
}

.tabulaTabsWrap > .tabulaTab > a:focus,
.tabulaTabsWrap > .tabulaTab > a:active {
    text-decoration: none;
    outline: none;
}

.tabulaTabsWrap > .tabulaTab.active > a {
    background: #82afd3;
    color: #fff;
}

/* tab containers */
.tabula .tabContainer {
    display: none;
}

.tabula .tabContainer.active {
    display: block;
}

/* pager styles */
.tabContainer .pagerholder {
    text-align: center;
    padding-top: 30px;
}

.tabContainer .pagerholder a {
    background: #e6e6e6;
    color: #808080;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    line-height: 40px;
    margin: 0 4px;
}

.tabContainer .pagerholder a:hover {
    background: #ccc;
    text-decoration: none;
    color: #666;
    cursor: pointer;
}

.tabContainer .pagerholder a.jp-current {
    background: #00144d;
    color: #fff;
}

.tabContainer .pagerholder a.jp-previous,
.tabContainer .pagerholder a.jp-next {
    font-size: 14px;
    margin: 0 15px;
}

.tabContainer .pagerholder a.jp-previous:after {
    content: '\f053';
    font-family: "FontAwesome";
}

.tabContainer .pagerholder a.jp-next:after {
    content: '\f054';
    font-family: "FontAwesome";
}

.tabContainer .pagerholder a.jp-disabled {
    background: #fff;
    color: #eee;
    cursor: normal;
    border: 2px solid #eee;
}


.iModAnythingSlider {
    background: #fff;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
    padding: 5px;
}

.anythingBase .panel {
    padding: 0 !important;
}

#ContentMiddle div.iModAnythingSlider .arrow {
    bottom: 40%;
}

#ContentMiddle div.iModAnythingSlider .arrow a {
    border: none;
    height: 50px;
    width: 50px;
}

#ContentMiddle div.iModAnythingSlider .back {
    background: url("images/arw_rotator_back.png") no-repeat 0 0;
    left: 20px;
}

#ContentMiddle div.iModAnythingSlider .forward {
    background: url("images/arw_rotator_next.png") no-repeat 0 0;
    right: 20px;
}

#ContentMiddle div.iModAnythingSlider .back:hover {
    background: url("images/arw_rotator_back_hover.png") no-repeat 0 0;
}

#ContentMiddle div.iModAnythingSlider .forward:hover {
    background: url("images/arw_rotator_next_hover.png") no-repeat 0 0;
}

/* Clubs/Groups/Classes Picker */
#main .sortBox {
    background: #82afd3;
    padding: 20px;
    margin-top: 0;
}

.sortBox h3 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 5px;
    font-style: normal;
    font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
    letter-spacing: 1px;
    color: #fff;
}

.sortBox h2 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 7px;
    text-align: center;
}

.sortBox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: none;
    border-radius: 4px;
    clear: both;
    display: block;
    padding: 7px;
    width: 100%;
}

.sortBox .usWrap, .sortBox .intlWrap {
    padding: 0px;
}

.sortBox .usWrap {
    margin: 0 0 20px;
}

.sortBox .usWrap select#states,
.sortBox .usWrap select#decades,
.sortBox .usWrap select#clubStates,
.sortBox .usWrap select#classDecades {
    margin: 0 0 10px;
}

.sortBox .intlWrap {
}


/*campaign progress indicator background colors on 2 pages - maintenance 1-26-17*/
.IMOD12599 .imod-progWidget .giveBtn a, .IMOD12670 .imod-progWidget .giveBtn a {
    background: #990000;
}

.IMOD12599 .imod-progWidget .vizWrapper .bar .progressBar, .IMOD12670 .imod-progWidget .vizWrapper .bar .progressBar {
    background: #990000;
}

/* RIGHT COLUMN
---------------------------------------------*/


/* Footer Elements
---------------------------------------------*/
footer {
    float: left;
    width: 100%;
    color: #fff;
    padding: 0;
    background: #00144d;
}

footer a {
    color: #fff;
    font-weight: normal;
}

footer a:hover {
    text-decoration: none;
    color: #f2c100;
}

footer .footerRight {
    text-align: right;
}

.footerSocial {
    float: left;
    width: 100%;
    padding: 35px 0;
    text-align: center;
}

.footerSocial img.logo {
    max-height: 55px;
}

.footerSocial ul.social {
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
}

.footerSocial ul.social li {
    display: inline-block;
    padding: 0 4px;
}

.footerSocial ul.social li a {
    font-weight: normal;
}

.footerSocial ul.social li a:hover {
    color: #fff;
    opacity: 0.6;
}

.footerSocial ul.social li .fa {
    font-size: 24px;
}

.icon-custom {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
    height: 22px;
    width: 31px;
    position: relative;
    top: 3px;
}

.icon-custom.storify {
    background-image: url(images/icon_storify.png);
}

.icon-custom.phanfare {
    background-image: url(images/icon_phanfare.png);
}

.footerAddress {
    float: left;
    width: 100%;
    background: #000d31;
    font-size: 13px;
    line-height: normal;
    padding: 25px 0;
}

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

.footerAddress ul li {
    display: inline;
}

.footerAddress ul li:before {
    content: '|';
    padding: 0 15px;
    opacity: 0.25;
}

.footerAddress ul li:first-child:before {
    content: '';
    padding: 0;
}

.footerAddress ul li a {
}

.footerAddress ul li .fa {
    color: #82afd3;
}

.subFooter {
    float: left;
    width: 100%;
    background: #fff;
    color: #333;
    font-size: 11px;
    line-height: normal;
    padding: 15px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

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

.subFooter ul li {
    display: inline;
}

.subFooter ul li:before {
    content: '|';
    padding: 0 10px;
    opacity: 0.75;
}

.subFooter ul li:first-child:before {
    content: '';
    padding: 0;
}

.subFooter ul li.bolded a {
    font-weight: bold;
}

.subFooter ul li a {
    color: #000d31;
    text-decoration: underline;
}

.subFooter ul li a:hover {
    color: #95001a;
}

.toplink {
    display: block;
    text-align: center;
    font-size: 0.85em;
    text-transform: uppercase;
    line-height: normal;
    padding: 10px;
}

.toplink a {
    text-decoration: none;
}


/* HOMEPAGE ELEMENTS
---------------------------------------------*/
.start .midWrap {
    padding: 100px 30px;
}

/* home news stories - 3 across */
.homeNewsWrap {
    margin: 0;
}

.homeNewsBox {
}

/* image */
.homeNewsBox .thumb {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 210px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

.homeNewsBox .thumb a {
    display: block;
}

.homeNewsBox:hover .thumb {
    margin-top: -3px;
    margin-bottom: 3px;
    opacity: 0.9;
}

.homeNewsBox .thumb img {
    visibility: hidden;
}

/* text */
.homeNewsBox .text {
    padding: 20px 10px 20px;
}

.homeNewsBox .title {
    font-weight: bold;
    font-size: 18px;
    line-height: normal;
    padding: 0 0 15px;
}

.homeNewsBox .title a {
    color: #01256e;
}

.homeNewsBox .title a:hover {
    text-decoration: none;
}

.homeNewsBox:hover .title a {
    color: #74000e;
}

.homeNewsBox .preview {
    font-size: 14px;
    line-height: 1.5em;
}

/*.homeNewsBox:hover .innerNewsWrap {background:#f7f7f7;}*/

/* color boxes band */
.colorBarBand {
    float: left;
    width: 100%;
    background: #00144d;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 40px 0;
    font-size: 16px;
}

.colorBarBand .altColorFill {
    background: #74000e;
    position: absolute;
    right: 0;
    width: 50%;
    top: 0;
    height: 100%;
}

.colorBarBand h3 {
    color: #fff;
    font-style: normal;
    font-size: 26px;
    line-height: normal;
}

.colorBarBand a.ghostButton {
    display: inline-block;
    border: 2px solid #fff;
    padding: 10px 30px;
    color: #fff;
    font-size: 18px;
    line-height: normal;
    font-family: "Gentium Basic", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-weight: normal;
    font-style: italic;
    margin: 0 0 10px;
}

.colorBarBand a.ghostButton:after {
    content: '»';
    padding-left: 5px;
}

.colorBarBand a.ghostButton:hover {
    background: #fff;
    color: #333;
    text-decoration: none;
}

.homeTertiary {
    background: url("images/bkgd_grayslash.gif") repeat scroll 0 0;
    float: left;
    width: 100%;
    padding: 55px 0;
    border-top: 3px solid #fff;
}

/* events */
.homeTertiary .eventsCol ul.headerWrap {
    margin: 0;
    padding: 0 0 30px;
    list-style: none;
    display: table;
    width: 100%;
}

.homeTertiary .eventsCol ul.headerWrap li {
    display: table-cell;
    width: 33.3333%;
    text-align: center;
}

.homeTertiary .eventsCol ul.headerWrap div.line {
    border-top: 3px double #e0e0e0;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 8px;
}

.homeTertiary .eventsCol h2 {
    position: relative;
    color: #44464b;
    font-family: "Gentium Basic", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
    text-align: center;
    font-size: 26px;
    line-height: normal;
    display: inline-block;
    text-shadow: 1px 1px 0px #fff;
}

ul.homeEventsWrap {
    float: left;
    list-style: none;
    margin: 0 -15px;
    padding: 0;
}

ul.homeEventsWrap > li.column-list {
    float: left;
    width: 50%;
    padding: 0 15px;
}

ul.homeEventsWrap > li.column-list > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.homeEventsWrap > li.column-list > ul > li.eventItem {
    padding: 20px 20px 20px 75px;
    background: #fff;
    margin: 0 0 20px;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    min-height: 105px;
    overflow: visible;
}

ul.homeEventsWrap > li.column-list > ul > li.eventItem .date {
    position: absolute;
    top: 20px;
    left: -10px;
}

ul.homeEventsWrap > li.column-list > ul > li.eventItem .text {
    padding: 0 0 10px;
}

ul.homeEventsWrap > li.column-list > ul > li.eventItem .title {
    font-size: 16px;
    line-height: normal;
    padding: 0 0 5px;
    font-weight: normal;
}

ul.homeEventsWrap > li.column-list > ul > li.eventItem .title a {
    color: #00144d;
    font-weight: normal;
}

ul.homeEventsWrap > li.column-list > ul > li.eventItem .details {
    font-size: 13px;
    line-height: normal;
}

ul.homeEventsWrap > li.column-list > ul > li.eventItem .details .addtoCal {
    display: none;
}

ul.homeEventsWrap > li.column-list > ul > li.eventItem .details.withPlace .location::after {
    content: '';
    padding: 0;
}

/* social */
.socialCol {
    padding-left: 45px;
}

.socialCol h3 {
    font-weight: bold;
    color: #999999;
    font-size: 18px;
    text-shadow: 1px 1px 0px #fff;
    text-align: center;
    padding-bottom: 10px;
}

#instagramHolder {
    margin: 0 -5px;
    padding: 0 0 20px;
    overflow: hidden;
}

.instagram-placeholder {
    float: left;
    padding: 0 5px 10px;
    width: 33.3334%;
}

.instagram-placeholder a {
    display: block;
}

.instagram-placeholder a:hover {
    opacity: 0.8;
}

#twitterHolder {
    background: #e3e3e3;
    padding: 15px 25px;
    border-radius: 2px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

h2 .viewAll {
    float: right;
    font-size: 14px;
    text-transform: none;
    letter-spacing: normal;
}


/* Mobile Navigation
-----------------------------------------------*/
.m-pikabu-nav-toggle {
}

.m-pikabu-sidebar {
}

#nav {
    overflow-y: scroll;
}

#nav ul li ul {
    display: none;
}

#nav ul li.selected > ul {
    display: block;
}

.m-pikabu-sidebar .mainNav ul li {
    position: relative;
}

.m-pikabu-sidebar .mainNav ul li a {
    padding: 12px 1em;
}

.m-pikabu-sidebar .mainNav ul li.selected a {
    color: #fff;
}

/* Mobile Accordion */
.m-pikabu-sidebar .mainNav ul li.has-subnav .accordion-btn {
    color: #fff;
}

/* Mobile Search */
.mobileSearch {
    margin: 1em;
    text-align: center;
    color: #ccc;
    position: relative;
}

.mobileSearch input {
    background: #666;
    border: none;
    padding: 5px 20px 4px 10px;
    width: 100%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #ccc;
}

.mobileSearch img[id$="_imgbtnSearch"] {
    width: 14px;
    position: absolute;
    right: 10px;
    top: 7px;
}

.mobileSearch button,
.mobileSearch label,
.mobileSearch .SearchModuleSpacer {
    display: none;
}


/* Utility Classes
-----------------------------------------------*/
/* Flexbox Equal heights */
.flexbox .equal-height {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.flexbox .equal-height-item {
    display: inherit;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flexbox .equal-height-item-inner {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}

/* Stack items on mobile */
@media only screen and (max-width: 699px) {
    .flexbox .equal-height {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
}

/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Wide Desktop Only
   ========================================================================== */
@media only screen and (min-width: 1280px) {

}


/* =============================================================================
   Desktop Only
   ========================================================================== */
@media only screen and (min-width: 1024px) {
    .flexbox .colWrapper {
        display: flex;
    }

    .tabulaTabsWrap {
        display: flex !important;
    }

    .secondarySpecNav ul {
        display: table !important;
    }
}


/* =============================================================================
   Below Desktop
   ========================================================================== */
@media only screen and (max-width: 1023px) {

    a.m-nav-toggle {
        position: absolute;
        right: 75px;
        top: 0;
        height: 76px;
        display: block;
        line-height: 76px;
        color: #82afd3;
        font-size: 24px;
        cursor: pointer;
        text-align: center;
        z-index: 100;
    }

    a.m-nav-toggle:hover {
        background: rgba(0, 0, 0, 0.3);
    }

    .mobileNav {
        width: 100%;
        -moz-transition: -moz-transform 0.2s ease-in-out, visibility 0s 0.2s;
        -o-transition: -o-transform 0.2s ease-in-out, visibility 0s 0.2s;
        -webkit-transition: -webkit-transform 0.2s ease-in-out, visibility 0s;
        -webkit-transition-delay: 0s, 0.2s;
        transition: transform 0.2s ease-in-out, visibility 0s 0.2s;
        -moz-transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        background: #fff;
        z-index: -1;
        visibility: hidden;
    }

    .no-csstransforms3d .mobileNav {
        -moz-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    .nav-visible .mobileNav {
        -moz-transition-delay: 0s, 0s;
        -o-transition-delay: 0s, 0s;
        -webkit-transition-delay: 0s, 0s;
        transition-delay: 0s, 0s;
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
        z-index: 5;
    }

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

    .mobileNav ul li {
    }

    .mobileNav ul li a {
        display: block;
    }

    .mobileNav .accordion-btn-wrap {
        width: 75px !important;
    }

    /* first level */
    .mainMobileNav > ul {
    }

    .mainMobileNav > ul > li {
        background: #f2f2f3;
        border-bottom: 1px solid #cfd0d2;
    }

    .mainMobileNav > ul > li > .accordion-btn-wrap {
        background: #e1e1e3;
        font-size: 36px;
        color: #95001a;
    }

    .mainMobileNav > ul > li > a {
        line-height: 50px;
        padding: 0 25px;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1px;
        transform: none;
    }

    .mainMobileNav > ul > li.active,
    .mainMobileNav > ul > li.selected {
        background: #82afd3;
    }

    .mainMobileNav > ul > li.active > a,
    .mainMobileNav > ul > li.selected > a {
        color: #fff;
    }

    .mainMobileNav > ul > li.active > .accordion-btn-wrap,
    .mainMobileNav > ul > li.selected > .accordion-btn-wrap {
        background: #9ebed8;
        color: #fff;
    }

    /* second level */
    .mainMobileNav > ul > li > ul {
        background: #fff;
        padding: 0 0 5px;
        font-size: 14px;
        line-height: normal;
    }

    .mainMobileNav > ul > li > ul > li:first-child {
        border: none;
    }

    .mainMobileNav > ul > li > ul > li {
        border-top: 1px solid #eeefef;
    }

    .mainMobileNav > ul > li > ul > li > a {
        padding: 10px 20px 10px 50px;
        font-weight: normal;
        color: #00144d;
    }

    .mainMobileNav > ul > li > ul > li > a:hover {
        background: rgba(0, 0, 0, 0.0 .1);
    }

    .mainMobileNav > ul > li > ul > li.has-subnav > .accordion-btn-wrap {
        background: #eee;
        color: #333;
        font-size: 24px;
    }

    .mainMobileNav > ul > li > ul > li.active {
        background: #f3f3f3;
    }

    .mainMobileNav > ul > li > ul > li.has-subnav.active > .accordion-btn-wrap {
        background: #ccc;
    }

    .mainMobileNav > ul > li > ul > li.active > a {
        font-weight: bold;
    }

    /* third level */
    .mainMobileNav > ul > li > ul > li > ul {
        background: #f3f3f3;
        padding: 0 0 5px;
        font-size: 14px;
        line-height: normal;
    }

    .mainMobileNav > ul > li > ul > li > ul > li:first-child {
    }

    .mainMobileNav > ul > li > ul > li > ul > li {
        border-top: 1px solid #fff;
    }

    .mainMobileNav > ul > li > ul > li > ul > li > a {
        padding: 10px 20px 10px 70px;
        font-weight: bold;
        color: #00144d;
    }

    .mainMobileNav > ul > li > ul > li > ul > li > a:hover {
        background: rgba(0, 0, 0, 0.0 .1);
    }

    .mainMobileNav > ul > li > ul > li > ul > li.has-subnav > .accordion-btn-wrap {
        background: #eee;
        color: #333;
        font-size: 24px;
    }
}


/* =============================================================================
   Tablet
   ========================================================================== */
@media only screen and (min-width: 700px) and (max-width: 1023px) {

    body {
        font-size: 14px;
        line-height: 1.6em;
    }

    .structHead {
        height: 76px;
    }

    .headLogo {
        position: relative;
        padding-left: 25px;
    }

    .searchToggle a {
        width: 75px;
        color: #82afd3;
    }

    .search {
        position: absolute;
        right: 0;
        margin-right: 0;
        top: 76px;
        width: 100%;
    }

    a.m-nav-toggle {
        width: 75px;
    }

    .midWrap {
        padding-bottom: 1em;
        padding-left: 35px;
        padding-right: 45px;
    }

    .events .midWrap {
        padding-right: 30px;
        padding-left: 30px;
    }

    .mobileNav {
        padding-top: 76px;
    }

    .structBody {
        margin-top: 76px;
    }

    .paddedTop {
        padding-top: 40px;
    }

    .structBody .breadCrumbs ul {
        padding-bottom: 20px;
    }

    .eventItem {
        padding-right: 110px;
    }

    .eventItem .more {
        width: 100px;
    }

    .featureAcross .title {
        font-size: 18px;
    }

    .featureAcross .text {
        padding: 15px 15px 30px;
    }

    .featureAcross .preview {
        font-size: 13px;
    }

    .tabulaTabsWrap,
    .secondarySpecNav ul {
        display: block !important;
    }

    .structLeft {
        background: none;
    }

    .extraAreas {
        padding: 20px 40px;
    }

    .rightFeature .photoArea {
        width: 250px;
        float: left;
        margin-right: 0;
    }

    .rightFeature .photoArea img {
        margin-bottom: -20px;
    }

    .rightFeature .text {
        padding: 0 20px 0 260px;
    }

    .rightFeature .text > a {
        margin: 10px 0;
        display: inline-block !important;
    }

    .footerAddress {
        text-align: center;
        font-size: 12px;
    }

    footer .footerAddress .footerRight {
        text-align: center;
        padding-top: 10px;
    }

    .footerSocial ul.social li {
        padding: 0 2px;
    }

    .pageHero .bx_slide .sldimg {
        min-height: 400px;
    }

    .pageHero .bx_slide .sldtxt {
        width: 60%;
        padding: 20px;
    }

    .pageHero .bx_slide .sldtxt .title {
        font-size: 24px;
    }

    .pageHero .bx_slide .sldtxt .preview {
        font-size: 12px;
    }

    .secondarySpecNav ul {
        padding: 0 10px;
    }

    .secondarySpecNav ul li a {
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 15px 10px;
    }

    .start .pageHero .bx_slide .sldimg {
        min-height: 465px;
    }

    .start .pageHero .bx_slide .sldtxt,
    .start .pageHero .rotatorFill {
        width: 80%;
        right: 10%;
    }

    .start .pageHero .bx_slide .sldtxt {
        padding: 30px 40px;
    }

    .start .pageHero .bx_slide .sldtxt .title {
        font-size: 28px;
    }

    .start .midWrap {
        padding: 65px 30px 50px;
    }

    .homeNewsBox {
        width: 50%;
        float: left;
    }

    .homeNewsBox .text {
        padding-top: 25px;
    }

    .homeNewsBox .title {
        font-size: 16px;
    }

    .homeNewsBox .preview {
        font-size: 13px;
    }

    .homeNewsBox:first-child {
        width: 100%;
        float: left;
        clear: both;
    }

    .homeNewsBox:first-child .innerNewsWrap {
        padding: 0 0 30px;
        margin: 0 0 30px;
        border-bottom: 3px double #e0e0e0;
        float: left;
        width: 100%;
    }

    .homeNewsBox:first-child .thumb {
    }

    .homeNewsBox:first-child .innerNewsThumbWrap {
        padding-right: 15px;
        width: 50%;
        float: left;
    }

    .homeNewsBox:first-child .text {
        width: 50%;
        float: left;
        padding: 10px 10px 0 20px;
    }

    .colorBarBand {
        font-size: 14px;
    }

    .colorBarBand h3 {
        font-size: 22px;
    }

    .colorBarBand .col-sm-6 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .homeTertiary {
        padding: 0px;
    }

    .homeTertiary .container {
        padding: 0;
    }

    .homeTertiary .eventsCol {
        padding: 50px 50px 30px;
    }

    .homeTertiary .socialCol {
        background: #f2f2f3;
        padding: 40px 50px 50px;
        border-top: 1px solid #fff;
    }

    #instagramHolder {
        padding: 0;
    }

    .imageRotator .fullImg img {
        min-height: 125px;
    }

    .loggedin .imageRotator .fullImg img {
        min-height: 1px;
    }

    .staffLeftWrap .staff {
        width: 33.3336%;
        float: left;
        padding: 15px 20px 15px 0px;
    }

}


/* =============================================================================
   Mobile
   ========================================================================== */
@media only screen and (max-width: 699px) {

    body {
        line-height: 1.45em;
    }

    .structHead {
        height: 65px;
    }

    .blueHeader {
        height: 65px;
    }

    .headLogo {
        position: relative;
        padding-left: 15px;
        z-index: 10;
    }

    .headLogo img {
        height: 32px !important;
        margin-top: 16px;
    }

    .searchToggle {
        width: 65px;
        line-height: 65px;
        height: 65px;
        right: 0px;
    }

    .searchToggle a {
        color: #82afd3;
    }

    a.m-nav-toggle {
        width: 65px;
        line-height: 65px;
        height: 65px;
        right: 60px;
    }

    .searchToggle a {
        width: 65px;
        color: #82afd3;
    }

    .search {
        position: absolute;
        right: 0;
        margin-right: 0;
        top: 65px;
        width: 100%;
    }

    .mobileNav {
        padding-top: 65px;
    }

    .mobileNav .accordion-btn-wrap {
        width: 55px !important;
    }

    .mainMobileNav > ul > li > ul > li > a {
        padding-left: 25px;
    }

    .mainMobileNav > ul > li > ul > li > ul > li > a {
        padding-left: 40px;
    }

    .structBody {
        margin-top: 65px;
    }

    .midWrap {
        padding: 20px;
    }

    h1, .PageTitleHeader {
        font-size: 28px;
    }

    h2, .PageSubTitleHeader {
        font-size: 20px;
    }

    img.right {
        margin-left: 15px;
    }

    img.left {
        margin-right: 15px;
    }

    .newsItem .preview,
    .eventItem .preview {
        display: none;
    }

    .structLeft {
        background: none;
        border: none;
    }

    .extraAreas {
        padding: 20px;
    }

    .callout table {
        table-layout: fixed;
        width: 100%;
    }

    .callout table td {
        width: 100%;
        display: block;
    }

    #ContentFooter {
        padding: 0 40px;
    }

    .footerSocial ul.social li {
        padding: 0 5px 3px;
    }

    .footerSocial img.logo {
        max-height: 50px;
    }

    footer {
        text-align: center;
        font-size: 12px;
    }

    footer .footerRight {
        text-align: center;
        padding-top: 10px;
    }

    .footerAddress ul li {
        padding: 0 0 5px;
    }

    footer .footerAddress .footerRight {
        padding-top: 15px;
    }

    footer .footerAddress .footerRight ul li {
        display: block;
    }

    footer .footerAddress .footerRight ul li:before,
    footer .footerAddress ul li.noMBorder:before {
        content: "";
        padding: 0;
    }

    footer .footerAddress ul li.wideMobile {
        width: 100%;
        display: block;
    }

    .icon-custom {
        top: 7px;
    }

    .bx-demoWrap > .bx-viewport {
        background: #00144d;
    }

    .bx_demo .sldimg {
        height: auto;
    }

    .bx_demo .sldimg a {
        position: relative;
        display: block;
    }

    .bx_demo .sldtxt {
        position: relative;
        bottom: auto;
        width: 100%;
        right: 0;
        background: #00144d;
        padding: 15px;
        font-size: 13px;
        color: #fff;
        border: none;
    }

    .bx_demo .sldtxt .title {
        padding: 0 0 5px;
    }

    .bx_demo .sldtxt .title a {
        color: #fff;
        font-size: 14px;
    }

    .bx-demoWrap .bx-pager {
        position: relative;
        bottom: auto;
        left: 0;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .bx-demoWrap .bx-pager a {
        background: #ccc;
    }

    .bx-demoWrap .bx-controls-direction {
        display: none;
    }

    .midWrap .callout {
        padding: 20px;
        margin: 30px -5px;
    }

    dl.accordion {
        margin: 0 -10px;
    }

    dl.accordion dt.collapseItem .panel-heading {
        font-size: 18px;
        padding-right: 50px;
    }

    dl.accordion dt.collapseItem .panel-heading > a {
        padding: 15px;
    }

    dl.accordion dd.panel-collapse {
        padding: 20px;
    }

    .eventItem {
        padding: 20px 0;
    }

    .eventItem .text {
        padding-left: 65px;
    }

    .eventItem.withThumb .text {
        padding-right: 0;
    }

    .eventItem .title {
        font-size: 16px;
        letter-spacing: -0.5px;
    }

    .eventItem .thumb,
    .eventItem .more {
        display: none;
    }

    .eventItem .date {
        width: 50px;
    }

    .eventItem .details .time,
    .eventItem .details .location {
        display: block;
    }

    .eventItem .details.withTime .time:after, .eventItem .details.withPlace .location:after {
        content: '';
        padding: 0;
    }

    .featureAcrossOuterWrap {
        margin: 0;
    }

    .featureAcrossWrap {
        display: table;
        width: 100%;
    }

    .featureAcross,
    .featureAcross.two,
    .featureAcross.three,
    .featureAcross.four {
        padding: 0;
        width: 100%;
        float: none;
        margin: 10px 0 0px;
    }

    .featureAcross .preview {
        display: none;
    }

    .featureAcross .thumb,
    .wide .featureAcross .thumb {
        display: table-cell;
        width: 120px;
        padding: 0;
        vertical-align: middle;
        height: 100px;
    }

    .featureAcross .text {
        display: table-cell;
        vertical-align: middle;
        padding: 5px 15px;
    }

    .featureAcross .title {
        font-size: 16px;
    }

    .midWrap .rightFeature {
        padding: 15px;
        font-size: 13px;
    }

    .midWrap .rightFeature.textBlue .content h2, .midWrap .rightFeature.textRed .content h2 {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        margin-bottom: 15px;
    }

    .featuredEventItem {
        margin-bottom: 30px;
        padding: 0 0 30px;
    }

    .featuredEventItem .thumb {
        width: 100%;
        float: none;
        box-shadow: none;
        text-align: center;
    }

    .featuredEventItem .text {
        padding-left: 0;
    }

    .featuredEventItem .title {
        font-size: 24px;
    }

    .mobileTabsMenu {
    }

    .mobileTabsMenu > a {
        background: #eee;
        line-height: 35px;
        color: #9f9f9f;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        border-radius: 4px;
        display: block;
        position: relative;
        padding: 0 45px 0 10px;
    }

    .mobileTabsMenu > a:active,
    .mobileTabsMenu > a:focus {
        text-decoration: none;
    }

    .mobileTabsMenu > a .arw {
        position: absolute;
        height: 35px;
        right: 0;
        top: 0;
        width: 35px;
        text-align: center;
        color: #fff;
        background: #9f9f9f;
        border-radius: 0 4px 4px 0;
        font-size: 20px;
    }

    .mobileTabsMenu > a.open {
        background: #9f9f9f;
        color: #fff;
        border-radius: 4px 4px 0 0;
    }

    .tabulaTabsWrap {
        display: none;
        margin: 0;
    }

    .tabulaTabsWrap > .tabulaTab {
        width: 100%;
        float: none;
        padding: 0;
    }

    .tabulaTabsWrap > .tabulaTab > a {
        border-radius: 0;
        font-size: 13px;
    }

    .pageHero .bx_slide .sldimg {
        height: 270px;
    }

    .pageHero .bx_slide .overlay {
        top: 140px;
        bottom: auto;
    }

    .pageHero .bx_slide .sldtxt {
        position: relative;
        bottom: auto;
        left: 0;
        width: 100%;
        box-shadow: none;
        background: rgba(68, 70, 75, 1);
        padding: 15px;
    }

    .pageHero .bx_slide .sldtxt .title {
        font-size: 18px;
        text-align: center;
        padding: 0;
    }

    .pageHero .bx_slide .sldtxt .preview {
        display: none;
    }

    .pageHero .bx_slide .container {
        padding: 0;
    }

    .pageHero .bx-controls-direction {
        display: none;
    }

    .stripedDIV {
        height: 10px;
    }

    a.mobileSpecNavToggle {
        display: block;
        font-size: 13px;
        leter-spacing: 1.5px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 19px 20px;
        color: #333;
    }

    a.mobileSpecNavToggle > .fa {
        float: right;
        font-size: 20px;
    }

    a.mobileSpecNavToggle.open {
        background: #82afd3;
        color: #fff;
    }

    a.mobileSpecNavToggle:focus,
    a.mobileSpecNavToggle:hover {
        text-decoration: none;
        outline: none;
    }

    .secondarySpecNav ul.navOptions {
        display: none;
    }

    .secondarySpecNav ul li {
        display: block;
        border: none;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #fff;
    }

    .secondarySpecNav ul li a {
        padding: 15px 20px;
        letter-spacing: 0.5px;
        text-align: left;
        font-size: 13px;
    }

    .secondarySpecNav ul li.specEventNavHide {
        display: block;
    }

    .start .pageHero .bx_slide .sldimg {
        min-height: 220px;
    }

    .start .pageHero .bx_slide .sldtxt {
        width: 100%;
        bottom: auto;
        right: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .start .pageHero .bx_slide .sldtxt .title {
        font-size: 20px;
        padding: 0 0 5px;
    }

    .start .pageHero .bx_slide .sldtxt .preview {
        display: block;
        font-size: 12px;
    }

    .start .imageRotator .fullImg {
        padding-bottom: 10px;
    }

    .start .midWrap {
        padding: 20px 20px 0;
    }

    .homeNewsBox {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

    .innerNewsThumbWrap {
        float: left;
        width: 100px;
    }

    .homeNewsBox .thumb {
        height: 80px;
    }

    .homeNewsBox .text {
        padding: 0 0 0 115px;
    }

    .homeNewsBox .title {
        padding: 0;
        font-size: 14px;
    }

    .homeNewsBox .preview {
        display: none;
    }

    .colorBarBand {
        padding: 0;
    }

    .colorBarBand .altColorFill {
        display: none;
    }

    .colorBarBand .leftColorBox,
    .colorBarBand .rightColorBox {
        padding: 35px 35px;
    }

    .colorBarBand .rightColorBox {
        background: #74000e;
    }

    .colorBarBand h3 {
        font-size: 20px;
        margin: 0 0 15px;
    }

    .colorBarBand a.ghostButton {
        margin: 0;
    }

    .homeTertiary {
        padding: 30px 0 0;
    }

    .eventsCol {
    }

    .homeTertiary .eventsCol ul.headerWrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    .homeTertiary .eventsCol ul.headerWrap li {
        width: 70%;
    }

    .homeTertiary .eventsCol ul.headerWrap li.border {
        width: 15%;
    }

    ul.homeEventsWrap {
        float: none;
        margin: 0 05px;
    }

    ul.homeEventsWrap > li.column-list {
        width: 100%;
        float: none;
    }

    ul.homeEventsWrap > li.column-list-1 {
        display: none;
    }

    ul.homeEventsWrap > li.column-list > ul > li.eventItem {
        padding-left: 55px;
    }

    .socialCol {
        background: #f2f2f3;
        padding: 20px;
        border-top: 1px solid #fff;
    }

    .imageRotator .fullImg img {
        min-height: 100px;
    }

    .loggedin .imageRotator .fullImg img {
        min-height: 1px;
    }

    .tabContainer .pagerholder a {
        display: none;
    }

    .tabContainer .pagerholder a.jp-next,
    .tabContainer .pagerholder a.jp-previous {
        display: inline-block;
    }

    .regionalBtns {
        margin: 0 -3px;
    }

    .flexbox .regionalBtns {
        flex-wrap: wrap;
    }

    .regionalBtns > li {
        padding: 0 3px 6px;
        width: 50%;
    }
}


/* =============================================================================
   Less than 480px / mobile portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {

}


/* =============================================================================
   Retina Display
   ========================================================================== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

}

/* Changing CPI Button color - maintenance */
.imod-progWidget .giveBtn a {
    background: #011F5B !important;
}

.leaderboard .scoreboard-container .data-grid-container .data-grid-row .data-grid-column {
    padding-left: 5px !important;
}

@media only screen and (min-width: 700px) {
    .start .pageHero.penn-hero-alt .bx_slide .sldimg {
        min-height: 450px !important;
        max-height: 450px !important;
    }
    .start .pageHero.penn-hero-alt .bx-viewport[style] {
        height: 450px !important;
    }
}

.penn-alt .homeTertiary {
    padding: 55px 30px;
}

.content-section-1,
.content-section-1.homeTertiary,
.content-section-2 {
    padding: 40px;
}

.loggedin .content-section-1,
.loggedin .content-section-2 {
    display: block !important;
}

.penn-alt .penn-4-across-item .thumb {
    padding: 20px;
    width: 90%;
    height: 250px;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
}

.penn-alt .penn-4-across-item .title {
    padding: 20px;
    text-align: center;
}

.penn-alt .penn-4-across-item .title h3 {
    font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    font-style: normal;
}

.penn-alt .penn-4-across-wrap .slick-prev.slick-arrow,
.penn-alt .penn-4-across-wrap .slick-next.slick-arrow {
    background: #95001a;
    border: 0;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    color: transparent;
    position: absolute;
    z-index: 1;
    top: 40%;
}

.penn-alt .penn-4-across-wrap .slick-prev.slick-arrow::after,
.penn-alt .penn-4-across-wrap .slick-next.slick-arrow::after {
    color: white;
    font-family: "Font Awesome 5 Free", FontAwesome;
    font-size: 36px;
    position: absolute;
    top: 13px;
}

.penn-alt .penn-4-across-wrap .slick-prev.slick-arrow {
    left: 10px;
}
.penn-alt .penn-4-across-wrap .slick-next.slick-arrow {
    right: 10px;
}

.penn-alt .penn-4-across-wrap .slick-prev.slick-arrow::after {
    content: '\f053';
    left: 10px;
}
.penn-alt .penn-4-across-wrap .slick-next.slick-arrow::after {
    content: '\f054';
    right: 10px;
}

.penn-alt .slick-dots {
    display: none !important;
}

.penn-alt ul.homeEventsWrap {
    width: 100%;
    margin: 0 auto;
}

.penn-alt .sldimg a,
.penn-alt .sldimg a img {
    height: 450px;
}


/* OPENAIR MAINTENANCE */
/* JF Iterative Template */
.wharton_1col .utilityBar {
    background: #004785;
    border-bottom: solid 1px #b4b7be;
}

.wharton_1col .blueHeader {
    background: #004785;
}

.wharton_1col footer {
    background: #004785;
}

.wharton_1col .footerAddress {
    background: #004785;
    border-top: solid 1px #b4b7be;
}

/* MAINT 122018 DT 10012019 */
.pcb .title h3 {
    color: #44464b;
    font-weight: normal !important;
  }
        /*fix for unescaped arrows.*/
        .leaderboard .scoreboard-container .data-grid-container .data-grid-row .data-grid-column.column-header.sorted-desc:after {
            font-weight: 900;
            content: "\2191" !important;
            }
            .leaderboard .scoreboard-container .data-grid-container .data-grid-row .data-grid-column.column-header.sorted-asc:after {
            font-weight: 900;
            content: "\2193" !important;
            }