@charset "UTF-8";

/*  ==============================================
	NLC Starting Package 
    Based on HTML5 ✰ Boilerplate - http://html5boilerplate.com/
*/

/*  ================================================================================================  */
/*  ================================================================================================  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
    }

[hidden] {
    display: none;
}

/*  ================================================================================================  */
/*  ================================================================================================  */

html {
    font-size: 120%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-size: 1.2em;
    line-height: 1.5;
}

body, button, input, select, textarea {
    font-family: 'Nunito Sans', sans-serif;
    color: #333;
}

/* Selection Styles - Change colors to match design */
::-moz-selection {
    background: #008199;
    color: #FFF;
    text-shadow: none;
}

::selection {
    background: #008199;
    color: #FFF;
    text-shadow: none;
}

/*  ================================================================================================  */
/*  ================================================================================================  */

@font-face {
}

/*  ================================================================================================  */
/*  ================================================================================================  */

/*  Common bottom margins  */
ul, ol, dl, p {
    margin: 0 0 1.5em;
}

/*  Links  */

a {
    color: #023064;
}

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

    a:focus {
        color: #000;
        outline: thin dotted;
    }

    a:hover,
    a:active {
        outline: 0;
    }

/*  Headings */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 .2em;
}

h1 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 1.1em;
    margin: 0 0 .2em 0;
}

h2 {
    color: #023064;
    font-size: 20px;
    margin: 0 0 .8em 0;
    line-height: 1.1em;
}

h3 {
    color: #023064;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 .5em 0;
}

h4 {
    color: #333;
    font-size: 15px;
    margin: 0;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 14px;
}

/*  Text Styles  */
abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #CCC;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #FF9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #FF0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1.2em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

    q:before, q:after {
        content: "";
        content: none;
    }

small {
    font-size: 95%;
}

sub, sup {
    font-size: 85%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/*  Lists  */
ul {
    padding: 0 0 0 15px;
}

ol {
    padding: 0 0 0 38px;
}

dd {
    margin: 0 0 0 30px;
}

nav ul, nav ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aside ul {
    padding: 0;
}

.content ul li {
    background: url('../img/layout/bullet.gif') 0 .5em no-repeat;
    list-style: none;
    padding-left: 14px;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

/* Forms */
form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
}

button, input, select, textarea {
    font-size: 120%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button, input {
    line-height: normal;
}

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
        *overflow: visible;
    }

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: none;
    }

        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

    input:valid,
    textarea:valid {
    }

    input:invalid,
    textarea:invalid {
        background-color: #F0DDDD;
    }

/*  Tables  */
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.5em 0;
}

td {
    vertical-align: top;
    padding: 0 1em .4em 0;
}

/*  ================================================================================================  */
/*  ================================================================================================  */

/*  ========== LAYOUT GRID STYLES ==========  */
.gridLayout,
.gridRow {
    overflow: hidden;
    zoom: 1;
    clear: both;
}

.grid {
    display: inline;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.grid_1 {
    width: 60px;
}

.grid_2 {
    width: 140px;
}

.grid_3 {
    width: 210px;
}

.grid_4 {
    width: 288px;
}

.grid_4_5 {
    width: 315px;
}

.grid_5 {
    width: 420px;
}

.grid_6 {
    width: 460px;
}

.grid_7 {
    width: 540px;
}

.grid_8 {
    width: 620px;
}

.grid_9 {
    width: 700px;
}

.grid_10 {
    width: 780px;
}

.grid_11 {
    width: 860px;
}

.grid_12 {
    width: 940px;
}

.grid_half {
    width: 48%;
}

/* Centered grid */
.gridCentered {
    width: 86%;
    margin: 0 auto;
    overflow: hidden;
}

    .gridCentered .grid_3 {
        width: 194px;
    }

    .gridCentered .grid_5 {
        width: 385px;
    }

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/*  ========== ACCESSIBILITY STYLES ==========  */
.accessTarget,
.accessLink {
    position: absolute;
    top: -999em;
}

    .accessLink:focus {
        top: 0;
    }

/*  ========== CONTAINER STYLES ==========  */
.wrapper {
    min-width: 970px;
    max-width: 1440px;
    margin: 0 auto;
}

.container {
    width: 986px;
    margin: 0 auto;
    position: relative;
}

.colContainer {
    margin-top: 275px;
}

.ie6 .wrapper {
    width: expression(document.body.clientWidth > 1287 ? "1285px" : "100%");
}


/*  ========== HEADER STYLES ==========  */
.header {
    background: #fff;
    width: 100%;
    padding: 1em 0;
    font-size: 13px;
    position: relative;
    z-index: 200;
}

.fixed .header {
    position: fixed;
    left: 0;
}

.is-edit .header {
    position: relative;
}

.hdr-logo {
    display: block;
    float: right;
    margin: 0 9px 0 0;
}

.header a {
    color: #eee;
}

/*  ========== MAIN NAVIGATION STYLES ==========  */
.mainnav {
    width: 100%;
    font-size: 15px;
    position: relative;
    z-index: 199;
}

    .mainnav .wrapper {
        background: #023064;
        background-color: rgba(2, 48, 100, 0.85);
        position: relative;
        margin: 0 auto;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.fixed .mainnav {
    position: fixed;
    left: 0;
}

.is-edit .mainnav {
    position: relative;
}

.mn-logo {
    display: block;
    float: left;
    width: 200px;
    line-height: 61px;
}

    .mn-logo img {
        height: auto;
        width: 100%;
    }

.mnlist {
    float: right;
    font-family: 'Nunito Sans', sans-serif;
    margin: 0 8px 0 0;
    padding: 0;
}

    .mnlist li {
        background: none;
        float: left;
        list-style: none;
        padding: 0;
    }

.mainnav a {
    color: #fff;
}

    .mainnav a:visited {
    }

    .mainnav a:hover,
    .mainnav a:focus {
        text-decoration: underline;
    }

.mainnav .active a {
}

.mainnav .navItem {
    display: block;
    line-height: 1.2em;
    padding: 0 .5em;
    white-space: nowrap;
    cursor: default;
}

.mnlist li a.mainItem {
    color: #fff;
    display: block;
    float: left;
    min-height: 39px;
    height: auto !important;
    height: 39px;
    text-decoration: none;
    padding-top: 22px;
    position: relative;
    z-index: 1;
    cursor: default;
}

.mnlist li.magaNav span.dd-arrow {
    background: url('../img/layout/mega-nav-arrow.png') 50% 0 no-repeat;
    height: 15px;
    width: 100%;
    position: absolute;
    top: 49px;
    left: -999em;
    z-index: 999;
}

.mnlist li.magaNav:hover a.mainItem,
.mnlist li.magaNav a.mainItem:hover,
.mnlist li.magaNav a.mainItem:focus {
    text-decoration: underline;
}

.mnlist li.noMegaNav a {
    text-decoration: none;
}

    .mnlist li.noMegaNav a:hover,
    .mnlist li.noMegaNav a:focus {
        text-decoration: underline;
    }

.mainnav .header-help {
    position: absolute;
    display: block;
    right: -50px;
}

/*	Mega Drop Downs	 */
.dd-mega {
    background: #fff;
    width: 934px;
    position: absolute;
    z-index: 0;
    left: -999em;
    margin: 0 auto;
    padding: 1.8em 0 1em 17px;
    border: 3px solid #e6e6e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.70);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.70);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.70);
}

    /*	Drop it down!  */
    ul.mnlist li div.focus,
    ul.mnlist li:hover .dd-mega,
    .dd-mega.activate {
        left: auto !important;
        right: 15px;
        top: 61px;
    }

ul.mnlist li span.dd-arrow.focus,
ul.mnlist li:hover span.dd-arrow,
span.dd-arrow.activate {
    left: auto;
}

/*	Mega Drop Down Contents  */
.dd-mega,
.dd-mega .subCategory {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
}

    .dd-mega .grid {
        margin-left: 20px;
        margin-right: 0;
    }

        .dd-mega .grid:first-child {
            margin-left: 0;
        }

    .dd-mega .grid_full {
        padding-right: 1.2em;
    }

    .dd-mega a {
        color: #023064;
    }

        .dd-mega a:hover,
        .dd-mega a:focus {
            color: #000;
        }

    .dd-mega ul li {
        float: none;
    }

/*	Search Form  */
/*.mainnav .searchWrapper { position: relative; top: 16px; }*/

.searchWrapper {
    float: right;
    padding-top: 19px;
}

.toggle-search {
    display: none;
}

.searchBox {
    background: #fff;
    color: #666;
    border-radius: 12px;
    border: 1px solid #fff;
    padding: .3em .4em
}

    .searchBox .input-text {
        background: none;
        font-size: 16px;
        width: 110px;
        border: 0;
    }

    .searchBox input[type="text"],
    .searchBox input[type="search"] {
        -webkit-appearance: none;
        -webkit-box-sizing: none;
        box-sizing: border-box;
    }

.input-submit {
    background: url(../img/layout/btn-search.png) 0 50% no-repeat;
    width: 16px;
    height: 18px;
    border: none;
    display: inline-block;
    text-indent: -9999em;
    text-transform: capitalize;
}

@media only screen and (min-width: 651px) {

    .toggle-search {
        display: block;
    }

        .toggle-search img {
            height: auto;
            width: 21px;
        }

    .searchBox {
        opacity: 0;
        overflow: hidden;
        right: 40px;
        top: 16px;
        width: 0;
        transition: all .4s;
        display: block;
        opacity: 1;
        width: 255px;
    }

        .searchBox .input-search {
            width: 230px;
        }
}

/*  ========== CONTENT STYLES ==========  */
.content {
    overflow: hidden;
    padding: 0 0 2em 0;
}

    .content .container {
        background: url('../img/layout/content-bg.png') 0 0 no-repeat;
        width: 943px;
        min-height: 600px;
        padding: 2em 20px 1.5em 23px;
        clear: both;
    }

.main {
}

.aside {
    float: right;
}

.maincontent, .sidebar {
    float: left;
}

.breadcrumb {
    font-size: 13px;
    line-height: 1.2em;
    margin-bottom: 2em;
}

/*  ========== MAIN STYLES ==========  */
.main {
}

/*  ========== MAIN CONTENT STYLES ==========  */
.maincontent {
    width: 650px;
    font-size: 15px;
}

li {
    font-size: 13px;
}

.maincontent-full {
    width: 940px;
    font-size: 15px;
}

/*  ========== ASIDE STYLES ==========  */
.aside {
    width: 261px;
    font-size: 14px;
    padding-bottom: 1.5em;
}

    .aside img {
        max-width: 100%;
        height: auto;
    }

/*  ========== SIDEBAR STYLES ==========  */
.sidebar {
    float: left;
    display: inline;
    font-size: 14px;
    width: 257px;
    position: relative;
    margin: 2em 15px 0 0;
}

.sidenav {
    background: url('../img/layout/sidenav-bg.jpg') 0 0 no-repeat;
    width: 222px;
    min-height: 325px;
    padding: 0 35px 2em 0;
}

ul.sidenav li {
    background-image: none;
    padding: 0;
}

ul.sidenav a {
    color: #333;
    text-decoration: none;
}

.sn-parent a {
    background: url('../img/layout/bullet.gif') 12px 1.3em no-repeat;
    display: block;
    padding: .8em 1em .8em 24px;
    border-bottom: 1px solid #e6e6e6;
}

    .sn-parent a:hover,
    .sn-parent a:focus,
    .sn-parent a.active {
        background-color: #ececec;
    }

.sn-children {
    margin: .6em 0 .5em 0;
}

    .sn-children li a {
        background-position: 12px 1em;
        padding: .4em 0 .4em 24px;
        border: 0;
    }

.sidebar .mediaWidget {
    width: 95%;
}

/*  ========== FOOTER STYLES ==========  */
.footer {
    background: #333132;
    color: #fff;
    font-size: 14px;
    min-height: 156px;
    overflow: hidden;
}

    .footer .container {
        padding: 60px 0;
        overflow: hidden;
        zoom: 1;
    }

    .footer ul {
        margin-bottom: 30px;
        padding-left: 0;
    }

        .footer ul li {
            list-style: none;
            margin-bottom: .4em;
        }

    .footer a {
        color: #fff;
        text-decoration: none;
    }

        .footer a:hover,
        .footer a:focus {
            text-decoration: underline;
        }

    .footer .social-icons {
        padding: 1.4em 0;
    }

        .footer .social-icons a {
            margin: 0 0.4em;
        }

    .footer address {
        font-style: normal;
        margin-bottom: 30px;
    }

    .footer img {
        height: auto;
        max-width: 100%;
    }

    /* Hdr + Icons */
    .footer h3 {
        color: #bebebe;
        font-weight: bold;
        margin-top: 0;
    }

    .footer .icon {
        padding-left: 26px;
    }

/* Site info */
.siteInfo {
    background: #333132 !important;
    color: #fff;
    font-size: 14px;
    padding: 0 0 60px;
    overflow: hidden;
    zoom: 1;
    clear: both;
}

    /**
             * FD - I would consider keeping the line-height at 1.5 for everything
               PC - line-height(1.1em) is to get the pipes to look like the design. 
             */
    .siteInfo ul {
        float: right;
        overflow: hidden;
        margin: 0;
    }

        .siteInfo ul li {
            list-style: none;
            float: left;
            line-height: 1.1em;
            padding: 0 .5em;
            border-left: 1px solid #fff;
        }

            .siteInfo ul li:first-child {
                padding-left: 0;
                border-left: 0;
            }

    .siteInfo a {
        display: block;
        float: left;
        color: #fff;
        border-bottom: 1px dotted #eee;
        text-decoration: none;
    }

        .siteInfo a:hover,
        .siteInfo a:focus {
            border-bottom: 1px solid #eee;
        }

    .siteInfo p {
        line-height: 1.1em;
        margin: 0;
    }

/*  ================================================================================================  */
/*  ================================================================================================  */

/*  COMMON STYLES  */
.media, .mediaBody {
    overflow: hidden;
    zoom: 1;
}

.mediaHeader {
}

.mediaAside {
    float: left;
    margin-right: 1em;
}

.media {
    margin-bottom: .8em;
}

    .media img {
        display: block;
    }

/*  Buttons @extend .media  */
.mediaButton {
    background: #f8f8f8;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    margin-bottom: 1em;
    padding: .4em .8em .5em .4em;
    border-radius: 3px;
}

    .mediaButton .mediaBody {
        padding-top: .2em;
    }

    .mediaButton a { /* color: #323232; */
        text-decoration: none;
    }

/*  Stock Widget @extend .media  */
.mediaStock {
}

.stock-list {
}

.stock-list-item {
}

.stock-label {
}

.stock-value {
}

/*  Callout @extend .media  */
.mediaCallout {
}

/*  Related Content @extend .media  */
.mediaRelated {
}

/*  YouTube Widget @extend .media  */
.mediaYouTube {
}

/*  Blog Widget @extend .media  */
.mediaBlog {
    margin: 1.2em 0 1.5em 0;
}

/*  List Widget @extend .media  */
.commonListing {
    padding-top: .5em;
}

.contentListing {
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 1.5em;
    overflow: hidden;
}

    .contentListing ul {
        padding: 0 1em 0 0;
        margin-bottom: .5em;
    }

        .contentListing ul li {
            background: none;
            font-weight: bold;
            padding: 0 0 1em 0;
        }

.mediaList {
    margin-bottom: 2em;
}

    .mediaList h3 {
        font-size: 15px;
        font-weight: bold;
    }

    .mediaList .mediaAside img {
        max-width: 164px;
    }

.eventList {
}

.eventDateLocation {
    color: #999;
    font-size: 13px;
    margin-bottom: .5em;
}

.eventTime {
    margin: 0;
}

.eventLocation {
    margin: 0;
}

.eventMore {
    margin: 0;
}
/*  @extend .eventList  */
.docList {
}

.docType {
}

.docDate {
}

.docDesc {
}

.docLink {
}

.commonListing .container {
    background: none !important;
    width: auto;
    min-height: 0;
    padding: 0 !important;
}

/* TODO Copy to the latest package */

.commonListing.children-list .container .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
}

p.program-titleb {
    font-family: nunito sans;
    color: #000000;
    font-size: 28px;
    margin: .5em 0 .8em 0;
    line-height: 0.95em;
    font-weight: 900;
}

ul.widget-eventslist {
    padding: 0;
    padding-right: 20px;
}

    ul.widget-eventslist li {
        background: none;
        padding-left: 0;
    }

        ul.widget-eventslist li p.eventTime {
            font-size: 1.1em;
            font-weight: 700;
            color: #555555;
        }

        ul.widget-eventslist li a {
            color: #E20778;
        }

p.widget-eventslist a {
    color: #E20778;
}

p.testimonial {
    font-family: nunito sans;
    color: #000000;
    font-size: 24px;
    margin: 0 0 .8em 0;
    line-height: 1.1em;
    margin-right: 125px;
    font-weight: 900;
}

p.testimonial-TITLE {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 1em;
    line-height: 1.5;
    margin-right: 125px;
    font-weight: bold;
}

p.program-TITLEB {
    font-family: nunito sans;
    color: #000000;
    font-size: 28px;
    margin: .5em 0 .8em 0;
    line-height: 0.95em;
    font-weight: 900;
}

/*@media only screen and (max-width: 980px) {
    .mediaWidget {
        max-width: 50%;
    }
}*/

/*	Common content blocks  */
.commonBlock {
    background-color: #f9f9f9;
    background-image: -o-linear-gradient(top, rgb(243,243,243) 0%, rgb(249,249,249) 100%);
    background-image: -moz-linear-gradient(top, rgb(243,243,243) 0%, rgb(249,249,249) 100%);
    background-image: -webkit-linear-gradient(top, rgb(243,243,243) 0%, rgb(249,249,249) 100%);
    background-image: -ms-linear-gradient(top, rgb(243,243,243) 0%, rgb(249,249,249) 100%);
    background-image: linear-gradient(top, rgb(243,243,243) 0%, rgb(249,249,249) 100%);
    margin-bottom: 2em;
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    overflow: hidden;
}

    .commonBlock .mediaAside img {
        background: #fff;
        padding: 4px;
        border: 1px solid #e6e6e6;
    }

    .commonBlock .mediaBody {
        font-size: 14px;
        padding: 1em 0 0 1em;
    }

    .commonBlock h2 {
        color: #333;
        margin-bottom: .3em;
    }

    .commonBlock th,
    .commonBlock td {
        vertical-align: top;
        text-align: left;
        padding: 0 1em 1em 0;
    }

/*	Category lists  */
ul.category {
    padding: 0;
    margin: 0 0 1em 0;
}

    ul.category li {
        background: url('../img/layout/round-bullet.gif') 0 .6em no-repeat;
        float: none;
        font-weight: normal;
        list-style: none;
        padding: 0 0 .5em 0;
    }

    ul.category .catTitle {
        background: none;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 19px;
        font-weight: normal;
        color: #323232;
        padding-bottom: .7em;
    }

    ul.category .subcatTitle {
        background: none;
        color: #323232;
        font-size: 15px;
        font-weight: bold;
        padding: 0;
        margin-left: -.7em;
    }

    ul.category ul {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 14px;
        margin: .5em 0 0 0;
        padding: 1em 0 0 .8em;
        border-top: 1px solid #e6e6e6;
    }

        ul.category ul li {
            padding-left: 1em;
        }

        ul.category ul ul {
            font-size: 14px;
            margin: 0;
            padding: .5em 0 0 .8em;
            border: 0;
        }

ul.inlineList {
    padding: 0;
    margin: 0 0 1em .8em;
}

    ul.inlineList li {
        background: url('../img/layout/round-bullet.gif') 0 .6em no-repeat;
        float: none;
        font-weight: normal;
        list-style: none;
        padding: 0 0 .5em 1em;
    }

/*	Youtube widget/blocks  */
.grid_yt {
    width: 308px;
}

.mediaYouTube h2 {
    margin-bottom: 1em;
}

.mediaYouTube .yt-caption a,
.mediaYouTube a.yt-link {
    display: block;
    position: relative;
    text-decoration: underline;
}

.mediaYouTube .yt-play-button {
    background: url('../img/layout/yt-play-button.png') 50% 50% no-repeat;
    display: block;
    position: absolute;
    width: 45px;
    height: 30px;
}

.yt-caption {
    font-size: 14px;
    margin: .5em 0 0 0;
}

.yt-author {
    font-size: 13px;
    margin: 0;
}

.yt-caption a, a.yt-link {
    text-decoration: none;
}

.yt-date {
    font-size: 13px;
    margin: 0;
}

.yt-duration {
    font-size: 12px;
    color: #a0a0a0;
    margin: 0;
}

/*  Default Widget  */
.mediaWidget {
    margin-bottom: 2em;
}

    .mediaWidget h3 {
        background: #023064;
        color: #fff;
        font-size: 20px;
        padding: .8em;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);
    }

        .mediaWidget h3 .icon {
            display: block;
            float: right;
            height: 28px;
            width: 28px;
        }

            .mediaWidget h3 .icon.none {
                display: none;
            }

        .mediaWidget h3 .type {
            display: block;
            font-size: 12px;
            text-transform: uppercase;
        }

    .mediaWidget.plain h3 {
        background: none;
        margin-top: 0;
        padding: 0;
        text-shadow: none;
    }

        .mediaWidget.plain h3 .icon {
            border-radius: 13px;
            height: 25px;
            width: 25px;
        }

        .mediaWidget.plain h3 .icon-calendar {
            background-position: -1px -434px;
        }

        .mediaWidget.plain h3 .icon-event {
            background-position: -1px -325px;
        }

        .mediaWidget.plain h3 .icon-book-28 {
            background-position: -1px -362px;
        }

        .mediaWidget.plain h3 .icon-link-28 {
            background-position: -1px -290px;
        }

        .mediaWidget.plain h3 .icon-globe-28 {
            background-position: -1px -397px;
        }

        .mediaWidget.plain h3 .icon-person {
            background-position: -1px -470px;
        }

    .mediaWidget.plain.dark-text h3 {
        color: black !important;
    }

    .mediaWidget.plain.dark-text.big-header-text h3 {
        font-size: 25px;
        font-weight: 800;
    }

.deets {
    padding: .8em .8em .8em 1em;
}

/*  Faculty List   */
.facultyList h3 {
    background: #023064;
    color: #fff;
    font-size: 20px;
    padding: .1em .2em .1em .8em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);
}

/*  Events calendar .aside  */
.mediaCalendar {
    margin-top: 82px;
}

    .mediaCalendar h3 {
        margin-bottom: 1em;
    }

/*  Events .maincontent  */
.mediaEvent {
    border-top: 1px solid #e6e6e6;
    margin-bottom: 1.0em;
    padding: 1.5em 0 0 .8em;
}

    .mediaEvent h3 {
        color: #333;
        font-size: 16px;
        font-weight: bold;
    }

    .mediaEvent h4 {
        font-size: 14px;
        margin-top: 1em;
    }

    .mediaEvent p {
        margin-bottom: .8em;
    }

/* Event details page */
.eventDetails {
    padding-right: 1.5em;
}

.eventDetailsTable {
    margin-top: 1em;
}

    .eventDetailsTable th {
        width: 7em;
        text-align: left;
        vertical-align: top;
        padding-right: 10px;
    }

    .eventDetailsTable td {
        vertical-align: top;
        padding-right: 1em;
    }

/*  pagination  */
.paginationHolder {
    overflow: hidden;
    background: #e6e6e6;
    padding: .4em 1.5em;
}

.pagination {
    float: right;
    font-size: 13px;
}

    .pagination a,
    .pagination span {
        background: #f9f9f9;
        display: inline-block;
        color: #333;
        text-decoration: none;
        padding: .4em .8em;
    }

    .pagination span {
        color: #999;
    }

    .pagination a:hover,
    .pagination a:focus {
        background: #fff;
    }

.pager-list {
}

    .pager-list li {
    }

.listingPager {
    padding: 1em .8em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.listing-controls {
    float: right;
}

.listpager-prev,
.listpager-next {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    text-indent: -999em;
    margin: 3px 0 0 3px;
}

.listpager-prev {
}

.listpager-next {
}

.listpager-label {
    color: #fff;
}

/*  Calendar - Date Picker  */
.dateCalendarWrapper {
    width: 176px;
    margin: 0 auto;
}

/*	Calendar simulated select dropdows */
.dateCalendarView {
    margin-bottom: 2.5em;
    border: 1px solid #d6d6d6;
}

    .dateCalendarView:hover {
        background: #f3f2f2;
    }

    .dateCalendarView a {
        color: #333;
        display: block;
        text-decoration: none;
    }

.selectView {
    background: url('../img/layout/down-arrow.png') 95% 55% no-repeat;
    margin: 0;
    padding: .3em .3em .3em .8em;
}

.select {
    background: url('../img/layout/icon-calendar.png') 0 1px no-repeat;
    padding-left: 20px;
}

/*	Calendar Views  */
ul.dateCalendarViews {
    margin: .3em 0 .5em 0;
}

    ul.dateCalendarViews li {
        background: none;
        padding: 0;
    }

    ul.dateCalendarViews a {
        color: #333;
        padding: 0 1em;
    }

        ul.dateCalendarViews a:hover,
        ul.dateCalendarViews a:focus {
            color: #fff;
        }

.dcv-all {
}

.dcv-month {
}

.dcv-week {
}

.dcv-day {
}

.dcv-selected {
}

/*  Calendar Controls  */
.dateCalendarControls {
    background: #e6e6e6;
    font-size: 13px;
    position: relative;
    padding: .2em 0 0 0;
    border-bottom: 1px solid #cfcfcf;
}

.dcc-label {
    float: left;
    width: 142px;
    font-weight: bold;
    text-align: center;
    position: relative;
    left: 12px;
}

    .dcc-label ul {
        background: #fff;
        width: 120px;
        padding: 0;
        position: absolute;
        left: 12px;
        top: 17px;
        border: 1px solid #666;
    }

        .dcc-label ul li {
            background: none;
            font-weight: normal;
            text-align: left;
            padding: 0;
        }

            .dcc-label ul li a {
                display: block;
                color: #333;
                text-decoration: none;
                padding: .1em .3em;
            }

                .dcc-label ul li a:hover,
                .dcc-label ul li a:focus {
                    color: #fff;
                }

a.dcc-next {
    float: right;
    background-position: -392px -114px;
    top: .4em;
    right: .4em;
    display: block;
    height: 10px;
    width: 8px;
    text-indent: -999em;
    position: relative;
}

a.dcc-prev {
    float: left;
    background-position: -324px -114px;
    top: .4em;
    left: .9em;
    display: block;
    height: 10px;
    width: 8px;
    text-indent: -999em;
    position: relative;
}

.dcc-prev-disabled {
}

/*  Calendar Table  */
.dateCalendar {
    color: #333;
    font-size: 13px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #f0f0f0;
}

    .dateCalendar th {
        background: #e6e6e6;
        font-size: 12px;
        padding: 3px;
        border-bottom: 1px solid #ccc;
    }

    .dateCalendar td {
        width: 30px;
        padding: 5px 0;
        text-align: center;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

        .dateCalendar td a {
            display: block;
            color: #000;
            text-decoration: none;
        }

            .dateCalendar td a:hover,
            .dateCalendar td a:focus {
                color: #023064;
            }

td.activeEvent {
    background: #e3e3e3;
}

    td.activeEvent a {
        color: #023064;
        font-weight: bold;
    }

td.selectedWeek {
    background: #c7def5;
}

    td.selectedWeek a {
        color: #023064;
        font-weight: bold;
    }

td.currentDay {
    border: 2px solid #023064
}

/*  Calendar Filter  */
.dateCalendarFilter {
    width: 176px;
    margin: 0 auto;
}

    .dateCalendarFilter h5 {
        margin: .5em 0 .3em 1.2em;
    }

    .dateCalendarFilter .filters li {
        background: none;
        padding-bottom: .3em;
    }

        .dateCalendarFilter .filters li a {
            background: url('../img/layout/radio.gif') 0 -63px no-repeat;
            padding-left: 23px;
            display: inline-block;
            color: #333;
            text-decoration: none;
        }

            .dateCalendarFilter .filters li a:hover,
            .dateCalendarFilter .filters li a:focus {
                background-position: 0 3px;
                text-decoration: underline;
            }

        .dateCalendarFilter .filters li.active a {
            background-position: 0 3px;
            font-weight: bold;
            text-decoration: none;
            cursor: default;
        }

/* Research by Topic grid */
.researchTopics {
    margin-top: 5em;
}

    .researchTopics .gridRow {
        padding-bottom: 2em;
    }

    .researchTopics .grid {
        position: relative;
        padding-bottom: .8em;
        border-bottom: 1px solid #e6e6e6;
    }

        .researchTopics .grid,
        .researchTopics .grid a {
            color: #333;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }

            .researchTopics .grid p {
                margin: 0;
            }

            .researchTopics .grid img {
                display: block;
                border: 1px solid #e6e6e6;
            }

            .researchTopics .grid .learnMore {
                background: #000;
                background: rgba(0, 0, 0, 0.70);
                color: #fff;
                position: absolute;
                left: 1px;
                top: 1px;
            }

                .researchTopics .grid .learnMore p {
                    background: url('../img/layout/icon-external-link.png') 100% 50% no-repeat;
                    position: absolute;
                    top: -99999em;
                    left: 1px;
                    padding-right: 25px;
                }

/* Inline popup content */
.inlineContent {
    display: none;
}

.inlineGrid {
    font-size: 14px;
    max-width: 940px;
}

    .inlineGrid .gridRow {
        padding: 2em 0 0 9px;
    }

    .inlineGrid .grid_2 {
        width: 48%;
    }
    /* 2 column */
    .inlineGrid .grid_3 {
        width: 32%;
    }
    /* 3 column */
    .inlineGrid li {
        background: url('../img/layout/bullet.gif') 0 .5em no-repeat;
        list-style: none;
        padding-left: 14px;
        padding-bottom: 1em;
    }

    .inlineGrid ul {
        padding-left: 0;
    }

    .inlineGrid h2 {
        font-size: 15px;
        color: #333;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 1em;
    }

    .inlineGrid .metaDesc {
        font-size: 13px;
    }

    .inlineGrid .seeAll:before {
        content: "» ";
    }

    .inlineGrid .seeAll {
        font-size: 13px;
        position: absolute;
        bottom: .5em;
        right: 0.5em;
        margin: 0;
    }

/*	Search form  */
.searchWrapper {
    margin: 0 9px 0 0;
}

.searchBox {
    background: #fff;
    color: #666;
    border-radius: 12px;
    border: 1px solid #fff;
    padding: .1em .4em
}

.input-search {
    background: none;
    font-size: 16px;
    width: 110px;
    border: 0;
}

.input-submit {
    background: url(../img/layout/btn-search.png) 0 50% no-repeat;
    width: 16px;
    height: 18px;
    border: none;
    display: inline-block;
    text-indent: -9999em;
    text-transform: capitalize;
}

/*	Pulldown  */
.pullDown {
    position: relative;
    float: right;
    width: 30em;
}

    .pullDown h1 img {
        display: block;
        margin-bottom: 5px;
    }

.pd-child {
    background: #082c56;
    width: 254px;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #000;
    border-left: 0;
}

    .pd-child ul {
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

        .pd-child ul li {
            list-style: none;
            float: left;
            width: 114px;
            padding: .8em 0 .8em 12px;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000;
        }

    .pd-child a {
        text-decoration: none;
    }

        .pd-child a:hover,
        .pd-child a:focus {
            text-decoration: underline;
        }

    .pd-child .searchWrapper {
        float: none;
        margin: 0;
        padding: .4em 0;
        border-left: 1px solid #000;
    }

    .pd-child .searchBox {
        width: 225px;
        margin: 0 auto;
        padding: .3em .4em;
        border-radius: 8px;
    }

    .pd-child .input-search {
        width: 200px;
    }

/*	Text excerpt  */
.excerpt {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    color: #858585;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #e6e6e6;
}

    .excerpt h2 {
        font-family: 'Nunito Sans', sans-serif;
        margin-bottom: .3em;
    }

/*	Excerpt with image  */
.imgBlock {
    margin-bottom: 1em;
}

.imgBlock {
    display: block;
    position: relative;
}

    .imgBlock img {
        display: block;
    }

/*	Image grid  */
.gridBlock {
    position: relative;
}

.grid-img {
    position: relative;
}

    .grid-img img {
        display: block;
        height: auto;
        max-width: 100%;
    }

    .grid-img .caption {
        bottom: -1px;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

        .grid-img .caption p {
            font-size: 26px;
            font-style: italic;
            line-height: .8em;
            margin: 0;
            padding-left: .5em;
        }

            .grid-img .caption p.caption-line {
                font-family: 'Nunito Sans', sans-serif;
                font-weight: bold;
                font-style: normal;
                padding-left: 1em;
            }

.grid-deets {
    background: #000;
    background: rgba(0, 0, 0, 0.80);
    color: #fff;
    width: 100%;
    height: 100.9%;
    position: absolute;
    top: 0;
    left: 0;
}

.grid-deets {
    font-size: 11px;
}

    .grid-deets h3 {
        color: #fff;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 22px;
        font-style: italic;
        line-height: .8em;
        margin-bottom: .5em;
        padding: .8em .5em 0 .8em;
    }

        .grid-deets h3 .hdr-line {
            display: block;
            font-family: 'Nunito Sans', sans-serif;
            font-weight: bold;
            font-style: normal;
            padding-left: 1em;
        }

    .grid-deets p {
        line-height: 1.2em;
        margin: 1em .8em 1.1em 1.6em
    }

    .grid-deets a,
    .grid-deets a:hover {
        color: #fff;
    }

/*	Image captions  */
.caption {
    background: #000;
    background: rgba(0, 0, 0, 0.80);
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 20px;
    padding: .5em 2em .5em 1em;
    position: absolute;
    left: 0;
    bottom: 22px;
}

/*	Accordion  */
.accordion {
}

    .accordion h3 {
        color: #fff;
        position: relative;
        margin: 1em 0 0 0;
        padding: .8em;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);
    }

        .accordion h3 .source {
            font-size: 14px;
        }

        .accordion h3 .plusMinus {
            background-position: -144px -90px;
            height: 24px;
            width: 24px;
            position: absolute;
            top: 10px;
            right: 13px;
        }

        .accordion h3.active .plusMinus {
            background-position: -144px -144px;
        }


    .accordionPane,
    .accordion .source {
        display: block;
        font-size: 16px;
    }

.accordionPane {
    padding: 1em;
    border-bottom-right-radius: 10px;
}

    .accordionPane .comment {
        background-position: 0 -648px;
        padding: 0 1.5em;
    }

    .accordionPane .source {
        background: url('../img/layout/comment-bubble.png') 100% 0 no-repeat;
        text-align: right;
        line-height: 1.2em;
        padding: .7em 75px 1em 0;
    }

.accordion-testimonial h3 {
    background: #023064;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    text-shadow: 0px;
}

    .accordion-testimonial h3.active {
        background: #1b4473;
    }

.accordion-testimonial .accordionPane {
    color: #fff;
    font-style: italic;
    background: #023064 url('../img/layout/accordion-pane-bg.gif') 0 100% repeat-x;
    font-family: Georgia, Times New Roman, Serif;
}

    .accordion-testimonial .accordionPane a {
        color: #fff;
    }

        .accordion-testimonial .accordionPane a:hover,
        .accordion-testimonial .accordionPane a:focus {
            color: #eee;
        }


.accordion-plain h3 {
    font-size: 15px;
    padding-left: 28px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-top: 0;
    text-shadow: none;
}

    .accordion-plain h3 .plusMinus {
        top: 0;
        left: 0;
    }

.accordion-plain .accordionPane {
    font-size: 15px;
}

.accordion-plain .accordionPane {
    padding-top: 0.5em;
    padding-bottom: 0;
}

/*  Lightbox  */
.lightBox .thumbnail {
    max-width: 100%;
    height: auto;
}

/*  buttons  */
.btn {
    display: inline-block;
    margin: 1em 0;
}

.btn-visual {
    display: block;
}

a.button {
    display: inline-block;
    color: red;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 1.2em;
    margin-right: 1em;
    padding: 1em 2em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.40);
    border-radius: 5px;
}

    a.button:hover,
    a.button:focus {
        background: #ddd;
        color: #333;
        text-decoration: none;
        text-shadow: none;
        outline: 0 none;
    }

a.commonBtn {
    background: #f8f8f8 0 0 no-repeat;
    color: #959595;
    display: block;
    font-size: 15px;
    font-weight: bold;
    width: auto;
    text-decoration: none;
    padding: .4em .3em .4em .8em;
}

    a.commonBtn:hover {
        background: #023064;
        color: #fff;
        text-decoration: none;
    }

    a.commonBtn .btn-visual {
        background: url('../img/layout/link-arrow.png') 100% 4px no-repeat;
        display: inline;
        padding-right: 1em;
    }

    a.commonBtn:hover .btn-visual {
        background-position: 100% -20px;
    }

a.commonLink {
    background: #023064;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: .5em .8em .4em .8em;
}

    a.commonLink:hover,
    a.commonLink:focus {
        background: #eee;
        color: #333;
    }

.socialBtns {
}

ul.socialBtns li {
    background: none;
    float: left;
    padding: 0 .5em 0 0;
}

.socialBtns a {
    display: block;
    float: left;
    height: 28px;
    width: 28px;
    text-indent: -999em;
}

    .socialBtns a.linkedIn {
        background-position: 0 -126px;
    }

    .socialBtns a.fb {
        background-position: -69px -126px;
    }

    .socialBtns a.tweet {
        background-position: -34px -126px;
    }

.socialBtns2 {
    overflow: hidden;
    padding: .5em 0 0 0;
}

ul.socialBtns2 li {
    background: none;
    float: left;
    padding: 0 4px 0 0;
}

.socialBtns2 a {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    text-indent: -999em;
}

    .socialBtns2 a.linkedIn {
        background-position: 0 -90px;
    }

    .socialBtns2 a.fb {
        background-position: -20px -90px;
    }

    .socialBtns2 a.feed {
        background-position: -40px -90px;
    }

    .socialBtns2 a.ms {
        background-position: -60px -90px;
    }

    .socialBtns2 a.yt {
        background-position: -80px -90px;
    }

    .socialBtns2 a.tweet {
        background-position: -100px -90px;
    }

/*  Social widgets  */
.fb_iframe_widget,
.IN-widget,
.twtr-widget {
    margin-bottom: 1em;
}

/*  tags  */
.tags {
    font-size: 14px;
    font-style: italic;
    margin: 0;
}

/*  Icons  */
.icon {
    background: url('../img/layout/sprite.png') 0 0 no-repeat;
}

.icon-link {
    background-position: 0 -216px;
}

.icon-book {
    background-position: 0 -252px;
}

.icon-globe {
    background-position: 0 -180px;
}

.icon-calendar-day {
    background-position: -270px -144px;
}

/* 28x28 */
.icon-calendar {
    background-position: 0 -432px;
}

.icon-event {
    background-position: 0 -324px;
}

.icon-book-28 {
    background-position: 0 -360px;
}

.icon-link-28 {
    background-position: 0 -288px;
}

.icon-globe-28 {
    background-position: 0 -395px;
}

.icon-person {
    background-position: 0 -468px;
}

/*	Faculty Bio pages  */
/**
         * FD - A class is better is you need to create a one off
           PC - It was done this way because the data will be coming from a Web service.     
        */
.bio ul {
    padding: 0;
}

    .bio ul li {
        padding-bottom: .8em;
    }

/*	Flyout  */
.overlay,
.mn-overlay {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 198;
}

.overlay {
    z-index: 199;
}

.flyout {
    background: url('../img/layout/angle.png') 2px 0 no-repeat;
    height: 542px;
    width: 618px;
    position: absolute;
    top: 63px;
    left: -999em;
    z-index: 9999;
}

.fo-content {
    background: #fff;
    color: #737373;
    width: 597px;
    height: 523px;
    font-size: 14px;
    margin-left: 21px;
    overflow: hidden;
    position: relative;
}

    .fo-content h2 {
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: .8em;
    }

    .fo-content a {
        color: #023064;
    }

.fo-header img {
    display: block;
}

.fo-grid {
    float: left;
    width: 245px;
    min-height: 380px;
    margin-top: 25px;
    padding: 0 20px 0 20px;
    border-left: 1px dotted #000;
}

    .fo-grid.first {
        border-left: 0;
        width: 265px;
    }

.fo-block {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #000;
}

    .fo-block.last {
        margin: 0;
        padding: 0;
        border: 0;
    }

.fo-caption {
    font-size: 11px;
    line-height: 1.2em;
    margin: .5em 0 0 0;
}

.fo-data-block {
    overflow: hidden;
}

.fo-data {
    float: left;
    width: 85px;
    font-size: 11px;
    text-align: center;
}

    .fo-data p {
        line-height: 1.2em;
        margin: .5em 0 0 0;
        padding: 0 10px 0 10px;
    }

.fo-num {
    color: #e50278;
    font-size: 50px;
    font-weight: bold;
    margin: 0;
    line-height: 1em;
    border-left: 1px dotted #000;
    text-align: center;
}

    .fo-num.first {
        border: 0;
    }

.fo-custom-values {
    padding: 0;
}

    .fo-custom-values li {
        list-style: none;
        padding-bottom: .8em;
        overflow: hidden;
    }

    .fo-custom-values .fo-custom-value {
        display: block;
        float: left;
        color: #2bc3f2;
        font-size: 16px;
        font-weight: bold;
        text-align: right;
        margin-right: 1em;
    }

.btn-flyout {
    background-position: -198px -90px;
    display: block;
    width: 63px;
    height: 129px;
    text-indent: -999em;
    position: absolute;
    top: 350px;
    left: 0;
}

.btn-flyout-close {
    background-position: -72px -504px;
    display: block;
    width: 36px;
    height: 30px;
    text-indent: -999em;
    position: absolute;
    bottom: 12px;
    right: 12px;
}

/*	More links  */
.linkMore {
    text-align: right;
    margin-right: 1em;
}

/*	A/B Test alternative styles  */
.ab-link-mail {
    font-weight: bold;
    color: #004890;
    background: url('../img/layout/icon-mail.png') no-repeat left;
    padding-left: 22px;
}

.ab-apply h3 {
    background: #004890 !important;
    font-size: 27px;
    padding: .4em .8em .8em;
}

.ab-apply a {
    display: block;
    background: url('../img/layout/right-arrow-white.png') no-repeat right;
}

.ab-apply .title {
    text-decoration: underline !important;
}

.ab-apply .type {
    text-decoration: none !important;
}

/*  ================================================================================================  */
/*  ================================================================================================  */

/*  PLUGINS  */

/*  Parallax  */
.nlc-parallax {
    position: relative;
    z-index: 99;
}

.parallaxChild {
    min-height: 900px;
    height: auto !important;
    height: 600px;
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.positionfixed .parallaxChild {
    background-attachment: fixed;
    background-position: 50% top;
}

.article {
    padding-top: 150px;
    color: #FFF;
    position: relative; /*top: 250px; left: 200px;*/
}

.positionfixed .article {
    padding-top: 350px;
}

.parallax-active {
    font-weight: bold;
}

.parallaxControls {
    list-style: none;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 100px;
    right: 50px;
    z-index: 100;
}

    .parallaxControls li {
        line-height: 10px;
        height: 10px;
        padding-bottom: 10px;
    }

    .parallaxControls a {
        display: block;
        width: 10px;
        height: 10px;
        line-height: 1em;
        border-radius: 10px;
        text-indent: -9999em;
        background: #000;
        background: rgba(0,0,0,.5);
    }

        .parallaxControls a:hover,
        .parallaxControls a:focus,
        .parallaxControls .active {
            background: #FFF;
            box-shadow: 0 0 4px rgba(0,0,0,.5);
            outline: none;
        }

        .parallaxControls a:hover,
        .parallaxControls a:focus {
            background: rgba(255,255,255,.1);
        }

.parallaxChild .primary-list li:before {
    content: "»";
    font-family: Georgia, Times New Roman, Serif;
    font-size: 20px;
    padding-right: 5px;
}

.parallaxChild .primary-list {
    font-size: 20px;
    list-style: none;
    margin-left: 0;
    padding: 0;
}

/*  Color Scheme  */
.parallaxChild a, .parallaxChild a:visited {
    color: #FFF;
    text-decoration: none;
}

    .parallaxChild a:focus, .parallaxChild a:hover {
        text-decoration: underline;
    }

.parallaxChild {
    text-shadow: 0 2px 1px rgba(0,0,0,.2);
}

    .parallaxChild h2 {
        color: #FFF;
        font: italic normal 60px/25px Georgia, Times New Roman, Serif;
        margin-bottom: 0;
    }

.split {
    display: block;
    text-transform: uppercase;
    font: normal bold 72px Arial, Helvetica, sans-serif;
}

/*  Reverse - Dark Image  */
.rev h2 {
    color: #023064;
    text-shadow: 0 1px 1px rgba(255,255,255,.3);
}

.rev li,
.rev a, .rev a:visited {
    color: #000;
    text-shadow: 0 1px 1px rgba(255,255,255,.3);
}

/* controls the main navigation bg color on hompeage */
/* rotman blue */
#blue .mainnav .wrapper {
    background: #004890;
    background: rgba(0, 72, 144, 0.85);
}

#blue .dd-mega a {
    color: #004890;
}

#blue a.commonBtn:hover,
#blue a.commonBtn:focus {
    color: #fff;
    background: #004890;
}

/* pink */
#rubine-red .mainnav .wrapper {
    background: #D3005F;
    background: rgba(211, 0, 95, 0.85);
}

#rubine-red .dd-mega a {
    color: #D3005F;
}

#rubine-red a.commonBtn:hover,
#rubine-red a.commonBtn:focus {
    color: #fff;
    background: #D3005F;
}

/* sky blue */
#sky-blue .mainnav .wrapper {
    background: #00C2E2;
    background: rgba(0, 194, 226, 0.85);
}

#sky-blue .dd-mega a {
    color: #00C2E2;
}

#sky-blue a.commonBtn:hover,
#sky-blue a.commonBtn:focus {
    color: #fff;
    background: #00C2E2;
}

/* orange */
#orange .mainnav .wrapper {
    background: #E17300;
    background: rgba(225, 115, 0, 0.85);
}

#orange .dd-mega a {
    color: #E17300;
}

#orange a.commonBtn:hover,
#orange a.commonBtn:focus {
    color: #fff;
    background: #E17300;
}

/* green */
#green .mainnav .wrapper {
    background: #62BD19;
    background: rgba(98, 189, 25, 0.85);
}

#green .dd-mega a {
    color: #62BD19;
}

#green a.commonBtn:hover,
#green a.commonBtn:focus {
    color: #fff;
    background: #62BD19;
}

.parallaxChild .buttons {
    overflow: hidden;
    zoom: 1;
}

.parallaxChild a.button {
    float: left;
    font-size: 26px;
    padding: .4em 1em;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    border-radius: 15px;
}

.sub {
    font-weight: normal;
    display: block;
    font-size: 18px;
    text-transform: none;
    line-height: 1.1;
}

/* controls the color of buttons within each slide on homepage */
.blue a.button {
    background: #004890;
}

.rubine-red a.button {
    background: #D3005F;
}

.sky-blue a.button {
    background: #00C2E2;
}

.orange a.button {
    background: #E17300;
}

.green a.button {
    background: #62BD19;
}

/* controls the color of headings within each slide on homepage */
#blue h2, #blue h3, #blue h4 {
    color: #004890;
}

#rubine-red h2, #rubine-red h3, #rubine-red h4 {
    color: #D3005F;
}

#sky-blue h2, #sky-blue h3, #sky-blue h4 {
    color: #00C2E2;
}

#orange h2, #orange h3, #orange h4 {
    color: #E17300;
}

#green h2, #green h3, #green h4 {
    color: #62BD19;
}

/*  NLC jQuery Slider Core CSS  */
.nlcslider,
.nlcslider-holder {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.nlcslider-hide {
    display: none;
}

.nlcslider-progress,
.nlcslider-controls,
.nlcslider-numbers {
    position: absolute;
    width: 100%;
    z-index: 200;
    background: transparent;
}

.nlcslider-progress {
    bottom: 0;
}

.nlcslider-slide {
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
    z-index: 1;
}

.nlcslider-slideJS {
    position: absolute;
}

.nlcslider-slideContent {
    position: relative;
    z-index: 10;
}

.nlcslider-slideLink {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    display: block;
    width: 100%;
}

.nlcslider-slideBG {
    display: block;
    position: absolute;
}

.nlcslider img {
    border: none;
}

.nlcslider-btn,
.nlcslider-btnNumber {
    cursor: pointer;
}

.nlcslider-btn,
.nlcslider-numbers {
    position: absolute;
    text-align: center;
    width: 100%;
}

.nlcslider-btnNumber {
    display: -moz-inline-stack;
    display: inline-block;
}

.nlcslider-numbers {
    bottom: 10px;
}

/*  NLC jQuery Tabs Core CSS  */
.js .nlc-tabcontent-on {
    display: block;
}

.js .nlc-tabcontent-off {
    display: none;
}

.nlc-tabs {
    position: relative;
    zoom: 1;
}

.nlc-tabsbar {
    position: relative;
    zoom: 1;
}

    .nlc-tabsbar a {
        display: block;
    }
/* Horizontal Core */
.nlc-tabs-horizontal .nlc-tabsbar a {
    float: left;
}
/* Vertical Core */
.nlc-tabs-vertical .nlc-tabsbar {
    float: left;
}
/* Can be float: right if the tabs need to be on the right */
.nlc-tabs-vertical .nlc-tabscontent {
    zoom: 1;
    overflow: hidden;
}

/*
            ColorBox Core Style:
            The following CSS is consistent between example themes and should not be altered.
        */
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

/* 
            User Style:
            Change the following styles to modify the appearance of ColorBox. They are
            ordered & tabbed in a way that represents the nesting of the generated HTML.
        */
#cboxOverlay {
    background: url(colorbox/overlay.png) repeat 0 0;
}

#colorbox {
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(colorbox/controls.png) no-repeat -100px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(colorbox/controls.png) no-repeat -129px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(colorbox/controls.png) no-repeat -100px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(colorbox/controls.png) no-repeat -129px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(colorbox/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(colorbox/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(colorbox/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(colorbox/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 50px;
}

#cboxTitle {
    position: absolute;
    bottom: 5px;
    left: 0;
    font-size: 14px;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(colorbox/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxPrevious.hover {
        background-position: -75px -25px;
    }

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(colorbox/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxNext.hover {
        background-position: -50px -25px;
    }

#cboxLoadingOverlay {
    background: url(colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(colorbox/loading.gif) no-repeat center center;
}

#cboxClose {
    position: absolute;
    top: 0;
    right: 0;
    background: url(colorbox/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxClose.hover {
        background-position: -25px -25px;
    }

/*
          The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
          when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
        */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
          The following provides PNG transparency support for IE6
        */
.cboxIE6 #cboxTopLeft {
    background: url(colorbox/ie6/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
    background: url(colorbox/ie6/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
    background: url(colorbox/ie6/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
    background: url(colorbox/ie6/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
    background: url(colorbox/ie6/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
    background: url(colorbox/ie6/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
    background: url(colorbox/ie6/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
    background: url(colorbox/ie6/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

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

/*  ===========================================================================  */
/*  ===========================================================================  */
/*  Default Themes  
             *
             *  The default themes are only inserted to give either a starting point or
             *  to be removed and restyled according to the provided design
             */
/* Slider */
.nlcslider-btnPrev {
    left: 10px;
}

.nlcslider-btnNext {
    right: 10px;
}

.nlcslider-btnToggle {
    right: 10px;
    top: 50px;
}

.nlcslider-numbers {
    bottom: 10px;
}

.nlcslider-progress {
    height: 4px;
    background: rgb(20,20,20);
    background: rgba(20,20,20,.5);
}

.nlcslider-btn {
    color: #FFF;
    font: bold 14px Arial, sans-serif;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
}

.nlcslider-btn,
.nlcslider-btnNumber {
    background: rgb(20,20,20);
    background: rgba(20,20,20,.9);
}

    .nlcslider-btn:hover,
    .nlcslider-btnNumber:hover {
        background: rgb(0,0,0);
        background: rgba(0,0,0,.9);
    }

.nlcslider-btnToggle {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
}

.nlcslider-btnPlay {
    text-align: left;
}

    .nlcslider-btnPlay .character {
        width: 0;
        height: 0;
        line-height: 0;
        display: block;
        margin: 4px 0 0 6px;
        border-width: 4px;
        border-color: transparent transparent transparent #FFF;
        border-style: solid;
        _border-color: pink pink pink #FFF;
        _filter: chroma(color=pink);
    }

.nlcslider-btnNumber {
    margin: 0 2px;
    width: 10px;
    height: 10px;
    line-height: 10px;
}

.nlcslider-btnNumberActive {
    background: rgb(220,220,220);
    background: rgba(220,220,220,.9);
}

.nlcslider-btnNumberLink {
    display: none;
}

.nlcslider-slideContent {
    padding: 2em 1em;
    overflow: hidden;
}

/* Tabs */
.nlc-tabs {
    margin: 2.5em 0 1.5em 0;
    position: relative;
}

ul.nlc-tabsbar {
    background: #f3f2f2 url('../img/layout/tab-nav-bg.jpg') 0 0 repeat-x;
    min-height: 29px;
    padding: 0;
    margin: 0;
}

    ul.nlc-tabsbar li {
        background: none;
        float: left;
        position: relative;
        padding: 0;
    }

    ul.nlc-tabsbar a {
        outline: 0;
        color: #fff;
        margin-left: -2px;
        background: url('../img/layout/tab-divide.gif') 100% 50% no-repeat;
        padding: .5em 1em .4em 1em;
        text-decoration: underline;
        outline: 0 none;
    }

        ul.nlc-tabsbar a:focus,
        ul li.nlc-tab-on a {
            background: #fff;
            color: #333;
            text-decoration: none;
        }

.nlc-tabscontent {
    background: #fff;
}

.nlc-tabcontent {
    overflow: hidden;
    padding: 2em 1em 1.5em 1em;
}

.nlc-tabs-js .nlc-tabcontent {
    border: 0;
}

.tab-maincontent {
    float: left;
    width: 635px;
}

.nlc-tabs .aside {
    float: right;
}

.nlc-tabs-horizontal ul.nlc-tabsbar a {
}

.nlc-tabs-horizontal ul.nlc-tabsbar li.nlc-tab-on {
    background: #fff;
    margin-top: -3px;
}

    .nlc-tabs-horizontal ul.nlc-tabsbar li.nlc-tab-on a {
        margin-right: -1px;
        padding-bottom: .6em;
        border-left: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        box-shadow: 0 -1px 3px -2px #666;
    }

.nlc-tabs-horizontal a.nlc-tab-on:before {
    content: " ";
    position: absolute;
    width: 100%;
    border-top: 1px solid #FFF;
    height: 1px;
    display: block;
    left: 0;
    top: 0;
}

.nlc-tabs-vertical .nlc-tabsbar a {
    border: 1px solid #000;
    border-top: none;
    border-right: none;
}

    .nlc-tabs-vertical .nlc-tabsbar a:first-child {
        border-top: 1px solid #000;
    }

/*  End of Default Themes  */
/*  ===========================================================================  */
/*  ===========================================================================  */

/*  ================================================================================================  */
/*  ================================================================================================  */

/*  YouTube Accessibility Controls  */
.youtubeControls {
    position: relative;
}

#yt-muteBtn,
#yt-playBtn {
    position: absolute;
    top: 238px;
    width: 60px;
    height: 30px;
    background: none;
    border: none;
    text-indent: -9999em;
}

#yt-playBtn {
    left: 0;
}

#yt-muteBtn {
    left: 60px;
    width: 32px;
}

    #yt-muteBtn:focus,
    #yt-playBtn:focus {
        border: 3px solid yellow;
    }

/*  STANDARD CLASSES  */
.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
    line-height: 1px;
    height: 1px;
}

.print-only {
    display: none;
}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}

/*  ================================================================================================  */
/*  ================================================================================================  */

/*  Responsive Layouts Adjust Widths to Required  */
@media only screen and (max-width: 980px) {

    .wrapper {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .content img {
        height: auto;
        width: 100%;
    }

    /*  ========== MAIN NAVIGATION STYLES ==========  */
    .dd-mega {
        width: 96%;
        padding: 1em 0 0 1em;
        z-index: 999;
    }

        .dd-mega .grid {
            margin-left: 1.5em;
            margin-right: 0;
        }

        .dd-mega h2 {
            font-size: 17px;
        }

    /*  ========== CONTENT STYLES ==========  */
    .container {
        width: 92%;
    }

    .content .container {
        background: #fff;
        width: 95%;
    }

    /*  ========== MAIN STYLES ==========  */

    /*  ========== MAIN CONTENT STYLES ==========  */
    .maincontent {
        width: 100%;
    }

    .maincontent-full {
        width: 100%;
    }

    /*  ========== ASIDE STYLES ==========  */
    .aside {
        width: 30%;
        font-size: 14px;
        padding-bottom: 1.5em;
    }

    /*  ========== SIDEBAR STYLES ==========  */
    .sidebar {
        width: 30%;
        margin: 2em 1em 0 0;
    }

    .sidenav {
        width: auto;
    }

    /*  ========== TABS STYLES ==========  */
    .tab-maincontent {
        width: 65%;
        margin-bottom: 1em;
    }

    .grid {
        margin-left: 1.041%;
        margin-right: 1.041%;
    }

    .grid_1 {
        width: 6.25%;
    }

    .grid_2 {
        width: 14.583%;
    }

    .grid_3 {
        width: 22.916%;
    }

    .grid_4 {
        width: 31.25%;
    }

    .grid_5 {
        width: 39.583%;
    }

    .grid_6 {
        width: 47.916%;
    }

    .grid_7 {
        width: 56.25%;
    }

    .grid_8 {
        width: 64.583%;
    }

    .grid_9 {
        width: 72.916%;
    }

    .grid_10 {
        width: 81.25%;
    }

    .grid_11 {
        width: 89.583%;
    }

    .grid_12 {
        width: 97.916%;
    }
}

@media only screen and (max-width: 650px) {

    body {
        font-size: 1.6em;
    }

    .content img {
        max-width: 100%;
        width: auto;
        height: auto;
    }

    .content .container {
        background: none;
        width: 95%;
        min-height: 0;
        padding: 2em 20px 1.5em 23px;
    }

    .fl_left,
    .fl_right {
        float: none;
        margin-bottom: 1em;
    }

    .btn-flyout {
        display: none;
    }

    /*  ========== CONTAINER STYLES ==========  */
    .wrapper {
        width: 100%;
        min-width: 95%;
        max-width: 95%;
    }

    .container {
        width: 95%;
    }

    .colContainer {
        margin-top: 0;
        min-height: 0;
    }

    .contentWrap,
    .wrap {
        background: none !important;
    }

    /*  ========== HEADER STYLES ==========  */
    .header {
        width: 100%;
        padding: 1em 0;
    }

    .fixed .header {
        position: fixed;
        left: 0;
    }

    .is-edit .header {
        position: relative;
    }

    .hdr-logo {
        float: none;
        margin: 0;
    }

    .pullDown {
        float: none;
        width: 100%;
    }

        .pullDown h1 img {
            display: block;
            margin-bottom: 5px;
        }

    .pd-child {
        left: 0;
    }

        .pd-child ul {
            overflow: hidden;
            margin: 0;
            padding: 0;
        }

            .pd-child ul li {
                list-style: none;
                float: left;
                width: 114px;
                padding: .8em 0 .8em 12px;
                border-bottom: 1px solid #000;
                border-left: 1px solid #000;
            }

        .pd-child .searchWrapper {
            float: none;
            margin: 0;
            padding: .4em 0;
            border-left: 1px solid #000;
        }

        .pd-child .searchBox {
            width: 225px;
            margin: 0 0 0 .8em;
            padding: .3em .4em;
            border-radius: 8px;
        }

        .pd-child .input-search {
            width: 200px;
        }


    /*  ========== MAIN NAVIGATION STYLES ==========  */
    .mainnav {
        width: 100%;
        font-size: 15px;
        position: relative;
        z-index: 199;
    }

        .mainnav .wrapper {
            background: #023064;
            width: 100%;
            padding: 1em 0;
        }

    .fixed .mainnav {
        position: fixed;
        left: 0;
    }

    .is-edit .mainnav {
        position: relative;
    }

    .mn-logo {
        float: none;
        line-height: 41px;
        margin-bottom: 15px;
    }

    .mnlist {
        float: none;
        margin: 0;
        padding: 1em 0 0 0;
    }

        .mnlist li {
            float: none;
            position: relative;
        }

    .mainnav .navItem {
        border: 0;
        padding: 0 .5em;
    }

    .mnlist li a.mainItem {
        float: none;
        min-height: 1em;
        padding: .5em 0;
    }

    .mnlist li.magaNav span.dd-arrow {
        background: none;
    }

    /*	Drop it down!  */
    ul.mnlist li div.focus,
    ul.mnlist li:hover .dd-mega {
        left: 0;
        top: 2.5em;
    }

    .dd-mega {
        width: 97%;
        padding: 1em 0 0 1em;
        z-index: 999;
    }

        .dd-mega .grid {
            margin-left: 0;
            margin-right: .6em
        }

        .dd-mega .grid_5 {
            width: 45%;
        }

        .dd-mega h2 {
            font-size: 17px;
        }

    /*	Search Form  */
    .mainnav .searchWrapper {
        top: 0;
        width: 100%;
    }

    .searchWrapper {
        float: none;
        width: 100%;
    }

    .searchBox {
        width: 95%;
    }

        .searchBox .input-text {
            width: 100%;
        }

    .input-submit {
        float: right;
    }

    .mainnav .header-help {
        display: none;
    }

    /*  ========== CONTENT STYLES ==========  */
    .content {
        padding: 0 0 1em 0;
    }

        .content .container {
            background: none;
            width: 95%;
            min-height: 0;
            padding: 1em 0;
        }

    .aside {
        float: none;
    }

    .maincontent, .sidebar {
        float: none;
    }

    .breadcrumb {
        margin-bottom: 1em;
    }

    .mediaAside {
        float: none;
        margin-right: 0;
        margin-bottom: 1em;
    }

        .mediaAside img {
            display: inline-block;
        }

    /*  ========== MAIN STYLES ==========  */

    /*  ========== MAIN CONTENT STYLES ==========  */
    .maincontent {
        width: 100%;
    }

    .maincontent-full {
        width: 100%;
    }

    /*  ========== ASIDE STYLES ==========  */
    .aside,
    .nlc-tabs .aside {
        float: none;
        width: 95%;
    }

    /*  ========== SIDEBAR STYLES ==========  */
    .sidebar {
        float: none;
        width: 95%;
        margin: 0;
    }

    .sidenav {
        background: none;
        width: 100%;
        min-height: 0;
        padding: 0;
    }

    ul.sidenav li {
        background-image: none;
        padding: 0;
    }

    ul.sidenav > li {
        display: none;
    }

    ul.sidenav li a {
        padding-top: .8em;
        padding-bottom: .8em;
    }

    .sidenav:before {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAXCAIAAACJYYizAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMxOTMzQjRBMDJCMjExRTc4NUIzQzMzMENCMjgwNjlBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMxOTMzQjRCMDJCMjExRTc4NUIzQzMzMENCMjgwNjlBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzE5MzNCNDgwMkIyMTFFNzg1QjNDMzMwQ0IyODA2OUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzE5MzNCNDkwMkIyMTFFNzg1QjNDMzMwQ0IyODA2OUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ELNX1AAAAeklEQVR42mL8//8/A+mAiYEsMKptaGpjgTF+fv78i5BiNl5edjRtDM/W5iZOuYJbq3zQpJlVVuxojmRXT5g5P0eHDZ8eEax+w6UTXQ9mkGDqxKIHBP5jAT9uzI+3NAaCoNajr7Ep+I9VG0RnZQ8OPUDAOJpNqaQNIMAAnvaCv7Hbfw0AAAAASUVORK5CYII=') 9em center no-repeat;
        border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
        content: 'Show navigation';
        display: block;
        font-size: 1.6em;
        cursor: pointer;
        padding: .8em 1em .8em 10px;
    }

    .sidenav.open:before {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAXCAIAAACJYYizAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFQjM3MjQyMDJCMjExRTc4REMyQjY0QUVCMThBQjcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFQjM3MjQzMDJCMjExRTc4REMyQjY0QUVCMThBQjcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0VCMzcyNDAwMkIyMTFFNzhEQzJCNjRBRUIxOEFCNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0VCMzcyNDEwMkIyMTFFNzhEQzJCNjRBRUIxOEFCNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5G7HR/AAAAfElEQVR42mL8//8/A+mAiYEsMCK19R57c3NBFQPDT+zS/7GB1qOvjY2DLI2Nb8yP////B6YCLLa1HXuzLi+dgeHhLwaGxClXbi5Ix7STCZceCBeXTiY8evDoZMKvB5dORnia/Pz5J1gBPsDLy8bAwI6ibTRNjmrDBQACDABP42pdALfNcwAAAABJRU5ErkJggg==');
        content: 'Hide navigation';
    }


    /*  ========== FOOTER STYLES ==========  */
    .footer {
        min-height: 0;
        padding: 1em;
    }

    .footerLogo {
        display: none;
    }

    .footer:before,
    .footer .ie7footerBg {
        background: none;
        content: "";
        height: 0;
    }

    .footer .col {
        float: left;
        width: 30%;
        padding-right: .5em;
    }

    .footer ul {
        padding-left: 1em;
    }

    /* Site info */
    .siteInfo {
        width: 100%;
    }

        .siteInfo ul,
        .siteInfo ul li,
        .siteInfo a {
            float: none;
            border: 0;
            padding-left: 0;
        }

        .siteInfo a {
            display: inline;
        }

        .siteInfo ul {
            margin-bottom: 1em;
        }

    /*  ========== PARALLAX STYLES ==========  */
    .parallaxChild .article div {
        margin-left: 0 !important;
    }

    .parallaxChild a.button {
        margin-bottom: .5em;
    }

    .parallaxChild h2 {
        line-height: .8em;
    }
}

/*  Print Layouts  */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster: h5bp.com/s */
    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }


    body {
        font-size: 1.2em;
    }

    .print-only {
        display: block;
    }

    h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 1.5em;
    }

    h4 {
        font-size: 1.4em;
    }

    h5 {
        font-size: 1.2em;
    }

    h6 {
        font-size: 1.2em;
    }

    .gridCentered {
        width: 100%;
        font-size: 14pt;
        margin: 0;
    }

    /*  ========== CONTAINER STYLES ==========  */
    .wrapper {
        width: 100%;
    }

    .colContainer {
        width: 100%;
        margin-top: 0;
        min-height: 0;
    }

    .contentWrap,
    .wrap {
        background: none !important;
    }

    /*  ========== HEADER STYLES ==========  */
    .header {
        width: 100%;
        padding: 0 0 2em 0;
    }

    .hdr-logo {
        float: none;
        margin: 0;
    }

    .pullDown,
    .pd-child {
        display: none;
    }

    /*  ========== MAIN NAVIGATION STYLES ==========  */
    .mainnav {
        display: none;
    }

    /*  ========== CONTENT STYLES ==========  */
    .content,
    .content .container {
        background: #fff;
        width: 100%;
        padding: 0;
    }

    .aside,
    .sidebar,
    .breadcrumb,
    a.button,
    .twtr-widget,
    .paginationHolder {
        display: none;
    }

    iframe {
        display: none !important;
    }

    /*  ========== MAIN CONTENT STYLES ==========  */
    .maincontent,
    .maincontent-full {
        float: none;
        font-size: 1.2em;
        width: 100%;
        padding: 0;
        overflow: hidden;
    }

    .excerpt {
        font-size: 1.4em;
        border-bottom: 2px solid #000;
    }

    .maincontent ul,
    .maincontent-full ul {
        padding-left: 1.5em;
    }

        .maincontent ul li,
        .maincontent-full ul li {
            background: none;
            list-style: square;
        }

    /*  ========== FOOTER STYLES ==========  */
    .footer,
    .footer:before {
        display: none;
    }


    /*	Site info  */
    .siteInfo {
        font-size: 14pt;
        width: 100%;
        border-top: 2px solid #000;
    }

        .siteInfo ul {
            display: none;
        }

    /*  ========== COMMON STYLES ==========  */

    /*	Media  */
    .mediaList h3,
    .mediaEvent h3 {
        font-size: 1.4em;
    }

    .mediaEvent h4 {
        font-size: 1.2em;
    }

    .mediaEvent {
        border-top: 1px solid #000;
    }

    .tags {
        font-size: 1.2em;
    }

    /*	Common content blocks  */
    .commonBlock {
        background-color: #fff;
        background-image: none;
        margin-bottom: 1em;
    }

        .commonBlock .mediaBody {
            font-size: 1.2em;
        }

    /*	Accordions  */
    .accordion,
    .accordionPane {
        background: #fff;
        display: block !important;
        font-size: 1.2em;
    }

        .accordion .source,
        .accordion h3 .source {
            font-size: 1.2em;
        }

    /*	Tabs  */
    .nlc-tabs .nlc-tabcontent {
        display: block !important;
    }

    .nlc-tabsbar {
        display: none;
        padding: 0 !important;
    }

        .nlc-tabsbar li {
            list-style: none !important;
        }

    /*	Social buttons  */
    .socialBtns,
    .socialBtns2 {
        display: none;
    }
}



/* ==========================================================================
   $SLIDER
   ========================================================================== */

.slideshow {
    margin: 20px auto;
    position: relative;
    overflow: hidden;
}

.cycle-slideshow .prev,
.cycle-slideshow .next {
    height: 88%;
    width: 5%;
    position: absolute;
    top: 0;
    z-index: 101;
    text-decoration: none;
    font-size: 76px;
    color: #FFF;
    opacity: 0.7;
    text-shadow: 0px 0px 5px #000000;
}

    .cycle-slideshow .prev span,
    .cycle-slideshow .next span {
        position: absolute;
        top: 50%;
        margin-top: -36px;
        width: 100%;
        text-align: center;
    }

.cycle-slideshow .prev {
    left: 0;
}

.cycle-slideshow .next {
    right: 0;
}

.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: absolute;
    bottom: 20px;
    overflow: hidden;
}

    .cycle-pager a {
        font-size: 54px;
        line-height: 20px;
        width: 20px;
        height: 20px;
        display: inline-block;
        cursor: pointer;
        color: #838488;
        opacity: 0.8;
        text-shadow: 0px 0px 5px #000000;
        text-decoration: none;
    }

        .cycle-pager a.cycle-pager-active {
            color: #fff;
        }

    .cycle-pager > * {
        cursor: pointer;
    }

.slide {
    width: 100%;
}

    .slide img {
        width: 100%;
    }

    .slide .text {
        text-align: left;
        position: absolute;
        width: 65%;
        top: 22%;
        left: 8%;
    }

        .slide .text .inner {
            display: inline;
            font-size: 29px;
            font-weight: normal;
            line-height: 43px;
            padding: 5px 0px;
            background: rgba(85, 43, 20, 0.4);
            color: #FFF;
        }

    .slide .overlay {
        position: absolute;
        right: 9%;
        top: 13%;
        display: none !important;
    }



/* ==========================================================================
   $PAGE HEADER SLIDESHOW
   ========================================================================== */
.header-slider-controls {
    display: none;
}

@media only screen and (max-width: 650px) {
    .header-slides {
        display: none;
    }
}

@media only screen and (min-width: 651px) {

    .wrap.header-slider {
        -webkit-transition: background .5s;
        transition: background 1s;
    }

        .wrap.header-slider .colContainer {
            margin-top: 340px;
        }

    .header-slides a {
        display: block;
        position: absolute;
        width: 100%;
        height: 290px;
    }

    .header-slider-controls {
        display: block;
        /*		min-width: 970px;*/
        max-width: 1285px;
        margin: 0 auto;
        position: relative;
        top: 0;
    }

    .header-slider-prev,
    .header-slider-next {
        height: 342px;
        width: 5%;
        position: absolute;
        top: 61px;
        z-index: 101;
        text-decoration: none;
        font-size: 77px;
        color: #FFF;
        opacity: 0.7;
        text-shadow: 0px 0px 5px #000000;
    }

        .header-slider-prev span,
        .header-slider-next span {
            position: absolute;
            top: 50%;
            margin-top: -54px;
            width: 100%;
            text-align: center;
        }

    .header-slider-prev {
        left: 0;
    }

    .header-slider-next {
        right: 0;
    }
}

@media only screen and (min-width: 986px) {
    .header-slides a {
        display: block;
        position: absolute;
        width: 100%;
        height: 345px !important;
        margin-top: 60px;
    }
}

/* ==========================================================================
   $NEW REPONSIVE STYLES
   ========================================================================== */

.toggle-mnlist {
    display: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.header .container,
.mainnav .container {
    padding: 0 40px;
    width: auto;
}

@media only screen and (max-width: 1150px) {
    .toggle-mnlist {
        display: block;
        font-size: 20px;
        height: 32px;
        width: 32px;
        position: absolute;
        text-align: right;
        top: 28px;
        right: 16px;
    }

    .container .mnlist {
        display: none;
    }

    .toggle-mnlist:after {
        content: "";
        display: block;
        width: 32px;
        height: 4px;
        background: #fff;
        box-shadow: 0 8px 0 0 #fff, 0 16px 0 0 #fff;
    }

    .mnlistNarrow {
        padding-left: 0 !important;
        display: none;
        position: absolute;
        left: 0px;
        top: 60px;
        width: 100%;
        background: white;
        margin-top: 0 !important;
        padding-top: 15px;
        padding-bottom: 10px;
    }

        .mnlistNarrow a {
            display: block;
            padding: .4em 0;
            padding-left: 40px;
        }

    .searchWrapper {
        margin-right: 40px;
    }
}

@media only screen and (max-width: 650px) {
    .toggle-mnlist {
        top: 8px;
    }

        .toggle-mnlist:after {
        }

    .mnlistNarrow {
        position: static;
    }

        .mnlistNarrow a {
            padding-left: 0;
        }
}

#cboxContent .imgBlock {
    overflow: hidden;
}

#cboxContent .NT_Ideas,
#cboxContent .NT_Books {
    height: auto;
    max-width: 100%;
    min-height: 240px;
}

@media only screen and (max-width: 650px) {
    #cboxContent .NT_Books img {
        display: block;
        float: none !important;
        margin: 0 auto 1em !important;
    }
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.imgResponsive {
    height: auto;
    max-width: 100%;
}

@media only screen and (max-width: 980px) {
    .nlc-tabs-horizontal ul.nlc-tabsbar li {
        background: rgba(255,255,255,0.25);
        display: none;
        float: none;
    }

        .nlc-tabs-horizontal ul.nlc-tabsbar li.nlc-tab-on {
            background: none;
            display: block;
            margin: 0;
        }

        .nlc-tabs-horizontal ul.nlc-tabsbar li a {
            background: none;
            display: block;
            float: none !important;
            font-size: 20px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);
        }

        .nlc-tabs-horizontal ul.nlc-tabsbar li.nlc-tab-on a {
            background: none;
            border: none;
            box-shadow: none;
            color: #fff;
        }

            .nlc-tabs-horizontal ul.nlc-tabsbar li.nlc-tab-on a:after {
                content: ' ▼';
                font-size: 85%;
            }

            .nlc-tabs-horizontal ul.nlc-tabsbar li.nlc-tab-on a.open:after {
                content: '';
            }
}

@media only screen and (min-width: 981px) {
    .nlc-tabs-horizontal ul.nlc-tabsbar li {
        display: block !important;
    }
}


/* ==========================================================================
   $NEW GRID SYSTEM
   ========================================================================== */

.row {
    margin-left: -10px;
    margin-right: -10px;
}

    .row:before, .row:after {
        content: "";
        display: table;
    }

    .row:after {
        clear: both;
    }

    .row > [class^=col-] {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

@media only screen and (min-width: 981px) {
    .row > [class^=col-] {
        float: left;
    }

    .row > .col-12 {
        width: 100%
    }

    .row > .col-11 {
        width: 91.66666667%
    }

    .row > .col-10 {
        width: 83.33333333%
    }

    .row > .col-9 {
        width: 75%
    }

    .row > .col-8 {
        width: 66.66666667%
    }

    .row > .col-7 {
        width: 58.33333333%
    }

    .row > .col-6 {
        width: 50%
    }

    .row > .col-5 {
        width: 41.66666667%
    }

    .row > .col-4 {
        width: 33.33333333%
    }

    .row > .col-3 {
        width: 25%
    }

    .row > .col-2 {
        width: 16.66666667%
    }

    .row > .col-1 {
        width: 8.33333333%
    }
}


/* New Home */

.placeholder-grid,
.placeholder-grid-item {
    padding: 5px;
}

.wrapper + .wrapper .placeholder-grid {
    margin-top: -10px;
}

.placeholder-grid .row {
    margin-left: 0;
    margin-right: 0;
}

    .placeholder-grid .row > [class^=col-] {
        padding-left: 0;
        padding-right: 0;
    }

/* Image Carousel */

.slideshow-square {
    padding-top: 100%;
    position: relative;
}

    .slideshow-square .slideshow {
        margin: 0;
        position: absolute;
        top: 0;
    }

    .slideshow-square .prev,
    .slideshow-square .next {
        height: 100%;
        width: 5%;
        position: absolute;
        top: 0;
        z-index: 101;
        text-decoration: none;
        font-size: 77px;
        color: #FFF;
        opacity: 0.7;
        text-shadow: 0px 0px 5px #000000;
    }

        .slideshow-square .prev:focus,
        .slideshow-square .next:focus {
            outline: none;
        }

        .slideshow-square .prev span,
        .slideshow-square .next span {
            position: absolute;
            top: 50%;
            margin-top: -36px;
            width: 100%;
            text-align: center;
        }

    .slideshow-square .prev {
        left: 0;
    }

    .slideshow-square .next {
        right: 0;
    }

    .slideshow-square .slide {
        display: none;
    }

    .slideshow-square .cycle-slide-active {
        display: block;
    }

    .slideshow-square .slide img {
        height: auto;
        width: 100%;
    }

    .slideshow-square .slide .text {
        display: block !important;
        top: auto !important;
        bottom: 30px;
        left: 30px;
    }

        .slideshow-square .slide .text .inner {
            background: rgba(0,0,0,1);
            box-shadow: 10px 0 0 #000, -10px 0 0 #000;
            font-family: 'Nunito Sans', sans-serif;
            font-size: 2.6em;
            font-weight: bold;
            line-height: 1.2;
            padding: 5px 0;
        }

            .slideshow-square .slide .text .inner span {
                position: relative;
            }

@media only screen and (max-width: 1440px) {

    .slideshow-square .slide .text .inner {
        font-size: 26px;
    }
}



@media only screen and (max-width: 720px) {
    .slideshow-square .slide .text {
        left: 50px;
    }

        .slideshow-square .slide .text .inner {
            font-size: 26px;
        }
}

/* Text Box components */

.boxout-inner {
    background: #333132;
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    padding: 30px 30px 60px;
    position: relative;
}

.boxout h2,
.boxout a {
    color: #fff;
}

.boxout h2 {
    font-size: 2.68em;
}

.boxout .title-icon {
    display: block;
    margin-bottom: 1.4em;
}

.boxout ul {
    padding-left: 0;
}

.boxout li {
    list-style-type: none;
    margin-bottom: .2em;
    padding-left: 1em;
}

    .boxout li:before {
        content: '\00BB';
        float: left;
        margin-left: -1em;
        width: 1em;
    }

.boxout .cta {
    background: #000;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px 10px;
    position: absolute;
    bottom: 30px;
}

    .boxout .cta:after {
        content: ' \00BB';
    }

.boxout a.cta:hover {
    background: rgba(0,0,0,0.6);
    text-decoration: none !important;
}

@media only screen and (min-width: 981px) {
    .boxout {
        padding-top: 100%;
        position: relative;
        width: 100%;
    }

    .boxout-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1440px) {
    .boxout {
        font-size: 16px;
        line-height: 1.1;
    }
}

@media only screen and (max-width: 1440px) {

    .boxout h2 {
        font-size: 2.0em;
    }
}

@media only screen and (max-width: 650px) {

    .boxout {
        font-size: 18px;
    }
}

/* Image Callout */

.image-callout {
    color: #fff;
    position: relative;
}

    .image-callout img {
        height: auto;
        width: 100%;
    }

    .image-callout .text {
        font-family: 'Nunito Sans', sans-serif;
        font-weight: bold;
        line-height: 1.2;
        bottom: 30px;
        display: block !important;
        left: 30px;
        padding-right: 30px;
        position: absolute;
        max-width: 600px;
    }

    .image-callout a {
        color: #fff;
    }

    .image-callout .inner {
        background: rgba(0,0,0,1);
        box-shadow: 10px 0 0 #000, -10px 0 0 #000;
        display: inline;
        font-size: 2em;
        margin: 0;
        padding: 5px 0;
    }

    .image-callout p span {
        position: relative;
    }

.is-edit .image-callout span {
    font-size: 38px;
}

@media only screen and (max-width: 1440px) {

    .image-callout .inner {
        font-size: 26px;
    }
}

@media only screen and (max-width: 650px) {

    .col-12 .image-callout,
    .col-8 .image-callout {
        overflow: hidden;
    }

        .col-12 .image-callout img,
        .col-8 .image-callout img {
            height: 480px;
            width: auto;
        }
}

/* custom icons for AddThis */
.at-share-btn,
.at-follow-btn {
    background-color: #d31c62 !important;
    border-radius: 50% !important;
    height: 32px;
    width: 32px;
    padding: 5px !important;
}

    .at-share-btn .at-icon-wrapper,
    .at-follow-btn .at-icon-wrapper {
        background: none !important;
        width: 32px !important;
        height: 32px !important;
    }

.at-icon-wrapper svg.at-icon {
    height: 32px !important;
    width: 32px !important;
    fill: #323232 !important;
}

.addthis_inline_share_toolbox_konz {
    float: left;
    clear: none !important;
}




/* CUSTOM CHANGES MADE BY APIQU */
.content .container {
    box-shadow: 0px 0px 10px -3px #888888;
    background-image: none;
    margin-top: 3px;
}

h2, h3, h4, h5, h6 {
    font-weight: bold;
}

.mediaWidget h3 {
    font-weight: bold;
}

.content {
    padding: 0;
}

@media only screen and (max-width: 1150px) {
    .toggle-mnlist:after {
        content: "";
        display: block;
        width: 32px;
        height: 4px;
        background: #333;
        box-shadow: 0 8px 0 0 #333, 0 16px 0 0 #333;
    }

    .content .container {
        box-shadow: none;
    }

    ul.mnlistNarrow li a {
        color: #333;
    }
}