/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

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

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

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

    /*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

/* return the value to normal for webkit based browsers */
a:active,
a:hover,
a:focus {
    /*outline: -webkit-focus-ring-color auto 5px;*/
    outline: 2px solid #a5c8fe;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

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

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

    /*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

    button,
    html input[type="button"], /* 1 */
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button; /* 2 */
        cursor: pointer; /* 3 */
    }

        /*
 * Re-set default cursor for disabled elements.
 */

        button[disabled],
        input[disabled] {
            cursor: default;
        }

    /*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

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

    /*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

    input[type="search"] {
        -webkit-appearance: textfield; /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box; /* 2 */
        box-sizing: content-box;
    }

        /*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

    /*
 * Removes inner padding and border in Firefox 4+.
 */

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

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* ===============  Default Adjustments  =============== */

body {
}

::-moz-selection {
    background: #3197fc;
    text-shadow: none;
}

::selection {
    background: #3197fc;
    text-shadow: none;
}

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

img {
    max-width: 100% !important;
    height: auto !important;
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

p {
    margin: 0 0 1em 0;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

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

.visuallyHidden, .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;
}

.hide {
    display: none;
}

.smallest {
    font-size: .8em;
}

.smaller {
    font-size: .9em;
}

.larger {
    font-size: 1.1em;
}

.largest {
    font-size: 1.2em;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic !important;
}

.strike {
    text-decoration: line-through !important;
}

.red, .red:visited {
    color: #f00 !important;
}

.green, .green:visited {
    color: #390 !important;
}

.lgreen, .lgreen:visited {
    color: #97937d !important;
}

.bgYellow {
    background: yellow;
}

.bgGreen {
    background: lime;
}

.vtop {
    vertical-align: top;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.imgLeft {
    float: left;
    margin-right: 5px;
    padding: 5px;
    border: 1px solid #c4c4c4;
}

.imgRight {
    float: right;
    margin-left: 5px;
    padding: 5px;
    border: 1px solid #c4c4c4;
}

.nowrap {
    white-space: nowrap;
}

.borderless {
    border: 0;
    border-collapse: collapse;
}

.breakforprint {
    page-break-after: always;
}

.clear {
    overflow: hidden;
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
}

.skip {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.important {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
}


/* ## Base List styles ## */
ul, ol {
    margin: 0 0 1em;
}

.noBullet {
    padding: 0 0 0 1em;
    list-style-type: none;
}

.noIndent {
    padding: 0;
    list-style-type: none;
}

.bulletSquare {
    list-style-type: square;
}

/* ## Note/hint text or link ## */
.note {
    margin: 0 7px;
    font-size: .8em;
    color: #4e4e4e;
}

    .note a, .note a:link, .note a:visited {
        text-decoration: underline;
    }


/* ================================================================
   PRIMARY LAYOUT STYLES
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true] {
    background-color: #F0F0F0;
}

textarea[disabled=true] {
    background-color: #F0F0F0;
}

select[disabled=true] {
    background-color: #F0F0F0;
}

input[readonly=true] {
    background-color: #F0F0F0;
}

textarea[readonly=true] {
    background-color: #F0F0F0;
}

select[readonly=true] {
    background-color: #F0F0F0;
}

h1 {
    font-size: 42px;
    margin: 0 0 15px 0;
    font-family: 'Lato', 'sans-serif';
    font-weight: 300;
    color: #056839;
}

h2 {
    font-size: 24px;
    margin: 0 0 10px 0;
    font-family: 'Lato', 'sans-serif';
    font-weight: normal;
}

h3 {
    font-size: 20px;
    margin: 0 0 10px 0;
    font-family: 'Lato', 'sans-serif';
    font-weight: normal;
}

h4 {
    font-size: 17px;
    margin: 0 0 10px 0;
    color: #464646;
}

h5 {
    font-size: 1em;
    margin: 0 0 10px 0;
    color: #464646;
}

h6 {
    font-size: 1em;
    margin: 0 0 10px 0;
    color: #464646;
}

.home h1 {
    font-size: 30px;
}

/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited {
    color: #415bae;
    text-decoration: none;
}

    a:hover, a:active, a:focus {
        color: #007FAD;
        text-decoration: none;
    }
/*a:active, a:focus {outline:0;}*/

.btnText {
    margin: 0;
    padding: 0;
    color: #6D6D6D;
    text-decoration: underline;
    border: 0;
    background: none;
}

    .btnText:hover,
    .btnText:focus {
        color: #6D6D6D;
        text-decoration: none;
    }


/* ## Link Modifiers ## */
a .text {
    text-decoration: underline;
}

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

a [class^="icon-"] {
    text-decoration: none;
}

a.removeLink {
    color: #f00;
    font-size: 0.9em;
}

p a {
    text-decoration: underline;
}


/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {
    list-style-type: none;
    margin: 0 0 20px 10px;
    padding: 0 0 0 10px;
}

    ul.linkList li {
        margin: 0;
        padding: 4px 0;
    }

    ul.linkList > li:before {
        content: '\22';
        font-family: 'Basic-Icons';
        color: #415bae;
        font-size: 0.2em;
        margin-right: 6px;
    }

ul.niceList {
}

    ul.niceList li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

/* ## Start Up Layout - Use, modify, or delete as need be ## */
body {
    background: #fff;
    color: #464646;
    font-family: 'Lato', 'sans-serif';
}

/* ## Site Header ## */
.siteHeader h1.siteMainTitle {
    margin: 0;
}

.siteHeader {
    position: relative;
    min-height: 80px;
    z-index: 1000;
    text-align: center;
}

    .siteHeader a.sitelogo,
    .siteHeader a.sitelogo:link,
    .siteHeader a.sitelogo:visited {
        display: block;
        width: 265px;
        height: 63px;
        margin: 10px auto;
    }

.headerBarWrpr {
    padding: 13px 0;
    background-image: url("/Includes/Site/Template 2/Images/diagonal.png");
    background-color: #2341a1;
    color: #fff;
    display: none;
}

    .headerBarWrpr a {
        color: #fff;
    }

.headerWrpr {
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTRlY2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #ffffff 50%, #e4ecf3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#e4ecf3));
    background: -webkit-linear-gradient(top, #ffffff 50%,#e4ecf3 100%);
    background: -o-linear-gradient(top, #ffffff 50%,#e4ecf3 100%);
    background: -ms-linear-gradient(top, #ffffff 50%,#e4ecf3 100%);
    background: linear-gradient(to bottom, #ffffff 50%,#e4ecf3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4ecf3',GradientType=0 );
}

.navWrpr {
    border: 1px solid #d5dbde;
    padding: 4px;
    position: relative;
    z-index: 10;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTRlY2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #ffffff 30%, #e4ecf3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#e4ecf3));
    background: -webkit-linear-gradient(top, #ffffff 30%,#e4ecf3 100%);
    background: -o-linear-gradient(top, #ffffff 30%,#e4ecf3 100%);
    background: -ms-linear-gradient(top, #ffffff 30%,#e4ecf3 100%);
    background: linear-gradient(to bottom, #ffffff 30%,#e4ecf3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4ecf3',GradientType=0 );
    -webkit-box-shadow: 0 -10px 15px -10px #CBD1D9;
    -moz-box-shadow: 0 -10px 15px -10px #CBD1D9;
    box-shadow: 0 -10px 15px -10px #CBD1D9;
    height: 40px;
}

.barWrpr {
    background: #e6ecf0;
    border-bottom: 5px solid #d5dfe6;
    position: relative;
    z-index: 9;
}

.bar {
    padding: 20px 30px;
    font-size: 11px;
}

.siteBody {
    min-height: 300px;
    padding: 20px 0 10px;
    background: #fafbfc;
    position: relative;
}

.home .siteBody {
    padding: 0px;
}

.main {
    font-size: 14px;
}

.mainContent {
    line-height: 1.8;
}

.headerLinks {
    display: none;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

    .headerLinks a, .headerLinks a:link, .headerLinks a:visited {
        padding: 0 12px;
        text-decoration: none;
        border-lefT: 1px solid #c7c7c7;
    }

        .headerLinks a:hover, .headerLinks a:focus, .headerLinks a:active {
            color: #fff;
            text-decoration: underline;
        }

        .headerLinks a:first-child {
            border-lefT: none !important;
        }

.tagline {
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}

.searchSiteWrpr {
    margin-bottom: 5px;
}

.searchBtn {
    position: absolute;
    bottom: -35px;
    left: 10px;
    font-size: 18px;
    font-weight: bold;
    z-index: 100;
    color: #0d0b0e;
}

    .searchBtn .icon-search {
        color: #01067e;
        font-size: 20px;
    }

.siteSearch {
    display: none;
    background: #ecf0f2;
    border-style: none;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -webkit-box-shadow: 0 4px 3px 0 #E1E5E9 inset;
    -moz-box-shadow: 0 4px 3px 0 #E1E5E9 inset;
    box-shadow: 0 4px 3px 0 #E1E5E9 inset;
}

.textSearchBox {
    background: transparent;
    border-style: none;
    font-size: 11px;
    padding: 8px 10px;
    height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.textSearchSubmit {
    background: transparent url("/Includes/Site/Template 2/Images/btnSearch.png") no-repeat 50% 50%;
    border-style: none;
    float: right;
    height: 38px;
    width: 38px;
    font-size: 0;
}

    .textSearchSubmit:hover,
    .textSearchSubmit:focus {
        outline: 2px solid #a5c8fe;
    }

.footerWrpr {
    background: #eff3f5;
    padding: 30px 0 0 0;
    text-align: center;
    color: #292829;
}

.subFooterWrpr {
    background: #eff3f5;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #c6cdda;
}

.footer {
    font-size: 12px;
    line-height: 20px;
    padding: 0 30px;
}

    .footer a {
        color: #0054a6;
    }

.subFooter {
    line-height: 20px;
}

.design {
    font-size: 11px;
    color: #797979;
}

.ftrRow2 {
    margin-top: 20px;
}

.ftrLinks {
    font-size: 11px;
    color: #0054a6;
}

    .ftrLinks a, .ftrLinks a:link, .ftrLinks a:visited {
        padding: 0 10px;
        font-weight: bold;
        text-decoration: none;
        border-lefT: 1px solid #0054a6;
    }

        .ftrLinks a:hover, .ftrLinks a:focus, .headerLinks a:active {
            text-decoration: underline;
        }

        .ftrLinks a:first-child {
            border-lefT: none;
            padding-left: 0;
        }

/* ==========================================================================
   Global Modules
   ========================================================================== */

.mod {
    position: relative;
    margin: 0 0 1em;
    padding: 20px;
    -webkit-box-shadow: 0px 5px 10px -2px #E7ECEE;
    -moz-box-shadow: 0px 5px 10px -2px #E7ECEE;
    box-shadow: 0px 5px 10px -2px #E7ECEE;
    border: 1px solid #d8dee2;
}

.moreLink {
    text-align: right;
}

    .moreLink a:after {
        content: '\35';
        font-family: 'Basic-Icons';
    }

.modAlt {
    padding: 0;
}

    .modAlt .modContent {
        margin: 20px 6px 6px;
        padding: 0;
        text-align: center;
    }

    .modAlt a.btn {
        color: #415BAE;
        width: 100%;
        font-weight: bold;
        padding: 10px;
        background: transparent;
        margin-bottom: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #D8DEE2;
        border-left: none;
        border-right: none;
    }

        .modAlt a.btn:hover, .modAlt a.btn:focus {
            color: #fff;
        }

    .modAlt h2 {
        color: #464646;
        font-size: 18px;
        font-weight: 800;
        line-height: 22px;
        text-transform: uppercase;
    }

.title {
    position: relative;
    margin: 0 0 1em;
}

.titleAlt {
    margin: 0 0 0.1em;
    font-size: 1.2em;
}

.titleAlt2 {
}

.title .more {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.6em;
}

/* Item Lists Content
   ========================================================================== */

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

.item {
    display: table;
    padding: 1em 0;
    width: 100%;
    border-top: 1px solid #ccc;
}

    .item:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .item:last-child {
    }

    .item > .content {
        display: table-cell;
        width: 100%;
        vertical-align: top;
    }

    .item .contentExtra {
        display: table-cell;
        vertical-align: top;
    }

.content .title {
    margin: 0;
}

.itemList .content p {
    margin: 0;
}

.content .date {
    font-size: 0.85em;
}


/* Item Media
   ========================================================================== */

.aside {
    display: table-cell;
    padding: 0 15px 0 0;
    text-align: center;
}

.caption {
    display: block;
    font-size: 0.8em;
    line-height: 1.2em;
}


/* Media Queries for Item Lists
  ========================================================================== */


@media (max-width : 400px) {

    .item {
        display: block;
    }

        .item > .content {
            display: block;
        }

        .item > .aside {
            display: block;
        }
}


/* News
   ========================================================================== */

.article > .aside {
    float: right;
    margin: 1em;
}

.meta {
    margin: 0.5em 0;
}

    .meta > div {
        float: left;
    }

    .meta .social-tools {
        float: right;
    }


/* ==========================================================================
   Filters
   ========================================================================== */

.filter {
    padding: 1em;
    border: 1px solid #444444;
    background: #cccccc;
}

.filter-options {
    float: left;
}

.filter-actions {
    float: right;
}

/* Pagination
   ========================================================================== */

.paging {
    padding: 1em;
}

.paging-results {
    float: left;
}

.paging-list {
    float: right;
}

    .paging-list ul {
        display: block;
        padding: 0;
        margin: 0;
    }

    .paging-list li {
        display: block;
        padding: 0;
        margin: 0;
        border: 1px solid #002B40;
        border-left-width: 0;
        float: left;
    }

        .paging-list li:first-child {
            border-left-width: 1px;
        }

        .paging-list li a,
        .paging-list li span {
            display: block;
            min-width: 30px;
            padding: 2px 5px;
            text-align: center;
        }

        .paging-list li a {
            /* Link State */
        }

        .paging-list li span {
            /* Current Page State */
        }

        .paging-list li.disabled {
            display: none;
        }

            .paging-list li.disabled + li {
                border-left-width: 1px;
            }

            .paging-list li.disabled + .all {
                border-left-width: 0;
            }


/* pagination and filters */

.filters {
    float: left;
    display: inline;
    margin: 0 0 5px 0;
}

    .filters .filterList {
        float: left;
        display: inline;
        margin-bottom: 5px;
    }

    .filters label {
        display: inline;
        margin: 0 5px 0 0;
        font-weight: bold;
        font-size: 0.8em;
    }

    .filters .sortList {
        float: left;
        display: inline;
        padding: 3px 10px 0;
    }

        .filters .sortList label {
            margin: 0 5px 0 0;
        }

    .filters select {
        margin-right: 10px;
    }


    .filters .sortList .last {
        border-right: 0;
    }

    .filters .sortItem {
        display: inline;
        margin: 0;
        padding: 2px 4px;
        font-size: 0.8em;
        border-right: 1px solid #999999;
    }

        .filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {
            padding-right: 12px;
            text-decoration: none;
            background: url(/content/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;
        }

            .filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {
                font-weight: bold;
                background-position: 100% -18px;
            }

            .filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {
                font-weight: bold;
                background-position: 100% -38px;
            }

.modHead:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.articleList:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.pagination {
    float: left;
    margin: 0 0 10px 0;
}

    .pagination + .pagination {
        float: right;
    }

    .pagination ul {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
    }

        .pagination ul li {
            margin: 0;
            padding: 0;
            display: inline;
        }

    .pagination .prev,
    .pagination .next {
        font-size: 1.2em;
        position: relative;
        top: 2px;
    }

    .pagination a,
    .pagination .curr {
        border: 1px solid #d8dee2;
        padding: 1px 5px;
        displayLinline-block;
        margin: 0 2px;
    }

    .pagination .curr {
        color: #d8dee2;
    }

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

    .pagination select {
        min-width: 120px;
    }

/* ==============================================================
   GLOBAL STYLES
   ============================================================== */
.alert {
    overflow: hidden;
    border: 1px solid #ff6666;
    margin: 1em 0;
    padding: 10px;
    min-height: 50px;
    color: #fff;
    background-color: #ff0000;
}

.alertSign {
    float: left;
}

.alertItem {
    padding: 10px 0;
    margin: 0 0 0 50px;
}

.alert a, .alert .date {
    color: #fff;
}

.bdr {
    border: 1px solid #555244;
    padding: 1px;
    background-color: #a7a496;
}

.bdrTop {
    border-top: 1px solid #999;
}

.bdrRight {
    border-right: 1px solid #999;
}

.bdrBottom {
    border-bottom: 1px solid #999;
}

.bdrLeft {
    border-left: 1px solid #999;
}

.bdrDash {
    border: 1px dashed #555244;
}

.bdrDashTop {
    border-top: 1px dashed #999;
}

.bdrDashRight {
    border-right: 1px dashed #999;
}

.bdrDashBottom {
    border-bottom: 1px dashed #999;
}

.bdrDashLeft {
    border-left: 1px dashed #999;
}

.alternate {
    background-color: rgba(0,0,0,0.03);
}

.row {
    background-color: #ffffff;
}


/* ##  Error Markers  ## */

.fieldlbl {
    padding: 4px 2px 0 0;
    text-align: right;
}

.field {
    padding-left: 2px;
}

.fieldpad {
    padding-bottom: 2px;
}

.fieldtext {
    color: #000000;
}

.fielderror {
    color: #cc0000;
}

.fieldnorm {
    width: 16px;
    height: 20px;
}

.fieldreq {
    width: 16px;
    height: 20px;
    background: transparent url(/content/images/global/field-req.gif) no-repeat center right;
}

span.fieldreq {
    padding: 0 6px;
    background-position: center center;
}

span.fieldnorm {
    padding: 0 6px;
    background-position: center center;
}

.fieldred {
    width: 16px;
    height: 20px;
    background: transparent url(/content/images/global/field-error.gif) no-repeat center right;
}

span.fieldred {
    padding: 0 6px;
    background-position: center center;
}


/* ##  Tooltip Classes  ## */

.toolTipWrpr {
    display: none;
    width: 340px;
    z-index: 99;
}

.toolTipShadow {
    background: url(/content/images/core/tooltipbacktop.png) no-repeat top left;
    padding: 10px 13px 1px 13px;
    color: #666666;
}

.toolTopShadowBottom {
    background: url(/content/images/core/tooltipbackbottom.png) no-repeat top left;
    width: 340px;
    height: 16px;
}

.toolTipDate {
    font-size: 11px;
    color: #999999;
    font-weight: bold;
}

.toolTipName {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    margin-bottom: 14px;
}


/* ##  Generic Pager  ## */

.sortStatus {
    float: left;
}

.genericPager {
    float: right;
}

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

    .genericPager li {
        float: left;
        display: block;
        font-size: 11px;
        margin: 0 5px 5px 0;
    }

        .genericPager li a {
            float: left;
            color: #003871;
            padding: 2px 4px;
            border: 1px solid #ddd;
            text-decoration: none;
        }

            .genericPager li a:hover, .genericPager li a:focus {
                color: #000;
                background-color: #CFCFCF;
                border: 1px solid #000;
                text-decoration: none;
            }

        .genericPager li.nolink {
            color: #fff;
            border: 1px solid #ddd;
            padding: 2px 4px;
        }

        .genericPager li.active {
            color: #686868;
            border: 1px solid #ddd;
            padding: 2px 4px;
            background-color: #CFCFCF;
        }


/* ##  Smart Bug  ## */

.smartbug ul {
    list-style-type: none;
    background-color: #ccc;
    font-size: 10px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    padding: 0px;
}

.smartbug li {
    border-bottom: 1px solid #000;
}

.smartbug a, .smartbug a:link, .smartbug a:visited {
    text-decoration: none;
    display: block;
    color: #000;
    padding: 5px;
}

    .smartbug a:hover, .smartbug a:focus {
        background-color: #999;
        text-decoration: underline;
    }


/* ##  Master Overlay Styles ## */

.siteOverlay {
    display: none;
    position: relative;
    width: 550px;
    max-width: 95%;
    min-height: 1px;
    background-color: #fff;
    z-index: 1000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px #333;
    -moz-box-shadow: 0 0 15px #333;
    box-shadow: 0 0 15px #333;
}

    .siteOverlay .overlayBar {
        position: relative;
        padding: 7px 10px;
        text-align: right;
        border-bottom: 1px solid #e6e6e6;
    }

    .siteOverlay .overlayClose {
        display: inline-block;
        cursor: pointer;
        z-index: 5;
    }

    .siteOverlay .overlayContent {
        padding: 15px;
    }


/* =================================================================
                           MODULE STYLES
===================================================================*/


/* ##  Breadcrumb  ## */

.breadcrumbs a, .breadcrumbs a:visited {
    color: #3e7800;
    text-decoration: none;
}

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

.breadcrumbs span {
    margin: 0 2px;
    font-weight: normal;
}


/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.pageToolsWrapper {
    float: right;
    display: inline;
    text-align: right;
}

    .pageToolsWrapper a {
        display: inline;
        text-transform: uppercase;
        color: #464646;
        font-weight: bold;
        margin-left: 10px;
        text-decoration: none;
    }

        .pageToolsWrapper a:hover,
        .pageToolsWrapper a:focus,
        .pageToolsWrapper a:active {
            color: #3e7800;
            text-decoration: none;
        }

        .pageToolsWrapper a .icon {
            color: #3e7800;
            font-size: 16px;
            vertical-align: middle;
            margin-right: 3px;
            position: relative;
            top: -2px;
        }

    .pageToolsWrapper .print {
        display: none !important;
    }

    .pageToolsWrapper .lbl {
        display: none !important;
    }

    .pageToolsWrapper a.bookmark,
    .pageToolsWrapper a.bookmark:link,
    .pageToolsWrapper a.bookmark:visited {
        padding: 0 0 0 18px;
        margin-left: 7px;
        background-position: 0 -39px;
    }

        .pageToolsWrapper a.bookmark:hover,
        .pageToolsWrapper a.bookmark:focus,
        .pageToolsWrapper a.bookmark:active {
            background-position: 0 -119px;
        }

    .pageToolsWrapper .addthis_toolbox {
        float: right;
        display: inline;
    }

        .pageToolsWrapper .addthis_toolbox a,
        .pageToolsWrapper .addthis_toolbox a:link,
        .pageToolsWrapper .addthis_toolbox a:visited {
            background: none;
            padding: 0;
            margin: 0 0 0 5px;
        }

.addthis_toolbox {
    display: inline;
}


/* ## Email a Friend ## */

.emailFriendWrapper {
}

    .emailFriendWrapper .inner {
        padding: 10px;
    }

    .emailFriendWrapper .emailFriendSender {
        margin: 10px 0 20px;
        border-bottom: 1px dashed #ccc;
    }

    .emailFriendWrapper .emailFriendAdditional {
        margin: 10px 0 0;
        padding: 20px 0 0;
        border-top: 1px dashed #ccc;
    }

/* =================================================================
                        Contact Us Form
===================================================================*/

.scfForm {
}

    .scfForm .scfValidationSummary a {
        color: inherit;
    }

    .scfForm .error-msg-container {
        top: 0;
    }

    .scfForm .scfSingleLineGeneralPanel,
    .scfForm .scfEmailGeneralPanel,
    .scfForm .scfTelephoneGeneralPanel,
    .scfForm .scfNumberGeneralPanel,
    .scfForm .scfMultipleLineGeneralPanel {
        position: relative;
    }

/* =================================================================
                        PRINT STYLES
===================================================================*/

.hd {
    padding: 10px;
    border-bottom: 3px solid #ccc;
    margin: 0 0 10px 0;
}

.ftr {
    padding: 10px;
    border-top: 3px solid #ccc;
    font-size: 11px;
    text-align: center;
}

.printBody {
    margin: 0;
    padding: 0;
    color: #333;
    background: #fff;
    width: 100%;
}

.printWrpr {
    width: 660px;
    text-align: left;
    margin: 0 auto;
    z-index: 1;
}

.emailBody {
    margin: 0;
    padding: 0;
    background: #fff;
    width: 100%;
}

.emailWrpr {
    width: 680px;
    text-align: left;
    margin: 0 auto;
    z-index: 1;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    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: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    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;
    }
}

/* ## Button Styles ## */
/*
    <span class="btnWrapper"><input class="btn" value="Submit" /></span>
	or
	<a href="#" class="btnWrapper"><span class="btn">Submit</a></a>
*/

.btn, a.btn {
    display: inline-block;
    margin: 0;
    padding: 6px 10px;
    font-weight: bold;
    color: #fff;
    background-color: #2341A1;
    border: 3px double #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
}

    .btn:hover, a.btn:hover, .btn:focus, a.btn:focus {
        background-color: #056839;
    }

.btnAlt {
    background-color: #cccccc;
}

    .btnAlt .btn {
        color: #666666;
        background-color: #cccccc;
        border: 1px solid #fff;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

    .btnAlt:hover, .btnAlt:hover .btn, .btnAlt:focus, .btnAlt:focus .btn {
        background-color: #E3E3E3;
    }

.btnLarge .btn {
    padding: 5px 10px;
    font-size: 1.4em;
}

.btnFullWidth {
    display: block;
}

    .btnFullWidth .btn {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    .btnFullWidth input.btn {
        width: 100%;
    }


/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btnWrapper [class^="icon-"] {
    margin: 0 3px;
    font-size: 0.7em;
}


/* ## Site Icons ## */

.iconImage {
    position: relative;
    display: inline-block;
    bottom: 1px;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    text-indent: -9999em;
    background: url(/content/images/layout/icons_default.png) no-repeat 0 0;
    overflow: hidden;
}

.iconCart {
    width: 22px;
    height: 22px;
    background-position: 0 0;
}

.iconRefresh {
    width: 22px;
    height: 22px;
    background-position: 0 -27px;
}

.iconContinueArrow {
    width: 22px;
    height: 16px;
    background-position: 0 -57px;
}

.iconCheckbox {
    width: 18px;
    height: 14px;
    background-position: -23px -112px;
}

.iconXSquareRed {
    width: 12px;
    height: 12px;
    background-position: 0 -112px;
}

.iconSearch {
    width: 14px;
    height: 14px;
    background-position: -55px 0;
}

.iconQuestion {
    width: 22px;
    height: 22px;
    background-position: 0 -75px;
}


/* ## truncate styling ## */

.truncateLink {
}

    .truncateLink a, .truncateLink a:link, .truncateLink a:visited {
        margin-left: 5px;
    }

        .truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {
        }

        .truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {
        }

/* ## Footer Social Follow ## */

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

    ul.socialFollow li {
        display: inline-block;
        margin: 0 2px;
    }

        ul.socialFollow li a {
            display: inline-block;
            width: 25px;
            height: 25px;
            background: url(/Includes/Site/Global/Images/social.png) no-repeat 0 0;
            text-indent: -9999em;
            overflow: hidden;
            text-align: left;
        }

        ul.socialFollow li.facebook a {
            background-position: 0 0;
        }

        ul.socialFollow li.twitter a {
            background-position: 0 -30px;
        }

        ul.socialFollow li.pinterest a {
            background-position: 0 -60px;
        }

        ul.socialFollow li a:hover, ul.socialFollow li a:focus {
            opacity: 0.8;
            -moz-opacity: 0.8;
            filter: alpha(opacity=80);
        }


/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper {
    overflow: auto;
}

table.dataTbl {
    widtH: 100%;
    display: table;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    table.dataTbl th {
        background: #415baf;
        padding: 6px 15px;
        font-size: 1em;
        border: 1px solid #415baf;
        border-bottom: 4px solid #056839;
        color: #fff;
    }

        table.dataTbl th a {
            color: #fff;
            text-decoration: underline;
        }

    table.dataTbl td {
        vertical-align: top;
        padding: 6px 15px;
        border: 1px solid #E1E1E1;
    }

        table.dataTbl td td {
            border-style: none;
        }

/* ## NEW Limit Text Box ## */

.limitTextBox {
}

    .limitTextBox span {
        display: none;
    }

.limitTextBoxBar {
    width: 100%;
    margin: -15px 0 15px 0;
}

.limitTextBoxBarWrpr {
    width: 100%;
    border: 0px solid #000;
    overflow: hidden;
    font-size: 9px;
    color: #000;
    white-space: nowrap;
    height: 5px;
    background-color: #FDFBBE;
}

.limitTextBoxBarInner {
    width: 0%;
    background-color: #FF0000;
}

.limitTextBoxInputWrpr {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

    .limitTextBoxInputWrpr textarea {
        box-sizing: border-box;
        vertical-align: top;
    }

.limitTextBoxSpellWrpr {
    display: table-cell;
    padding-left: 5px;
    vertical-align: top;
}

    .limitTextBoxSpellWrpr img {
        max-width: 16px !important;
        cursor: pointer;
    }

.vd {
    padding: 0 5px;
}

.topOfPage {
    text-align: right;
}

    .topOfPage a {
        background: transparent url(/Includes/Site/Global/Images/arrow.gif) no-repeat 100% 50%;
        padding-right: 13px;
    }

a.boxLink {
    display: inline-block;
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid #d8dee2;
    padding: 20px 10px 20px 57px;
    color: #464646;
    font-size: 18px;
    font-weight: 800;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent url("/Includes/Site/Template 2/Images/boxLinkIcon.png") no-repeat 20px 50%;
    -webkit-box-shadow: 0px 5px 10px -2px #E7ECEE;
    -moz-box-shadow: 0px 5px 10px -2px #E7ECEE;
    box-shadow: 0px 5px 10px -2px #E7ECEE;
}

    a.boxLink:hover, a.boxLink:focus {
        text-decoration: none;
        background-color: #D8DEE2;
    }

.home a.boxLink {
    display: inline-block;
    width: 100%;
}

a.boxLink span {
    width: 50px;
    height: 50px;
    display: block;
    text-indent: -9999em;
    margin: 0 auto 10px auto;
}

.asses {
    background: transparent url("/Includes/Site/Template 2/Images/asses.png") no-repeat 50% 50%;
}

.pay {
    background: transparent url("/Includes/Site/Template 2/Images/pay.png") no-repeat 50% 50%;
}

.registration {
    background: transparent url("/Includes/Site/Template 2/Images/registration.png") no-repeat 50% 50%;
}

.documents {
    background: transparent url("/Includes/Site/Template 2/Images/documents.png") no-repeat 50% 50%;
}

.infoBox {
    -webkit-box-shadow: 0px 5px 10px -2px #E7ECEE;
    -moz-box-shadow: 0px 5px 10px -2px #E7ECEE;
    box-shadow: 0px 5px 10px -2px #E7ECEE;
    border: 1px solid #d8dee2;
    color: #292829;
    font-size: 14px;
    background: transparent url("/Includes/Site/Template 2/Images/info.png") no-repeat 50% 15px;
    padding: 60px 10px 10px 10px;
    text-align: center;
    margin: 20px 0;
}

.scoreBox {
    -webkit-box-shadow: 0px 5px 10px -2px #E7ECEE;
    -moz-box-shadow: 0px 5px 10px -2px #E7ECEE;
    box-shadow: 0px 5px 10px -2px #E7ECEE;
    border: 1px solid #d8dee2;
    color: #415bae;
    font-weight: bold;
    font-size: 14px;
    background: transparent url("/Includes/Site/Template 2/Images/score.png") no-repeat 50% 15px;
    padding: 60px 10px 10px 10px;
    text-align: center;
    margin: 20px 0;
}

    .scoreBox .score {
        font-size: 60px;
        font-weight: 800;
    }

.staffList {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0px;
}

    .staffList ul {
        margin: 0;
        padding: 0 0 0 20px;
        list-style-type: none;
    }

        .staffList ul li {
            margin: 0;
            padding: 0;
        }

.staff-list-card {
    list-style-type: none;
    padding: 0;
}

.staff-list-card-ThreeColumns {
    list-style-type: none;
    padding: 0;
}

.staff-list-card li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}


    .staff-list-card li:nth-child(odd) {
        clear: left
    }

.staff-list-card-ThreeColumns li {
    width: 33%;
    float: left;
    margin-bottom: 20px;
}

    .staff-list-card-ThreeColumns li:nth-child(3n+1) {
        clear: left;
    }

.staff-list-card .image svg {
    width: 100%;
}

.staff-list-card-ThreeColumns .image svg {
    width: 100%;
}

main#mainContent h1 {
    margin-bottom: 0;
}

.placeholder-icon {
    display: block;
    width: 150px;
    height: 150px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    background-color: #D3D3D3;
}

.staff-list-card .image {
    width: 150px;
    height: 150px;
    background: lightgray;
    overflow: hidden;
    position: relative;
}

    .staff-list-card .image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.staff-list-card-ThreeColumns .image {
    width: 150px;
    height: 150px;
    background: lightgray;
    overflow: hidden;
    position: relative;
}

    .staff-list-card-ThreeColumns .image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }


.hide-white {
    position: absolute;
    left: -99999px;
}

.faqList .question {
    color: #213d97;
    cursor: pointer;
}

.faqList .expandable {
    display: none;
}

.JC_logo {
    text-align: center;
}


@media (min-width:480px) and (max-width:767px) {
}

@media(max-width:479px) {
    .staff-list-card li {
        width: 100%;
    }

    .staff-list-card-ThreeColumns li {
        width: 100%;
    }

    .placeholder-icon {
        margin: 0 auto 10px;
    }

    .staff-list-card {
        text-align: center;
    }

        .staff-list-card .image {
            margin: 0 auto
        }

    .staff-list-card-ThreeColumns {
        text-align: center;
    }

        .staff-list-card-ThreeColumns .image {
            margin: 0 auto
        }
}

/* =================================================================
                         Owl Craousel
 ===================================================================*/
.owl-carousel {
    position: relative;
}

.owl-pagination {
    display: flex;
    justify-content: center;
}

.owl-page {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 20px 10px;
    background: #f0f2f9;
    transition: .3s background;
}

    .owl-page.active,
    .owl-page:hover,
    .owl-page:focus {
        background: #146dac;
    }

.owl-prev,
.owl-next {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

.owl-arrow {
    display: inline-block;
    width: 14px;
    height: 24px;
}

    .owl-arrow.prev {
        background-image: url("/Includes/Site/Template 2/Images/left-arrow.svg");
    }

    .owl-arrow.next {
        background-image: url("/Includes/Site/Template 2/Images/right-arrow.svg");
    }

.owl-autoplay-controls {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 15px;
    left: 0;
}

    .owl-autoplay-controls .stop,
    .owl-autoplay-controls .play {
        background-repeat: no-repeat;
        width: 100%;
        display: inline-block;
        height: 100%;
    }

    .owl-autoplay-controls .stop {
        background-image: url("/Includes/Site/Template 2/Images/pause-btn.svg");
    }

    .owl-autoplay-controls .play {
        display: none;
        background-image: url("/Includes/Site/Template 2/Images/play-btn.svg");
    }

    .owl-autoplay-controls.pause-active .stop {
        display: none;
    }

    .owl-autoplay-controls.pause-active .play {
        display: block;
    }

    .owl-autoplay-controls.play-active .play {
        display: none;
    }


/* =================================================================
                        Media Queries
===================================================================*/

/* ## 16px baseline (256px) s = small ## */
@media only screen and (min-width:16em) {
}


/* ## 16px baseline (480px - 767px) sw = small wide ## */
@media only screen and (min-width:30em) {
}


/* ## 16px baseline (768px) m = medium ## */
@media only screen and (min-width:48em) {

    .headerBarWrpr {
        display: block;
    }

    .siteHeader a.sitelogo,
    .siteHeader a.sitelogo:link,
    .siteHeader a.sitelogo:visited {
        margin: 31px 0 20px 21px;
    }

    .siteBody {
        padding: 0 0px 10px 0px;
    }

        .siteBody .bar {
            margin-top: 35px;
        }

    .footerWrpr,
    .subFooterWrpr {
        text-align: left;
    }

    .tagline,
    .design,
    .ftrEmail {
        text-align: right;
    }

    .tagline {
        margin: 40px 40px 0 0;
        font-size: 24px;
    }

    .navWrpr {
        height: auto;
        padding: 9px;
        margin-bottom: -33px;
    }

    .headerLinks {
        display: block;
    }

    .pageToolsWrapper .print {
        display: inline !important;
    }

    .pageToolsWrapper .lbl {
        display: inline !important;
    }

    .searchSiteWrpr {
        margin-bottom: 0px;
        margin-top: 40px;
        text-align: left;
    }

        .searchSiteWrpr .searchBtn {
            display: none;
        }

    .siteSearch {
        margin-left: -20px;
        display: block;
    }

    .mainContent {
        padding: 0 20px;
    }

    .ftrLinks {
        text-align: right;
    }

    ul.socialFollow {
        float: right;
    }

    .footer {
        padding: 0;
    }

    .staffList ul li {
        width: 49%;
        float: left;
    }
}

/* ## 16px baseline (768px - 959px) m = medium ## */
@media only screen and (min-width:48em) and (max-width:59.938em) {

    .tagline {
        margin: 45px 30px 0 0;
        font-size: 18px;
    }
}


/* ## 16px baseline (960px - 1139px) mw = medium wide ## */
@media only screen and (min-width:60em) and (max-width:71.188em) {
}


/* ## 16px baseline (1140px +) l = large ## */
@media only screen and (min-width:72em) {
}

.scfForm .field-border {
    overflow: hidden;
    margin-bottom: 2px;
    position: relative;
}

.scfForm .field-content .text-box,
.scfForm .field-content select,
.scfForm .field-content input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

    .scfForm .field-content .text-box.multi-line {
        height: 100px;
    }

.scfForm .form-submit-border {
    margin-bottom: 10px;
}

.display-section-legend,
.display-section-info {
    display: none;
}

.scfForm .field-required {
    position: absolute;
    top: 0;
    left: 0;
}

.scfForm .field-title {
    padding-left: 10px;
    font-weight: bold;
}

.scfForm .field-captcha-controls {
    margin-top: 40px;
}

/* Datepicker Adjustments */

div#ui-datepicker-div {
    margin: 3px 0;
    padding: 10px;
    border-radius: 5px;
    border: 3px solid #2341A1;
    background: #fff;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all {
    width: 35px;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 10px;
    display: inline-block;
}

    a.ui-datepicker-prev.ui-corner-all:hover, a.ui-datepicker-next.ui-corner-all:hover,
    a.ui-datepicker-prev.ui-corner-all:focus, a.ui-datepicker-next.ui-corner-all:focus {
        color: #2341A1;
        font-weight: 600;
        text-decoration: underline;
    }

.ui-datepicker-title {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px;
    border-bottom: 2px solid #2341A1;
}

table.ui-datepicker-calendar {
    width: 100%;
}

    table.ui-datepicker-calendar tbody {
        text-align: center;
    }

    table.ui-datepicker-calendar a.ui-state-default {
        color: #2341A1;
    }

        table.ui-datepicker-calendar a.ui-state-default:hover,
        table.ui-datepicker-calendar a.ui-state-default:focus {
            color: #333;
            font-weight: 600;
            text-decoration: underline;
        }


.iframe-full {
    width: 100%;
    height: 100%;
    border: none;
}