@import url("/styles/5.0/css/editor.css");

/********************************************************* WWW */
/********************************************************* BEGIN THEMES */
#whitebox.gray,
#epilogue.gray,
#downright.gray {
    background: none repeat scroll 0 0 #f8f9fa;
}

#whitebox.white-translucent,
#epilogue.white-translucent {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
}

#page_bg.white,
#whitebox.white-opaque,
#epilogue.white-opaque {
    background: none repeat scroll 0 0 #fff;
}

#whitebox.transparent,
#whitebox-shadow.transparent,
#epilogue.transparent,
#downright.transparent {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none !important;
}

div.sidebar.gray,
div.sidebar.green,
div.sidebar.no-seal {
    background-color: #d3d3d3;
    background-image: none;
}

body.darkGray div#tray {
    background: none repeat scroll 0 0 #444;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: none;
    filter: none;
}

body.green div#tray {
    background: #1d674e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1d674e 0%, #134132 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1d674e 0%, #134132 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1d674e 0%, #134132 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: none;
}

body.ribbonFullwidth #downright,
body.ribbonClassic #downright {
    display: inherit;
}

body.ribbonFullwidth #rightsidebar .moduletable,
body.ribbonClassic #rightsidebar .moduletable {
    display: block;
    float: left;
    margin-bottom: 20px;
    max-width: 175px;
    padding: 0;
    position: relative;
    width: 100%;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {

    body.ribbonFullwidth #rightsidebar .moduletable,
    body.ribbonClassic #rightsidebar .moduletable {
        max-width: none;
    }
}

/********************************************************* END THEMES */
/********************************************************* BEGIN WIDELOAD */
#page_bg {
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: center top;
    background-repeat: repeat-x;
    background-size: auto auto;
    height: 100%;
    overflow: auto;
    position: fixed;
    width: 100%;
    z-index: -10;
}

#page_bg.wideload {
    background-size: cover !important;
    overflow: auto;
}

#top {
    margin: 0 0 20px 0;
    overflow: hidden;
}

/********************************************************* END WIDELOAD */
/********************************************************* BEGIN OTHER COLUMNS */
.twoCol,
.threeCol,
.fourCol,
.fiveCol {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    -ms-column-gap: 20px;
    column-gap: 20px;
}

.twoCol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
}

.threeCol {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    column-count: 3;
}

.fourCol {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -ms-column-count: 4;
    column-count: 4;
}

.fiveCol {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    -ms-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    -ms-column-gap: 12px;
    column-gap: 12px;
}

.twoCol ul,
.threeCol ul,
.fourCol ul,
.fiveCol ul {
    margin: 0;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

/********************************************************* END OTHER COLUMNS */
html {
    display: block;
}

body,
p,
span,
div.itemIntroText {
    color: #000;
    font-size: 14px;
    line-height: 1.6em;
    -webkit-hyphens: auto;
    -moz-hyphens: manual;
    hyphens: manual;
    -webkit-hyphenate-limit-after: 5;
    -webkit-hyphenate-limit-before: 4;
}

p {
    line-height: 1.6em;
    margin: 0.75em 0;
}

div.itemIntroText {
    padding: 0.5em 0;
}

img {
    border: 0 none;
    margin: 0;
    padding: 0;
}

#content span {
    line-height: normal;
}

strong {
    font-weight: 600;
}

abbr {
    border-bottom: 1px dashed #ccc;
    cursor: help;
}

div.jcemediabox-tooltip,
div.jcemediabox-tooltip-simple {
    width: auto;
}

#jcemediabox-popup-page {
    z-index: 12000;
}

.jcepopup > img {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

a:link,
a:visited,
a:visited.contentpagetitle,
a:link.contentpagetitle,
.item-page a span {
    color: #1e6b52;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: color 0.4s linear;
    -moz-transition: color 0.4s linear 0s;
    -ms-transition: color 0.4s linear;
    transition: color 0.4s linear;
}

.btn > a,
a[role=button] {
    color: inherit;
    font-weight: inherit;
}

body.mceforcecolors a:link,
body.mceforcecolors a:visited {
    color: #1e6b52;
    font-weight: 600;
    line-height: 1.2em;
    text-decoration: none;
    -webkit-transition: color 0.4s linear;
    -moz-transition: color 0.4s linear 0s;
    -ms-transition: color 0.4s linear;
    transition: color 0.4s linear;
}

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

a:hover,
body.mceforcecolors a:hover {
    color: #000 !important;
    cursor: pointer;
    text-decoration: underline;
}

td.buttonheading a:hover img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a img {
    border: medium none;
    vertical-align: top;
}

h1,
h1 a,
h1 strong,
h1 b,
.componentheading {
    color: #333;
    font-size: 28px;
    font-weight: normal !important;
    line-height: normal !important;
    margin: 0.5em 0;
    padding: 0;
    text-align: left;
    -webkit-hyphens: none;
    hyphens: none;
}

h2,
h2 a,
h2 strong,
h2 b,
.contentheading {
    color: #333;
    font-size: 24px;
    font-weight: normal !important;
    line-height: normal !important;
    margin: 0.5em 0 0.25em;
    padding: 0;
    text-align: left;
    -webkit-hyphens: none;
    hyphens: none;
}

h3,
h3 a,
h3 strong,
h3 b {
    color: #444;
    font-size: 20px;
    font-weight: normal !important;
    line-height: normal !important;
    margin: 0.3em 0;
    padding: 0;
    text-align: left;
}

#leftcolumn h3 {
    font-size: 17px;
    margin: 1em 0;
}

#banner h3 {
    display: none;
}

.categories-list h3 a {
    font-size: 15px;
    text-shadow: none;
}

a.contentheading {
    color: #1e6b52;
    font-weight: 600 !important;
}

h4,
h4 a,
h4 strong,
h4 b,
#whitebox h5.feed-link {
    color: #444;
    font-size: 18px;
    font-weight: normal !important;
    line-height: normal !important;
    margin: 0.3em 0;
    padding: 0;
    text-align: left;
}

h5 {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin: 0.3em 0;
    padding: 0;
    text-align: left;
}

h5.metadata {
    color: #666;
    margin: 3px 0;
    padding: 0;
}

.largerFontSize,
.largerFontSize p {
    font-size: 110% !important;
    line-height: 150%;
}

.smallerFontSize,
.smalllerFontSize p {
    font-size: 90% !important;
    line-height: normal;
}

ul li ul {
    list-style: circle outside none;
    margin: 0 0 0 0.5em;
    padding: 0;
}

table {
    border-spacing: 0;
}

td {
    vertical-align: top;
}

form {
    margin: 0;
    padding: 0;
}

.centered {
    float: none;
    margin: 0 auto;
}

iframe {
    border: medium none;
}

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    /* zoom: 1; */
}

#userForm table tbody tr td {
    padding: 5px;
}

#userForm label {
    margin: 0 15px 0 5px;
}

form#login-form ul {
    list-style: none outside none;
    padding: 0;
}

fieldset {
    border: none;
}

::selection,
::-moz-selection {
    background: #1e6b52;
    color: #fff;
}

/********************************************************* BEGIN JOOMLA POSITION PREVIEW */
.mod-preview-info {
    position: relative;
    width: 100%;
    z-index: 10000;
}

/********************************************************* END JOOMLA POSITION PREVIEW */
/********************************************************* BEGIN ARCHIVE LISTING */
ul#archive-items {
    list-style: none outside none;
    padding: 0 0 0 0;
}

ul#archive-items li {
    list-style: none outside none;
    padding: 1.5% 2%;
}

ul#archive-items .row0 {
    background: none repeat scroll 0 0 #f1f1f1;
}

ul#archive-items .intro {
    margin-bottom: 1.25%;
}

.tree ul {
    display: inline;
    list-style: none outside none;
}

.tree ul li {
    line-height: normal;
    padding: 3px;
}

.tree ul li ul li {
    background: #ecebe6;
    border-radius: 7px;
    margin-bottom: 3px;
}

.tree a.sublevel {
    font-weight: 600;
}

.login {
    border: 2px solid #ccc;
    border-radius: 6px 6px 6px 6px;
    display: inline-block;
    float: none;
    padding: 3%;
    width: auto;
}

.login fieldset {
    margin: 0;
    padding: 0;
    text-align: right;
}

.login-fields {
    margin: 0 0 12px;
}

.login-fields > label {
    margin-right: 6px;
}

.login fieldset .button {
    font-size: 13px;
    min-height: 34px;
    padding: 0 8px;
}

/********************************************************* END ARCHIVE LISTING */
/********************************************************* BEGIN NORMALIZE */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html {
    font-family: sans-serif;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}

/* Remove default margin. */
body {
    margin: 0;
}

/* HTML5 display definitions ========================================================= */
/** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden],
template {
    display: none;
}

/* Links ========================================================================== */
/* Remove the gray background color from active links in IE 10. */
a {
    background-color: transparent;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics ========================================================= */
/* Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] {
    border-bottom: 1px dotted;
}

/* Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b,
strong {
    font-weight: 600;
}

/* Address styling not present in Safari and Chrome. */
dfn {
    font-style: italic;
}

/* Address styling not present in IE 8/9. */
mark {
    background: #ff0;
    color: #000;
}

/* Address inconsistent and variable font size in all browsers. */
small {
    font-size: 80%;
}

/* Prevent `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 ========================================================================== */
/* Remove border when inside `a` element in IE 8/9/10. */
img {
    border: 0;
}

/* Grouping content ========================================================================== */
/* Address margin not present in IE 8/9 and Safari. */
figure {
    margin: 1em 40px;
}

/* Address differences between Firefox and other browsers. */
hr {
    box-sizing: content-box;
    height: 0;
    -moz-box-sizing: content-box;
}

/* Contain overflow in all browsers. */
pre {
    overflow: auto;
}

/* Address odd `em`-unit font size rendering in all browsers. */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms ========================================================================== */
/* Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    margin: 0;
    /* 3 */
}

/* Address `overflow` set to `hidden` in IE 8/9/10/11. */
button {
    overflow: visible;
}

/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */
button,
select {
    text-transform: none;
}

/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */
button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
    /* 2 */
    cursor: pointer;
    -webkit-appearance: button;
    /* 3 */
}

/* Re-set default cursor for disabled elements. */
button[disabled],
html input[disabled] {
    cursor: default;
}

/* Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input {
    line-height: normal;
}

/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */
input[type="search"] {
    /* 2 */
    box-sizing: content-box;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    /* 1 */
    -moz-box-sizing: content-box;
}

/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/* Remove default vertical scrollbar in IE 8/9/10/11. */
textarea {
    overflow: auto;
}

/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup {
    font-weight: 600;
}

/********************************************************* END NORMALIZE */
/********************************************************* BEGIN SP TABS */
.moduletable.fiveohoh {
    width: 500px;
}

#whitebox .sptab_green ul.tabs_container li.tab.tab_over,
#whitebox .sptab_green ul.tabs_container li.tab.active {
    border-top: 5px solid #d6c370;
}

.tab.active > span {
    color: #1e6b52;
}

.tab > span {
    font-weight: normal;
    text-transform: none !important;
}

/********************************************************* END SP TABS */
/********************************************************* BEGIN CONTACTS */
legend.hidelabeltxt {
    color: #777;
    float: left;
    margin: 0 10px 0 0;
}

.contact-category .category td,
.contact-category_qcontactsext .category td {
    display: table-cell;
    line-height: 1.35em;
    margin: 0;
    padding: 1% 1% 1% 0;
}

.item-num {
    display: none;
}

#adminForm td {
    line-height: normal;
}

.contact-category #adminForm td {
    line-height: normal;
    min-width: 130px;
    padding: 5px;
}

.contact_block {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    clear: right;
    float: left;
    height: 300px;
    margin: 10px;
    padding: 10px;
    width: 200px;
}

.contact_photo {
    clear: left;
    float: left;
}

.contact_photo img {
    border-radius: 4px 4px 4px 4px;
}

.contact_info {
    clear: right;
    float: left;
}

.item-phone {
    text-align: center;
}

.contact-position,
.contact-position,
.contact-contactinfo,
.contact-miscinfo {
    margin-left: 5px;
}

.contact-name {
    font-size: 20px;
    font-weight: 600;
}

.contact > h3 {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #222;
    float: left;
    font-size: 15px;
    padding: 0.5em;
    text-shadow: none;
    width: 100%;
}

#content span.contact-misc {
    line-height: 1.6em;
}

.contact-miscinfo .jicons-text {
    /* removes second 'more information' */
    display: none;
}

.contact-image {
    float: left;
    margin: 2px 10px 0 0;
}

/********************************************************* BEGIN SOE contact mods */
.contact > h3 {
    display: none;
}

.contact-misc > h4 {
    background: none repeat scroll 0 0 #f1f1f1;
    font-size: 21px;
    padding: 6px;
}

.contact-image > img {
    padding: 10px 15px 15px 0;
}

.contact-name {
    font-size: 30px;
    font-weight: normal;
}

.contact-misc {
    float: left;
}

@media screen and (max-width: 800px) {
    .contact-image {
        float: none;
        margin: 2px 0 0;
    }

    .contact-image > img {
        max-width: 150px;
        padding: 5px 5px 5px 0;
    }
}

/********************************************************* END SOE contact mods */
/********************************************************* END CONTACTS */
/********************************************************* BEGIN JOOMLA SEARCH */
.search fieldset {
    clear: right;
    float: left;
    margin: 0 3% 5px 0;
    width: 40%;
}

.search dl.search-results {
    float: left;
}

.search .pagination {
    clear: right;
    float: left;
}

.search .form-limit,
.search p.counter {
    float: left;
    margin: 5px 0 0 5px;
    width: auto;
}

.search .form-limit > label {
    float: left;
    margin: 5px 5px 0 0;
    width: auto;
}

.search p.counter {
    line-height: normal;
    margin: 11px 0 0 15px;
}

.search-results .result-title {
    border-top: 1px dotted #ddd;
    font-size: 1.1em;
    margin-top: 1em;
    padding-top: 1em;
}

.search dl.search-results {
    float: left;
    margin: 20px 0;
    width: 100%;
}

dl.search-results dd {
    margin: 0.5em 0 0.5em 1em;
}

.search-results .highlight {
    background-color: yellow;
    font-size: inherit;
}

#search .smartSearch .search-query.input-medium {
    padding: 0.3em;
}

a[href^="#advancedSearch"] {
    display: none;
}

/********************************************************* END JOOMLA SEARCH */
/********************************************************* BEGIN MISC TABLE PARTS */
table.category td {
    border-bottom: 1px dotted #ccc;
    line-height: normal;
    padding: 0 10px;
    vertical-align: middle;
}

/********************************************************* END MISC TABLE PARTS */
/********************************************************* BEGIN JOOMGALLERY */
.gallery .pagination {
    display: table;
    margin: 2px auto;
}

.gallery ul.pagination {
    display: inherit;
}

.gallery ul.pagination li {
    display: inline;
    margin: 3px;
}

.jg_element_cat div {
    margin: 0 auto;
}

/********************************************************* END JOOMGALLERY */
/********************************************************* BEGIN VJ CALENDAR */
div[class*="upcomingevents"] {
    float: left;
    margin-bottom: 5%;
}

.upcoming_event_container {
    float: left;
    height: auto;
    margin: 10px 0 5px;
    width: 100%;
}

.upcoming_event_title a {
    color: #444 !important;
    font-size: 13px;
}

.upcoming_event_container:first-of-type {
    margin-top: 5px;
}

.vjEventLoc {
    font-size: 11px;
    font-weight: normal;
    margin-left: 50px;
}

.vjEventTitle {
    margin-left: 50px;
}

.vjEventTime {
    margin: 3px 0 5px 50px;
}

.vjEventStartTime {
    margin: 0 0 5px 50px;
}

.custom-calendar-wrap {
    background: #707772;
}

.custom-header,
.custom-content-reveal h4 {
    border-top: 5px solid #888;
}

.custom-header nav span:before,
.fc-calendar .fc-head {
    color: #444;
}

.custom-content-reveal span.custom-content-close {
    background: none repeat scroll 0 0 #888;
    height: 19px;
}

.custom-content-reveal a,
.custom-content-reveal span {
    display: block;
    font-size: 18px;
    padding: 0 30px 2px;
}

b.google_event {
    border-top: 1px solid #ccc;
    display: block;
    margin: 5px 0 0;
    padding: 10px 0 0;
}

.fc-calendar .fc-row > div.fc-today {
    background: none repeat scroll 0 0 #888;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset;
}

.fc-calendar .fc-row > div.fc-today.fc-content:after {
    color: #ffc200;
}

.custom-content-reveal > br {
    display: none;
}

.custom-header.clearfix > h2,
.custom-header.clearfix > h3 {
    font-size: 1.6em;
    font-weight: normal !important;
    margin: 2px;
    padding: 0;
    text-transform: none;
}

.custom-header.clearfix {
    text-align: center;
}

.custom-header.clearfix > nav {
    float: none;
}

.fc-calendar .fc-row > div > span.fc-date {
    left: auto;
    right: 4px;
    text-align: right;
    top: 4px;
    width: 100%;
}

.fc-calendar .fc-row > div > span.fc-date {
    right: 0.25em;
    top: 0.75em;
}

/*** miniCal ****/
.miniCal h2,
.miniCal h3 {
    font-size: 20px;
    letter-spacing: normal;
    margin: 0 !important;
    padding: 0 !important;
}

.miniCal .custom-calendar-wrap.custom-calendar-full {
    min-height: 325px;
}

.miniCal .custom-header.clearfix > nav {
    float: left;
    margin: -20px 0 0 3%;
    width: 93% !important;
}

.miniCal .fc-calendar .fc-row > div > span.fc-date {
    font-size: 14px;
    text-align: center;
}

.miniCal .fc-five-rows .fc-row {
    height: 40px;
}

.miniCal .fc-calendar .fc-head {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
}

/********************************************************* END VJ CALENDAR */
/********************************************************* BEGIN VJ MAGIG TOOLSET */
.resp-tab-active {
    border-color: #c1c1c1;
}

.resp-tabs-list li {
    font-size: 12px;
    font-weight: 600;
}

.tabs.vjtabs .feed .newsfeed > li {
    float: none;
}

.tabs.vjtabs .feed .newsfeed > li:first-of-type {
    border: medium none;
}

.tabs.vjtabs .feed .newsfeed > li:last-of-type {
    border-bottom: medium none;
}

@media screen and (max-width: 1000px) {
    .resp-tabs-list li {
        font-weight: normal;
    }
}

/********************************************************* END VJ TOOLSET */
/********************************************************* BEGIN OLD JWTS */
body.hd ul.jwts_tabbernav li a {
    background: #ddd none repeat scroll 0 0;
    font-weight: normal;
    padding-bottom: 3px;
}

body.hd ul.jwts_tabbernav li.jwts_tabberactive a {
    background: #fff none repeat scroll 0 0;
}

/********************************************************* END OLD JWTS */
/********************************************************* Begin RSForms */
td.sectiontableheader {
    background-color: #ccc;
    font-weight: 600;
    height: 1.75em;
    line-height: 1.25em;
    padding-left: 2px;
    vertical-align: middle;
}

td.sectiontableheader a {
    color: #000;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
    line-height: 1.25em;
    padding-left: 2px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
    border-bottom: 10px solid transparent;
}

tr.sectiontableentry1 td a,
tr.sectiontableentry2 td a {
    font-weight: 400;
}

form#userForm.formResponsive .formControls input#Submit.rsform-submit-button,
form#userForm.formResponsive .rsform-block input#Submit.rsform-submit-button,
.formResponsive input[type="submit"] {
    background-color: #1e6b52;
    background-image: none;
}

form#userForm.formResponsive .formControls input.rsform-reset-button,
form#userForm.formResponsive .rsform-block input.rsform-reset-button,
.formResponsive input[type="reset"] {
    background-color: #444;
    background-image: none;
    float: left;
    margin-right: 5px;
}

.formResponsive input[type="submit"]:hover,
.formResponsive input[type="submit"]:active,
.formResponsive input.active[type="submit"],
.formResponsive input.disabled[type="submit"],
.formResponsive input[type="submit"][disabled] {
    background-color: #000;
    color: #fff;
}

.formResponsive input[type="button"]:hover,
.formResponsive input[type="reset"]:hover,
.formResponsive input[type="submit"]:hover {
    background-color: #e6e6e6;
    color: #333;
}

.formResponsive .formHorizontal select {
    width: auto;
}

/* added 01-29-16 */
/* added 09-10-13 */
.formResponsive input[readonly="readonly"],
.formResponsive input[readonly="readonly"]:focus {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0.5em 0 0;
    transition: none 0s ease 0s;
}

.formResponsive label.labelBreak {
    display: none;
}

/********************************************************* END RSFORMS */
/********************************************************* BEGIN GKWEATHER */
.gkw_main_right {
    color: #575757;
    float: left;
    font-size: 0.9em;
    line-height: 0.75em;
    margin: 0 0 0 12px;
    width: auto;
}

.gkw_current {
    width: 175px;
}

.gkw_main_right h2 {
    font-size: 12px;
    padding-bottom: 4px;
    text-align: left;
}

.gkw_main {
    float: left;
    margin: 0;
    padding: 20px 0;
}

#big_weather.gkw_main,
#big_weather h2,
#big_weather.gkw_main_right,
#big_weather.gkw_main_left {
    font-size: 1.1em;
    text-align: center;
    width: 85%;
}

#bigweather.gkw_main {
    margin: 0 0 0 14px;
}

#bigweather.gkw_current {
    margin: 0 15%;
    width: auto;
}

#big_weather .gkw_temp {
    font-size: 1.5em;
}

/********************************************************* END GKWEATHER */
/********************************************************* BEGIN SEARCH BOX */
#search input {
    border-radius: 5px 0 0 5px;
}

#search input[type="text"],
#search textarea {
    box-shadow: 0 0 0 0;
    color: #888;
    width: 125px;
    -webkit-hyphens: none;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-hyphens: none;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    hyphens: none;
    transition: all 0.5s ease-in-out 0s;
}

#search input[type="text"]:hover,
#search textarea:hover,
#search input[type="text"]:focus,
#search textarea:focus {
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 6px;
    color: #000;
    width: 160px;
}

#search input.button,
#search button,
#search input[type="reset"],
#search input[type="button"],
#search input[type="submit"] {
    border-radius: 0 5px 5px 0;
    height: auto;
    margin-left: -4px;
}

input[type="text"],
input[type="password"] {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0;
    padding: 0.4em;
}

input:focus {
    background: none repeat scroll 0 0 #deefdf;
}

#suggestion_form input[type="text"],
#suggestion_form input[type="password"] {
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #222;
    font-size: 15px;
    height: 2.5em;
    padding: 2px 5px;
    text-shadow: none;
}

#suggestion_form input[type="text"]:focus,
#suggestion_form input[type="password"]:focus {
    background-color: #fff;
}

input.button,
button:not([class^="uk-"]):not([class^="wk-"]),
input[type="reset"],
input[type="button"],
input[type="submit"] {
    background: #374745;
    background: -moz-linear-gradient(top, #808786 0%, #374745 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #808786 0%, #374745 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #808786 0%, #374745 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 0 none;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    margin: 0;
    padding: 5px;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
}

#suggestion_form input {
    background: #374745;
    background: -moz-linear-gradient(top, #808786 0%, #374745 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #808786 0%, #374745 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #808786 0%, #374745 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 2.5em;
    line-height: 2.5em;
    margin: 0 0 15px;
    padding: 0 1em;
    text-decoration: none;
    text-shadow: 1px 1px 0 #222;
}

#suggestion_form input[type="submit"] {
    border-radius: 0 5px 5px 0;
    margin-left: -4px;
}

#suggestion_form input[type="submit"]:active {
    background: #1e6b52;
}

input.button:hover,
button:not([class^="uk-"]):not([class^="wk-"]):hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background: #5e6163;
    color: #ccc;
}

input.button:active,
button:not([class^="uk-"]):not([class^="wk-"]):active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
    background: #1e6b52;
}

#quicklinks input {
    margin-bottom: 0.75em;
    width: 120px;
}

p.g .s {
    color: #444;
    font-size: 14px;
    line-height: 1.4em;
    padding-bottom: 0.25em;
}

p.g .l {
    color: #1e6b52;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.4em;
    text-decoration: underline;
}

#suggestion_form {
    padding: 5px;
}

/********************************************************* END SEARCH BOX */
.contenttoc th,
.contenttoc a {
    font-size: 12px;
}

.pagenavcounter {
    color: #666;
    font-size: 12px;
    padding: 8px 0 0;
}

.createdate,
.modifydate {
    color: #666;
    font-size: 12px;
    padding: 8px 0 0;
}

ul.latestnews,
ul.relateditems,
ul.mostread,
ul.newsfeed,
ul.sections,
ul.menu,
ul.weblinks,
div.k2ItemsBlock ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

div.k2ItemsBlock ul li div.moduleItemIntrotext {
    display: block;
    font-size: 95%;
    line-height: 1.4em;
    padding: 4px 0;
}

.latestnews li,
.relateditems li,
.mostread li,
.newsfeed li,
.sections li,
.weblinks li,
.k2ItemsBlock li,
.category-module,
.moduleCustomLink,
#rightsidebar .nav.menu li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    font-weight: inherit;
    line-height: 1.4em;
    list-style: outside none none;
    margin: 0;
    padding: 2.25% 1.25%;
}

#leftcolumn .feed-link a {
    font-size: 16px;
}

.moduletable-list .menu a,
.latestnews li a,
.relateditems li a,
.mostread li a,
.newsfeed li a,
.sections li a,
.weblinks li a,
.k2ItemsBlock li a,
.moduletable-list .menu li a,
ul.menu li a {
    font-weight: normal;
}

#rightsidebar div.k2ItemsBlock ul li a.moduleItemTitle,
#rightsidebar .feed-link > a,
#rightsidebar .latestnews a,
#rightsidebar .weblinks a,
#rightsidebar a.mod-articles-category-title.active,
#rightsidebar h4 .mod-articles-category-title,
#rightsidebar .mod-articles-category-introtext > a,
#rightsidebar p.mod-articles-category-introtext,
#leftcolumn div.k2ItemsBlock ul li a.moduleItemTitle,
#leftcolumn .feed-link > a,
#leftcolumn .latestnews a,
#leftcolumn .weblinks a,
#leftcolumn a.mod-articles-category-title.active,
#leftcolumn h4 .mod-articles-category-title,
#leftcolumn .mod-articles-category-introtext > a,
#leftcolumn p.mod-articles-category-introtext {
    color: #555;
    font-size: 14px;
    font-weight: normal;
}

#rightsidebar .feed-link {
    line-height: normal;
}

.blog > h2 {
    margin: 0;
    padding: 0;
}

span.subheading-category {
    color: #ccc;
    display: block;
    font-size: 125%;
    margin: 0 0 0 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

div.k2ItemsBlock ul li a.moduleItemTitle:hover {
    text-decoration: underline;
}

.custom_custom-title h2 strong,
.custom_custom-title h2 strong a {
    font-size: 25px;
    font-weight: normal !important;
}

div.newsflash {
    overflow: auto;
}

ul.newsflash-vert {
    list-style: none outside none;
    overflow: auto;
    padding: 0;
}

li.newsflash-item {
    border-bottom: 1px solid #e8e8e8;
    float: left;
    padding: 0 0 10px;
}

li.newsflash-item:last-of-type {
    border-bottom: none;
}

li.newsflash-item .newsflash-title {
    border-top: medium none;
}

.newsflash-title {
    border-top: 1px dotted #ccc;
    clear: both;
    float: left;
    line-height: 1.5em;
    padding: 1em 0 0.25em;
    width: 100%;
}

h4.newsflash-title {
    float: none;
    padding: 1em 0 0;
}

.newsflash-title:first-of-type {
    border-top: medium none;
}

.lower .feed h4.feed-link a {
    font-size: 23px;
    line-height: normal;
}

.lower div.k2ItemsBlock ul li a.moduleItemTitle {
    font-size: 14px;
}

#message .newsfeed li {
    border: 1px red solid;
    box-shadow: 0 0 5px red;
    margin: 15px 0;
    padding: 10px;
}

.moduletableemergency {
    border: 1px red solid;
    margin: 15px 0;
    padding: 10px;
}

#message table {
    width: 99.9%;
}

div.itemTwitterButton,
div.itemFacebookButton,
div.itemLinkedInButton {
    float: left;
    margin-right: 20px;
    width: auto;
}

div.catItemRatingBlock,
div.itemRatingBlock {
    display: none;
}

.itemSocialSharing > div span {
    font-size: inherit;
}

/********************************************************* BEGIN ACTIONS TOOLBAR */
div.actions {
    display: block;
    float: right;
    position: relative;
    width: 100%;
}

ul.actions,
.actions {
    list-style: none outside none;
}

ul.actions li,
.actions div {
    float: right;
    padding: 0 4px;
    text-align: right;
}

.actions a img {
    background-color: #fff;
    border-radius: 10px;
    padding: 2px;
    -webkit-transition: box-shadow 0.4s linear;
    -moz-transition: box-shadow 0.4s linear;
    -ms-transition: box-shadow 0.4s linear;
    transition: box-shadow 0.4s linear;
}

.actions a:hover img {
    box-shadow: 0 0 8px rgba(30, 107, 82, 0.7);
}

/********************************************************* END ACTIONS TOOLBAR */
/********************************************************* BEGIN BLOG LAYOUT */
.blog .cols-3 > div > img,
.blog .cols-3 > div > img,
.blog .cols-3 > img,
.blog .cols-3 > div > a img,
.blog .cols-3 > div > a img,
.blog .cols-3 > a img {
    height: auto;
    margin: 12px !important;
    max-width: 31% !important;
}

.blog .cols-2 > div > img,
.blog .cols-2 > div > img,
.blog .cols-2 > img,
.blog .cols-2 > div > a img,
.blog .cols-2 > div > a img,
.blog .cols-2 > a img,
.blog-featured .cols-2 > div > img,
.blog-featured .cols-2 > div > img,
.blog-featured .cols-2 > img,
.blog-featured .cols-2 > div > a img,
.blog-featured .cols-2 > div > a img,
.blog-featured .cols-2 > a img {
    height: auto;
    margin: 12px !important;
}

.item > h2 {
    margin: 0 0 0.25em;
}

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

a.readon {
    float: right;
    padding: 0 5px 0 0;
}

.moduleItemReadMore {
    display: block;
    margin: 5px;
    text-align: right;
}

.items-more::before {
    color: #444;
    content: "More Articles";
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 0.75em 0;
}

.readmore {
    display: block;
    margin: 0 0 2em;
    text-align: right;
}

table.blog {
    padding-bottom: 15px;
}

table.blog span.article_separator {
    border-top: 1px solid #d3d3d3;
    display: inline;
}

dt.article-info-term {
    display: none;
}

.article-info dd {
    color: #888;
    margin: 0;
}

span.article_separator {
    display: none;
}

.article_column {
    padding: 0 15px 0 0;
}

td.buttonheading {
    padding: 0 2px;
    text-align: right;
}

td.buttonheading a img {
    border-radius: 9px;
    padding: 2px;
}

td.buttonheading a:hover img {
    box-shadow: 0 0 8px rgba(30, 107, 82, 0.7);
}

.article_column td.buttonheading {
    float: right;
    padding: 0;
}

.column_separator {
    border-left: 1px solid #d3d3d3;
    padding-left: 15px;
}

.blog-featured {
    padding: 0;
}

.items-leading {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0.7% 10px;
}

.items-leading > div {
    border-bottom: 1px dotted #ccc;
    float: left;
    max-width: 100%;
    padding: 10px 0 5px;
}

.items-leading > * > img {
    height: auto;
    max-width: 100%;
}

.row-separator {
    border: 0;
    clear: both;
    display: block;
    height: 1px;
    margin: 0;
}

.item-separator {
    display: none;
    margin: 0;
}

.shownocolumns {
    width: 98% !important;
}

.mod-articles-category-title {
    font-size: 20px;
}

body.legacy .mod-articles-category-title {
    font-size: 1.0em;
}

.mod-articles-category-readmore .mod-articles-category-title {
    font-size: 13px;
}

.category-module .mod-articles-category-readmore {
    margin: -10px 0 1.5em;
    text-align: right;
}

#rightsidebar .category-module .mod-articles-category-readmore {
    margin: 5px 0 1.5em;
}

#lowers .mod-articles-category-title {
    display: block;
    font-size: 16px;
    margin-bottom: 0.8em;
}

#rightsidebar .mod-articles-category-title {
    color: #555;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
}

#rightsidebar .category-module > li {
    margin: 0 0 0.9em;
}

.mod-articles-category-introtext {
    margin: 0.15em 0 0.8em;
}

#leftcolumn .mod-articles-category-title {
    display: block;
    font-size: 14px;
    margin-bottom: 0.8em;
}

/********************************************************* END BLOG LAYOUT */
/********************************************************* BEGIN JTABS */
.jtab_accordion {
    font-size: 0.9em;
}

/********************************************************* END JTABS */
/********************************************************* BEGIN K2 */
.itemBackToTop {
    display: none;
}

.itemListSubCategories h3 {
    display: none;
}

.items-more ol {
    list-style: none outside none;
}

div.itemHeader h2.itemTitle,
#k2Container.tagView div.tagItemList div.tagItemView div.tagItemHeader h2.tagItemTitle a,
div.catItemHeader h2.catItemTitle a,
div.itemHeader h3.itemTitle,
#k2Container.tagView div.tagItemList div.tagItemView div.tagItemHeader h3.tagItemTitle a,
div.catItemHeader h3.catItemTitle a {
    color: #222;
    font-weight: normal !important;
    line-height: normal;
    margin: 0;
    padding: 10px 0 4px;
}

div.itemHeader h2.itemTitle,
#k2Container.tagView div.tagItemList div.tagItemView div.tagItemHeader h2.tagItemTitle a,
div.catItemHeader h2.catItemTitle a {
    font-size: 32px;
}

div.itemHeader h3.itemTitle,
#k2Container.tagView div.tagItemList div.tagItemView div.tagItemHeader h3.tagItemTitle a,
div.catItemHeader h3.catItemTitle a {
    font-size: 24px;
}

#k2Container.itemListView.blox > div.itemList > div#itemListPrimary > div.itemContainer {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25);
    border: 1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    margin: 1%;
    max-width: 29%;
    padding: 1%;
}

#k2Container.itemListView.blox > .itemList > #itemListPrimary > .itemContainer .catItemImage img {
    max-width: 80%;
}

/********************************************************* BEGIN JTABS */
/********************************************************* BEGIN NEWSFEED ITEMS */
.newsfeed > li {
    border-top: 1px dotted #ccc;
}

.feed h2 a {
    display: block;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 12px;
}

.newsfeed span.feed-link {
    line-height: normal;
}

.newsfeed span.feed-link > a {
    font-size: 110%;
    font-weight: 600;
}

.newsfeed .feed-item-description {
    margin-top: 5px;
}

.newsfeed > li:last-of-type {
    border-bottom: 1px dotted #ccc;
}

.newsfeed-item a,
.newsfeed_item a {
    color: #1e6b52;
}

.newsfeed-item,
.newsfeed_item {
    margin-top: 8px;
    width: 100%;
}

.newsfeed-item img,
.newsfeed_item img,
.feed-item-description img {
    border-radius: 10px 10px 10px 10px;
    height: auto;
    max-height: 150px;
    width: auto;
}

.feedMore {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    float: right;
    margin: 8px 0;
    padding: 3px 4px 3px 12px;
}

a.feedMore {
    color: #5f5f5f;
    font-size: 13px;
    font-weight: normal;
}

.feedMore i {
    color: #ccc;
}

.feedMore:hover {
    background: #fff none repeat scroll 0 0;
}

.noMore .feedMore,
#quicklinks .feedMore {
    display: none;
}

.items-row.row-fluid > div {
    margin-bottom: 25px;
}

.items-row.row-fluid img {
    border-radius: 2px;
    display: block;
    margin: 8px;
}

/************************************** BEGIN FEED MODULE SUBSET */
.feed ul.newsfeed .K2FeedImage {
    float: left;
    margin: 0 10px 10px 0;
}

.feed.noImages ul.newsfeed .K2FeedImage {
    display: none;
}

.feed ul.newsfeed .K2FeedFullText {
    display: none;
}

.feed .newsfeed > li {
    float: left;
    width: 100%;
}

/************************************** END FEED MODULE SUBSET */
/********************************************************* BEGIN CAS NEWSFEED */
.feed.half,
.newsfeed.half {
    width: 98%;
}

.newsfeed.half > li,
.newsfeed.half > li:last-of-type {
    border: medium none;
}

/********************************************************* END CAS NEWSFEED */
/********************************************************* END NEWSFEED ITEMS */
.lower-feeds .newsfeed-item > p {
    display: none;
}

.lower-feeds li.newsfeed-item:nth-child(even) {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
}

.lower-feeds li.newsfeed-item:nth-child(odd) {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.01);
}

.even,
li.even,
.even_lastItem,
.tabeven {
    background: none repeat scroll 0 0 #f1f1ed;
    border-top: medium none;
}

#rightsidebar .even,
#rightsidebar li.even,
#rightsidebar .even_lastItem,
#rightsidebar .tabeven,
.odd,
li.odd,
.odd_lastItem,
.tabodd {
    background: none repeat scroll 0 0 transparent;
    border-top: medium none;
}

div.itemAuthorLatest ul,
div.itemRelated ul {
    padding: 0;
}

div.itemAuthorLatest ul li,
div.itemRelated ul li {
    font-size: 0.85em;
    list-style: none outside none;
}

div.itemAuthorLatest ul li a,
div.itemRelated ul li a {
    font-weight: normal;
}

div.itemToolbar {
    background: none repeat scroll 0 0 transparent;
    border-color: #ccc;
    border-style: none none dotted;
    border-width: 1px;
    margin: 0;
}

.itemToolbar .itemDateCreated,
.itemToolbar .itemPrintLink > span,
.itemToolbar .itemEmailLink > span {
    color: #777;
    font-size: 13px;
}

div.itemIntroText.subtitle {
    color: #555;
    font-size: 0.45em;
    font-weight: normal;
    line-height: 1.4em;
    margin: 5px 0 12px;
    padding: 0;
}

/********************************************************* END K2 */
/********************************************************* BEGIN CAPTIONS */
.img_caption.left {
    float: left;
    margin-right: 1em;
}

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

.img_caption.left p {
    clear: left;
    text-align: center;
}

.img_caption.right p {
    clear: right;
    text-align: center;
}

/********************************************************* END CAPTIONS */
/********************************************************* BEGIN MENUS */
div#tray {
    height: 34px;
}

/********************************************************* BEGIN SIDEBAR MENU */
.sidebar {
    font-size: 12px;
}

.sidebar a:link,
.sidebar a:visited {
    color: #444;
    font-weight: 600;
    padding: 0;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}

.sidebar a:hover {
    color: #1e6b52 !important;
    text-decoration: underline;
}

.sidebar li,
.sidebar ul.menu li {
    border-top: 0 none;
    display: block;
    font-weight: 600;
    line-height: 1.25em;
    list-style: none outside none;
    padding: 0.75em 0 0;
}

.sidebar .parent li a {
    font-weight: 600;
}

.sidebar ul li ul li ul li a:link,
.sidebar ul li ul li ul li a:visited {
    font-weight: 400;
}

/********************************************************* END SIDEBAR MENU */
/********************************************************* END MENUS */
/********************************************************* BEGIN POSITIONAL */
body {
    background-position: center top;
    margin: 0;
    padding: 0;
}

#hidden-links a.un_jtt_hide {
    display: inline-block;
    font-size: 0 !important;
    height: 35px;
    width: 25px;
}

a.login-link,
a.login-link:hover {
    width: auto;
    box-sizing: border-box;
    border-radius: 3px;
    color: transparent !important;
    clip: auto;
    font-size: 15px;
    font-weight: normal;
    height: 35px;
    margin: 0 5px;
    overflow: hidden;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1000;
    transition: all 0.2s linear;
}

a.admin-link {
    left: 0;
}

a.frontend-link {
    right: 0;
}

a.login-link:focus,
a.login-link:focus:hover,
a.login-link:hover,
a.login-link:hover:focus {
    color: #d9d9d9 !important;
    transition: all 0.2s linear;
}

.topLinearContainer .topLinearLogo > a {
    max-width: 40%;
    font-size: 0;
    display: block;
    height: 100%;
    min-width: 300px;
}

.topLinearContainer .topLinearLogo a:focus {
    outline: 2px solid #2b9473 !important;
    outline-offset: 5px;
    box-shadow: none !important;
}

#siteName:focus-within {
    outline: 2px solid #2b9473;
    outline-offset: 5px;
}

#winston-whitebar {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    height: 80px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

body.ribbonClassic #winston-whitebar,
body.ribbonFullwidth #winston-whitebar {
    z-index: inherit;
}

body:not(.unit-explore) #unit-whitebar {
    background: white;
    height: 80px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

body:not(.unit-explore) #unit-greenbar {
    background: #1e6b52;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    height: 35px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 80px;
    width: 100%;
    z-index: 0;
}

#wrapper {
    margin: 0 auto;
    top: 0;
    width: 986px;
}

#persistent {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    border-radius: 6px 0 0 6px;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.9) inset;
    margin-left: -40px;
    position: fixed;
    top: 374px;
    width: 48px;
    z-index: 1;
}

#persistent .moduletable_persistent {
    padding: 10px 6px 6px;
}

#whitebar {
    background-color: #fff;
    margin: 0 auto;
    top: 0;
    width: 986px;
}

body.ribbonClassic #whitebar,
body.ribbonFullwidth #whitebar {
    height: 80px;
}

@media all and (max-width: 1024px) {
    body.ribbonClassic #whitebar {
        height: auto;
    }
}

#logo {
    float: left;
    height: 60px;
    margin: 0;
    text-align: left;
    top: 0;
    width: 50%;
    z-index: 1;
}

#whitebar #logo img {
    background: none repeat scroll 0 0 #fff;
    background-size: auto;
    height: auto;
    margin-left: 7px;
    max-height: 79px;
    position: absolute;
    z-index: 3;
}

#search {
    background: none repeat scroll 0 0 #fff;
    clear: right;
    height: 50px;
    margin: 0;
    position: relative;
    text-align: right;
    top: 0;
    width: auto;
    z-index: 1;
}

#search label {
    display: none;
}

#search form {
    padding: 18px 10px 0 0;
}

#quicklinks {
    background: #fff;
    float: right;
    height: 20px;
    margin: 0;
    text-align: right;
    width: 99.9%;
    z-index: 10000;
}

#quicklinks .moduletable {
    float: right;
    height: 20px;
    margin: 0;
}

#quicklinks .qs {
    line-height: 0;
    margin: -2px 8px 0 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

#quicklinks .custom.qs p {
    line-height: normal;
    margin: 0;
    padding: 0;
}

#quicklinks .qs a {
    margin-right: 5px;
}

#quicklinks .qs a:hover {
    text-decoration: none;
}

#quicklinks .qs img {
    opacity: 0.5;
    -webkit-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

#quicklinks .qs img:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    opacity: 1;
}

#quicklinks .search {
    float: right;
}

#search .qs {
    clear: none;
    float: right;
    margin: 1px 3px;
    padding: 0;
    position: relative;
    z-index: 1;
}

#search .qs a {
    margin-right: 5px;
}

#search .qs img {
    opacity: 0.5;
    -webkit-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

#search .qs img:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    opacity: 1;
}

body:not(.unit-explore) #unit {
    background-color: #1e6b52;
    color: #fff;
    float: left;
    height: 35px;
    width: 100%;
    z-index: 0;
}

body:not(.unit-explore) #unit .moduletable {
    padding-left: 8px;
    padding-top: 6px;
    position: relative;
}

body:not(.unit-explore) #unit span,
body:not(.unit-explore) #unit a:link,
body:not(.unit-explore) #unit a:visited {
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 600;
    letter-spacing: 0.025em;
    line-height: normal;
    text-decoration: none !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

body:not(.unit-explore) #unit a:hover {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

#banner {
    clear: both;
    margin: 0 auto;
    max-width: 972px;
    padding: 0;
}

#banner img {
    float: left;
    max-width: 972px;
    width: 100%;
}

#banner p img {
    width: auto;
}

#banner.shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

#banner.noshadow {
    box-shadow: none;
}

#banner table tbody tr td {
    /* allows for centered text input/overlay for banners */
    padding: 10px;
    vertical-align: bottom;
}

#banner .custom p,
#banner .custom span {
    /* added custom to limit scope, ignore widgetkit and others 06-15-16 */
    margin: 0;
    padding: 0;
}

#banner object {
    font-size: 0;
    line-height: normal;
    margin: 0;
    padding: 0;
}

#ribbon {
    display: inline-block;
    height: 34px;
    margin: 0 auto;
    width: 100%;
}

#tray {
    background: none transparent 0 0 no-repeat scroll;
}

.triangle {
    border-color: #192622 transparent transparent transparent;
    border-style: solid;
    border-width: 7px;
    height: 0;
    position: relative;
    width: 972px;
    z-index: 0;
}

#whitebox-shadow {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    clear: both;
    margin: 0 auto;
    width: 972px;
}

#whitebox {
    box-shadow: 0 23px 24px -22px rgba(0, 0, 0, 0.6) inset;
    clear: both;
    margin: 0 auto;
    min-height: 520px;
    overflow: hidden;
    position: relative;
    width: 972px;
    z-index: 0;
}

.no-shadow #whitebox {
    box-shadow: none;
}

#leftcolumn {
    background: none repeat scroll 0 0 transparent;
    float: left;
    width: 210px;
}

.sidebar {
    background: url("/styles/5.0/images/sidebar_seal.png") no-repeat scroll right bottom transparent;
    border-radius: 0 0 25px 0;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3);
    margin: 0 0 15px;
    min-height: 200px;
    position: relative;
    width: 200px !important;
}

#leftcolumn .moduletable {
    clear: both;
    margin: 0;
    padding: 10px 10px 25px 15px;
}

#sidebar_trigger,
#sidebar_trigger_title {
    display: none;
}

.left-position {
    margin: 0;
    padding: 0;
    width: 203px !important;
}

.left-position .moduletable {
    clear: both;
    margin: 5px 12px 10px 8px;
    padding: 0;
}

#maincolumn-wide {
    margin: 15px 2.5% !important;
    width: 95%;
}

#maincolumn-l {
    float: left;
    margin: 15px 5px !important;
    width: 725px;
}

#maincolumn-r {
    float: left;
    margin: 15px 0 15px 25px !important;
    width: 740px !important;
}

#maincolumn-l-r {
    float: left;
    margin: 15px 10px !important;
    width: 530px !important;
}

#message {
    margin: 0;
    width: 94%;
}

#message {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid red;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 4px #ccc;
    margin: 2%;
    padding: 1% 2%;
    text-align: left;
    width: auto;
}

#message h3 {
    text-align: left;
}

#uppers,
#middles,
#lowers,
.uppers,
.middles,
.lowers {
    clear: both;
    float: left;
    width: 99%;
}

#content {
    clear: both;
    padding: 10px 1% 1%;
    width: 98%;
}

table.contentpaneopen {
    margin: 0.3em 0;
}

.blackboard {
    display: none;
}

#lower1 {
    clear: both;
    float: left;
    margin: 0 20px 0 0;
    padding: 15px 0;
    width: 31.25%;
    z-index: 0;
}

#lower1 .moduletable {
    padding-bottom: 20px;
}

#lower2 {
    float: left;
    margin: 0 20px 0 0;
    padding: 15px 0;
    width: 31.25%;
    z-index: 0;
}

#lower2 .moduletable {
    padding-bottom: 20px;
}

#lower3 {
    clear: none;
    float: left;
    margin: 0;
    padding: 15px 0;
    width: 31.25%;
    z-index: 0;
}

#lower3 .moduletable {
    padding-bottom: 20px;
}

#lower1.lower_full,
#lower2.lower_full,
#upper1.upper_full,
#upper2.upper_full,
#upper3.upper_full {
    clear: right;
    float: left;
    margin: 0 2% 0 0;
    padding: 0;
    width: 98%;
}

#lower1.lower_half,
#lower2.lower_half,
#lower3.lower_half,
#upper1.upper_half,
#upper2.upper_half,
#upper3.upper_half {
    clear: right;
    float: left;
    margin: 0 3% 0 0;
    padding: 0;
    width: 47%;
}

#lower1.lower_third,
#lower2.lower_third,
#lower3.lower_third,
#upper1.upper_third,
#upper2.upper_third,
#upper3.upper_third {
    border: medium none;
    clear: right;
    float: left;
    margin: 0 2%;
    padding: 0;
    width: 29%;
}

#lower1 img,
#lower2 img,
#lower3 img,
#upper1 img,
#upper2 img,
#upper3 img {
    height: auto;
    max-width: 100%;
}

/********************************************************* BEGIN UPPERS, MIDDLES, LOWERS */
#upper1.full,
#upper2.full,
#upper3.full,
#lower1.full,
#lower2.full,
#lower3.full,
.full {
    clear: right;
    float: left;
    margin: 0 1%;
    padding: 0;
    width: 97%;
}

#upper1.half,
#upper2.half,
#upper3.half,
#lower1.half,
#lower2.half,
#lower3.half,
.half {
    clear: right;
    float: left;
    margin: 0 1%;
    padding: 0;
    width: 47.5%;
}

#upper1.third,
#upper2.third,
#upper3.third,
#lower1.third,
#lower2.third,
#lower3.third,
#middle2.third,
.third {
    border: medium none;
    clear: right;
    float: left;
    margin: 0 1%;
    padding: 0;
    width: 31%;
}

.moduletable.half > .half {
    /* prevents half from being applied to child elements, just containers */
    width: auto;
}

#middle1.two_thirds,
.two_thirds {
    border: medium none;
    clear: right;
    float: left;
    margin: 0 1%;
    padding: 0;
    width: 64%;
}

#lower1 img,
#lower2 img,
#lower3 img,
#middle1 img,
#middle2 img,
#upper1 img,
#upper2 img,
#upper3 img {
    height: auto;
    max-width: 100%;
}

/********************************************************* END UPPERS, MIDDLES, LOWERS */
#syndicate {
    clear: both;
}

#rightsidebar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.06);
    border: 0 none transparent;
    border-radius: 0 0 0 12px;
    clear: right;
    display: block;
    float: right;
    margin: 0 0 12px;
    padding: 25px 15px;
    position: relative;
    right: 0;
    width: 175px;
}

#rightsidebar.transparent {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0;
}

#page_bg.off-white > #rightsidebar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}

#rightsidebar .moduletable {
    display: block;
    float: left;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    width: 100%;
}

#rightsidebar.non-respo img,
#rightsidebar.non-respo div,
#rightsidebar.non-respo span {
    /* added 02-20-13 */
    height: auto;
    max-width: 165px;
}

#downright {
    display: none;
}

#leftcolumn.sidebarpanel #rightsidebar.left-position {
    display: none;
}

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

ul.pagination {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.pagination li,
ul.pagination li a,
ul.pagination span,
ul.pagination .prev > span,
ul.pagination .start > span,
ul.pagination .next > span,
ul.pagination .end > span {
    border: medium none;
    clear: none;
    color: #999;
    float: left;
    font-size: 15px;
    font-weight: normal;
    line-height: 23px !important;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0 1%;
    text-decoration: none;
}

ul.pagination span {
    color: #000;
}

ul.pagination li a:hover {
    background: none;
    border: none;
    color: #1e6b52 !important;
}

#epilogue {
    clear: both;
    width: 100%;
}

#epilogue p {
    margin: 0;
    padding: 0;
}

div#epilogue .moduletable {
    z-index: 0;
}

div#epilogue .menu {
    margin: 0 auto;
    padding: 0;
}

div#epilogue ul.menu .level1 {
    border: medium none;
    float: left;
    font-size: 90%;
    margin: 0 11px 10px 0;
    padding: 0;
    width: 170px;
}

div#epilogue .epimenu ul.menu .level1 {
    border: medium none;
    float: left;
    font-size: 90%;
    margin: 0;
    padding: 0;
    width: auto;
}

div#epilogue ul.menu .parent.level1 > ul {
    margin: 0 0 0 2px;
}

div#epilogue ul.menu .level1 > a {
    font-weight: 600;
    padding-left: 5px;
}

div#epilogue ul.menu .level3 > a {
    font-size: 90%;
    line-height: 1em;
}

#epilogue.gray .epimenu a {
    color: #888;
}

/********************************************************* BEGIN EPILOGUE MASONRY */
#epilogue,
#epilogue.masonry {
    left: 0 !important;
    min-height: 34px;
    padding: 0;
    width: 100%;
}

#epilogue .moduletable,
#epilogue.masonry .moduletable {
    margin: 0;
    padding: 0;
}

#epilogue > .moduletable,
#epilogue.masonry > .moduletable {
    margin: 0;
    width: auto;
}

#epilogue > .moduletable > .custom,
#epilogue.masonry > .moduletable > .custom {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#epilogue .custom.buttonbar,
#epilogue.masonry .custom.buttonbar {
    bottom: 0;
    margin: -5px -2% 0 0;
}

#epilogue .menu,
#epilogue.masonry .menu {
    position: absolute;
}

#epilogue .custom.buttonbar {
    height: 40px;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    right: auto;
    width: 100%;
}

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

    #epilogue .custom.buttonbar a,
    #epilogue.custom.buttonbar a div {
        float: left;
        line-height: normal;
        min-height: 34px;
        width: 100%;
    }
}

#epilogue > .moduletable.buttonbar {
    overflow: visible;
    padding: 0;
    width: 100%;
}

li.som_column,
li.som_column.masonry-brick {
    margin: 15px 0;
    min-width: 210px;
    padding: 0;
}

.threebox,
.fourbox,
.fivebox {
    box-shadow: 0 0 12px #000 inset;
    color: white;
    float: left;
    font-size: 19px;
    font-weight: 400;
    height: auto;
    line-height: 2em;
    min-height: 34px;
    opacity: 0.85;
    padding: 2px 0 0;
    text-align: center;
}

.threebox:hover,
.fourbox:hover,
.fivebox:hover {
    opacity: 1;
    text-shadow: 0 0 3px black;
    transition: opacity 0.4s ease-in 0.3s;
}

.threebox {
    width: 33%;
}

.fourbox {
    width: 25%;
}

.fivebox {
    width: 20%;
}

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

    .threebox,
    .fourbox,
    .fivebox {
        float: left;
        font-size: 16px;
        min-height: 40px;
        padding-top: 0.5em;
        width: 100%;
    }
}

/********************************************************* END EPILOGUE MASONRY */
/********************************************************* BEGIN FULLWIDTH & CLASSIC EPILOGUE MASONRY */
body.ribbonFullwidth #epilogue,
body.ribbonFullwidth #epilogue.masonry {
    float: none;
    margin: 0 auto;
    max-width: 972px;
    min-height: 34px;
    padding: 25px 0;
}

body.ribbonFullwidth #epilogue > .moduletable.epimenu,
body.ribbonFullwidth #epilogue.masonry > .moduletable.epimenu {
    display: block;
    float: none;
    padding: 0 5% 5%;
    width: 86%;
}

body.ribbonFullwidth #epilogue .menu,
body.ribbonFullwidth #epilogue.masonry .menu {
    position: relative;
}

body.ribbonClassic #epilogue {
    margin: 0 auto;
    max-width: 972px;
    position: static !important;
    width: 100%;
}

/********************************************************* END FULLWIDTH & CLASSIC EPILOGUE MASONRY */
#footer {
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 0 0 6px 6px;
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 0 0 10px;
    text-align: center;
    width: 972px;
    /* zoom: 1; */
    -webkit-margin-bottom-collapse: separate;
}

#footer.transparent {
    border-radius: 6px;
    bottom: 0;
    margin-bottom: 40px;
    position: relative;
}

#footer ul.menu li {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    border-top: medium none;
    display: inline;
    font-weight: normal;
    line-height: 1.4em;
    list-style: none outside none;
    padding: 8px 5px;
}

#footer span.separator {
    border-top: medium none;
}

#footer_required {
    margin-bottom: 10px !important;
}

#footer div,
#footer span.separator {
    color: #e5e5e5;
    font-size: 0.95em;
    margin: 0;
    text-align: center;
    width: 972px;
}

#footer a:link,
#footer a:visited {
    color: #e5e5e5;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
}

#footer a:hover {
    color: #fff !important;
    text-decoration: underline;
}

#footerspacer {
    height: 10px;
}

body.ribbonFullwidth #footer div.eeoDisclaimer {
    font-size: 11px;
    line-height: normal;
}

#debug {
    background: url(none) no-repeat scroll 0 0 transparent;
    width: 972px;
}

/********************************************************* END POSITIONAL */
.twoHundredTall {
    height: 200px;
}

/********************************************************* BEGIN BACK TO TOP */
a.back-to-top {
    background-color: rgba(235, 235, 235, 0.8);
    bottom: 300px;
    display: none;
    font-size: 12px;
    font-weight: normal;
    left: 0;
    padding: 1em;
    position: fixed;
    text-decoration: none;
    z-index: 20;
}

a.back-to-top:hover {
    background-color: rgba(235, 235, 235, 0.8);
}

@media screen and (max-width: 1024px) {
    a.back-to-top {
        background-color: rgba(235, 235, 235, 0.8);
        bottom: 0;
        display: none;
        font-size: 12px;
        position: fixed;
        right: 0;
        text-decoration: none;
    }
}

/********************************************************* END BACK TO TOP */
/********************************************************* BEGIN AWARDS TABLE */
.awards {
    margin: 0 auto;
    max-width: 1000px;
}

.awards img {
    max-width: 100%;
}

.awards table {
    border-collapse: collapse;
    margin-bottom: 18px;
    margin-top: 9px;
    width: 100%;
}

.awards td,
.awards th {
    border-top: 1px solid #aaa;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

.awards th {
    font-weight: normal;
}

.awards tr.basicListHeader th {
    border-top: 0 none;
    color: #888;
    font-size: 12px;
}

.awards div.factsfigs table {
    border-bottom: 1px solid #aaa;
}

.awards div.factsfigs td + td {
    width: 30%;
}

.awards table.table-fixed {
    table-layout: fixed;
}

h1.page-title + section.content-section div.column-full:first-child .awards > ul:first-child {
    margin-top: 0;
}

/********************************************************* END AWARDS TABLE */
/********************************************************* BEGIN MICROBIOLOGY PROFILE BOXES */
.custom.profile,
.custom.dept_profile {
    background: none repeat scroll 0 0 #dedede;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.moduletable.profile {
    padding-bottom: 0 !important;
}

.custom.profile img {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 3px 3px 5px #939d9e;
    margin-bottom: 5px;
    padding: 5px;
}

.custom.dept_profile img {
    background: none repeat scroll 0 0 #fff;
    float: left;
    height: 55px;
    margin-right: 5px;
    padding: 5px;
    width: 55px;
}

/********************************************************* END MICROBIOLOGY PROFILE BOXES */
/********************************************************* BEGIN UAB NEWS RSS MODULE */
.rssOutput {
    border-bottom: 1px solid #e8e8e8;
    float: left;
    margin: 0 auto;
    padding: 12px 0 10px;
    width: 100%;
}

.rssOutput .feedItemTitle {
    color: #444;
    float: left;
    font-size: 19px;
    margin: 5px 0;
    width: calc(100% - 160px);
}

.half .rssOutput .feedItemTitle {
    font-size: 14px;
    line-height: 1.3em;
}

.rssOutput.rssImage {
    min-height: 125px;
}

.rssOutput.rssImage .feedItemTitle {
    width: calc(100% - 160px);
}

.rssOutput .K2FeedImage > img {
    display: none;
}

.rssOutput.rssImage .K2FeedImage {
    float: left;
    margin-top: -15px;
    position: absolute;
}

.rssOutput.rssImage .K2FeedImage > img {
    border-radius: 4px;
    margin: 10px 10px 10px 0;
    max-width: 150px;
}

.half .rssOutput.rssImage .K2FeedImage > img {
    width: 145px;
}

.rssTitle.rssImage.rssOutput .K2FeedIntroText {
    display: none;
}

.rssTitle.rssImage.rssIntro.rssOutput .K2FeedIntroText {
    display: block;
}

.rssOutput.rssImage .feedItemTitle,
.rssOutput.rssImage .K2FeedIntroText {
    margin-left: 160px;
}

.rssOutput.rssImage .K2FeedImage > img {
    display: block;
    margin-top: 0;
}

.rssOutput .K2FeedIntroText,
.rssOutput .K2FeedIntroText > p {
    color: #555;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.rssOutput.rssImage .K2FeedIntroText,
.rssOutput.rssImage .K2FeedIntroText > p {
    float: none;
}

.rssOutput .K2FeedFullText {
    display: none;
    float: left;
    width: 100%;
}

.rssOutput .feedItemCat,
.rssOutput .feedItemDate {
    border-right: 1px dotted #ccc;
    color: #aaa;
    float: left;
    margin: 2px 10px 2px 0;
    padding-right: 10px;
}

.rssOutput .feedExtras {
    float: left;
    width: 100%;
}

.rssTitle.rssImage.rssIntro.rssOutput .feedExtras {
    float: none;
    margin-left: 160px;
    width: auto;
}

.rssOutput .feedExtras > span {
    font-size: 11px;
}

.rssOutput .feedExtras > span:last-of-type {
    border: medium none;
}

@media screen and (max-width: 800px) {
    .rssOutput.rssImage {
        min-height: 85px;
    }

    .rssOutput.rssImage .feedItemTitle,
    .rssOutput.rssImage .K2FeedIntroText {
        font-size: 15px;
        line-height: normal;
        margin-left: 110px;
    }

    .rssOutput.rssImage .K2FeedImage > img {
        left: 2%;
        margin-top: 0;
        max-width: 100px;
        position: absolute;
    }

    .rssOutput.rssImage .feedItemTitle {
        width: calc(100% - 110px);
    }

    .rssTitle.rssImage.rssIntro.rssOutput .feedExtras {
        float: left;
        margin-left: 110px;
        width: 100%;
    }

    .rssOutput .feedItemCat,
    .rssOutput .feedItemDate {
        float: left;
    }
}

/********************************************************* END UAB NEWS RSS MODULE */
/******************************************** BEGIN Simple RSS Feed by Joomlaworks */
/***** Begin Stream Layout ******/
ul.srfrList {
    list-style: none;
}

#wrapper div.srfrContainer.srfrStream ul.srfrList li img.srfrImage {
    margin: 4px 0 4px auto;
    max-width: 200px;
}

.srfrContainer.srfrStream {
    float: left;
    width: 100%;
}

.srfrStream .col1 {
    background: transparent none repeat scroll 0 0;
    clear: both;
    float: left;
    width: 35%;
}

.srfrStream .col2 {
    background: transparent none repeat scroll 0 0;
    float: left;
    margin-left: 2%;
    width: 63%;
}

.srfrStream .col2 span {
    float: left;
    width: 100%;
}

.moduletable.srfrStream > h3 {
    color: #888;
    font-weight: normal !important;
    margin-left: 20px;
}

.srfrStream .srfrRow > a {
    clear: right;
    color: #444;
    float: left;
    line-height: normal;
    margin: 0 1em 0 0;
}

.srfrStream a.srfrTitle {
    display: block;
    float: left;
    font-size: 19px;
    margin: 0;
    max-width: 100%;
}

.srfrStream .srfrRow .K2FeedFullText,
.srfrStream .srfrRow .wf_caption {
    display: none;
}

.srfrStream .srfrReadMore {
    float: left;
}

.srfrStream .srfrReadMore > a {
    color: #737373;
    font-size: 13px;
    font-weight: 400;
    padding-top: 0.5em;
}

.srfrStream .K2FeedIntroText {
    float: left;
    line-height: 1.4em;
    margin-top: 0.5em;
}

.srfrStream .itemSubtitle {
    float: left;
    font-size: 18px;
}

.srfrStream .itemByline {
    float: left;
    font-size: 11px;
}

.srfrStream .K2FeedFullText {
    display: none;
}

.srfrStream .srfrReadMore {
    float: left;
}

.srfrStream .srfrPostTextLink {
    padding: 0 2%;
    text-align: right;
}

.srfrStream div.srfrContainer ul.srfrList li {
    border-top: medium none;
    padding-left: 0;
}

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

    .srfrStream .col1,
    .srfrStream .col2 {
        float: none;
        width: 100%;
    }

    #wrapper div.srfrContainer.srfrStream ul.srfrList li img.srfrImage {
        margin: 0 auto 10px;
        max-width: 100%;
    }

    .srfrStream a.srfrTitle {
        font-size: 1.5rem;
    }
}

/***** End Stream Layout ******/
/************************************************* END Simple RSS Feed by Joomlaworks */
/********************************************************* BEGIN Responsive Embed */
.video-container,
.embed-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 0;
    position: relative;
    z-index: 10;
}

.video-container iframe,
.video-container object,
.video-container embed,
.embed-container iframe,
.embed-container object,
.embed-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/********************************************************* END Responsive Embed */
/********************************************************* BEGIN SAFETY RESOURCES */
#safetyinfo > h3 {
    color: #999 !important;
    font-size: 20px;
    font-weight: 400 !important;
    line-height: normal;
    text-shadow: none;
    text-transform: lowercase;
    z-index: 20000;
}

#safetyinfo ul {
    border-top: 1px solid #e6e6e6;
    list-style: none outside none;
    padding: 0;
}

#safetyinfo li {
    border-bottom: 1px solid #e6e6e6;
    color: rgb(102, 102, 102);
    font-size: 13px;
    line-height: 1.4em;
    padding: 0.5em;
    text-align: center;
}

#safetyinfo a {
    color: #666;
}

/********************************************************* END SAFETY RESOURCES */
/********************************************************* BEGIN COLUMNS */
.threeColList p,
.fourColList p,
.fiveColList p {
    line-height: normal;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

.threeColList p:first-of-type,
.fourColList p:first-of-type,
.fiveColList p:first-of-type {
    margin: 0;
}

.threeColList {
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    -webkit-columns: 3 150px;
    -moz-columns: 3 150px;
    columns: 3 150px;
}

.fourColList {
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    -webkit-columns: 4 150px;
    -moz-columns: 4 150px;
    columns: 4 150px;
}

.fiveColList {
    -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
    -webkit-columns: 5 150px;
    -moz-columns: 5 150px;
    columns: 5 150px;
}

/********************************************************* END COLUMNS */
/********************************************************* BEGIN MISCELLANEOUS */
img.absmiddle.cc {
    display: inherit;
}

@media print {

    #quicklinks,
    #hidden-links {
        display: none;
    }
}

/********************************************************* END MISCELLANEOUS */
/*#region------------------------------ HD */
body.hd #banner h1,
body.hd #banner h2,
body.hd #banner h3,
body.hd #banner h4 {
    display: block;
}

body.hd.white div#tray,
body.hd.white #ribbon .nav-pills .dropdown-menu {
    background: none repeat scroll 0 0 #fff;
    box-shadow: none;
    text-shadow: none;
    filter: none;
}

body.hd:not(.unit-explore) #unit {
    float: none;
    height: 35px;
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
}

body.hd #unit .moduletable {
    padding: 5px;
}

body.hd #ribbon .nav > li > a:hover,
body.hd #ribbon .nav > li > a:focus,
body.hd #ribbon .dropdown-menu > li > a:hover,
body.hd #ribbon .dropdown-menu > li > a:focus,
body.hd #ribbon .dropdown-submenu:hover > a,
body.hd #ribbon .dropdown-submenu:focus > a,
body.hd #ribbon .nav > li > span:hover,
body.hd #ribbon .nav > li > span:focus,
body.hd #ribbon .dropdown-menu > .active > a,
body.hd #ribbon .dropdown-menu > .active > a:hover,
body.hd #ribbon .dropdown-menu > .active > a:focus {
    background-color: #e4e4e4;
    background-image: none;
    border-radius: 1px;
    color: #444 !important;
}

body.hd #tray.white #ribbon span,
body.hd #tray.white #ribbon a:link,
body.hd #tray.white #ribbon a:visited {
    box-shadow: none;
    color: #333 !important;
    text-shadow: none;
    transition: none 0s ease 0s;
}

body.hd.green div#tray {
    background: #16513e none repeat scroll 0 0;
    box-shadow: none;
    text-shadow: none;
}

body.hd div.sidebar.gray,
body.hd div.sidebar.no-seal,
body.hd #leftcolumn.sidebarpanel.gray,
body.hd #sidebar_trigger.gray,
body.hd #leftcolumn.sidebarpanel.no-seal,
body.hd #sidebar_trigger.no-seal {
    background-color: #efefef;
    font-size: 13px;
}

body.hd #whitebar {
    width: 1280px;
}

body.hd.ribbonFullwidth #whitebox {
    box-shadow: none;
    max-width: 1280px;
    width: 100%;
}

body.hd.about #whitebox,
body.hd.inside #whitebox {
    box-shadow: none;
    max-width: 1000px;
    width: 100%;
}

body.hd.ribbonFullwidth.sidebars #whitebox {
    max-width: 1280px;
}

body.hd.sidebars #maincolumn-r,
body.hd.sidebars #maincolumn-l,
body.hd.sidebars #maincolumn-l-r {
    min-height: 400px;
}

body.hd #winston-whitebar {
    box-shadow: none;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    body.hd #winston-whitebar {
        z-index: 0;
    }
}

body.hd #alert {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    box-shadow: none;
    float: left;
    height: auto;
    margin: 0 auto -80px;
    padding: 1% 2% 120px;
    position: relative;
    width: auto;
    z-index: 1;
}

body.hd #alert div.moduletable {
    border: 1px solid red;
    float: left;
    margin: 0 10%;
    padding: 31px;
    position: relative;
    width: 80%;
}

body.hd.alertActive #search {
    background-color: transparent;
}

body.hd #whitebar {
    box-shadow: none;
    max-width: 1280px;
    width: 100%;
}

body.hd #wrapper {
    margin: 0 auto;
    top: 0;
    width: 100%;
}

body.hd #whitebox {
    box-shadow: none;
    max-width: 1280px;
    width: 100%;
}

body.hd.sidebars #leftcolumn {
    max-width: 20%;
    min-width: 15%;
    width: auto;
}

body.hd #maincolumn-wide {
    margin: 0 !important;
    max-width: 1280px;
    width: 100%;
}

body.hd #maincolumn-l,
body.hd #maincolumn-r {
    margin: 0 1.5% !important;
    width: 75% !important;
}

body.hd #maincolumn-l-r {
    margin: 1% 2% !important;
    width: 56% !important;
}

body.hd.inside #maincolumn-l,
body.hd.inside #maincolumn-r,
body.hd.inside #maincolumn-l-r,
body.hd.inside #maincolumn-wide {
    margin-top: 12px !important;
}

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

    body.hd.sidebars #maincolumn-r,
    body.hd.sidebars #maincolumn-l,
    body.hd.sidebars #maincolumn-l-r {
        min-height: 0;
    }
}

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

    body.hd.about #maincolumn-wide,
    body.hd.inside #maincolumn-wide {
        padding: 2%;
        width: 96%;
    }

    body.hd.sidebars #maincolumn-l,
    body.hd.sidebars #maincolumn-r {
        margin: 0 1.5% 0 10% !important;
        width: 85% !important;
    }
}

@media screen and (max-width: 700px) {
    body.hd.sidebars #maincolumn-r {
        margin: 0 auto !important;
        width: 95% !important;
    }
}

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

    body.hd.sidebars #maincolumn-l,
    body.hd.sidebars #maincolumn-l-r {
        margin: 0 1% 0 7% !important;
        width: 88% !important;
    }

    body.hd.sidebars #leftcolumn {
        max-width: none;
        width: 240px;
    }
}

body.hd .sidebar {
    border-radius: 5px;
    box-shadow: none;
    width: auto !important;
}

body.hd.sidebars #downright {
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
}

body.hd.sidebars #rightsidebar {
    padding: 3%;
    width: 90%;
}

body.hd #rightsidebar .moduletable {
    max-width: 96%;
}

body.hd #content {
    margin: 0 auto 3%;
    padding: 0;
    width: 90%;
}

body.hd.sidebars #content {
    width: auto;
}

body.hd #content > div {
    margin: 0;
}

body.hd .item-page {
    margin: 0;
    padding: 0;
}

body.hd .items-leading {
    padding: 0;
    width: auto;
}

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

body.hd img.wf_file_icon {
    width: auto;
}

body.legacy .full,
body.legacy .half,
body.legacy .third,
body.legacy .two_thirds {
    border: medium none;
    clear: right;
    float: left;
    margin: 0 2% 0 0;
    padding: 0;
}

body.legacy .full {
    width: 98%;
}

body.legacy .half {
    width: 48%;
}

body.legacy .third {
    width: 31.33%;
}

body.legacy .two_thirds {
    width: 64.66%;
}

body.legacy .half .half .half {
    width: auto;
}

body.hd .full,
body.hd .half,
body.hd .third,
body.hd .two_thirds {
    border: medium none;
    clear: right;
    float: left;
    margin: 0;
    padding: 0;
}

body.hd .full {
    width: 100%;
}

body.hd .half {
    width: 50%;
}

body.hd .third {
    width: 33.33%;
}

body.hd .two_thirds {
    width: 66.66%;
}

body.hd .half .moduletable > div,
body.hd .third .moduletable > div,
body.hd .two_thirds .moduletable > div {
    width: 98%;
}

body.hd .half .moduletable > div.full,
body.hd .third .moduletable > div.full,
body.hd .two_thirds .moduletable > div.full {
    width: 100%;
}

body.hd .uppermiddles {
    clear: right;
    float: left;
    width: 100%;
}

body.hd .uppers,
body.hd .middles,
body.hd .lowers,
body.hd .lower1.full {
    margin: 0;
    width: 100%;
}

body.hd .about .lower1.half,
body.hd .inside .lower1.half,
body.hd .about .lower2.half,
body.hd .inside .lower2.half,
body.hd .about .lower2.half,
body.hd .inside .lower2.half,
body.hd .about .lower1.half ~ div,
body.hd .inside .lower1.half ~ div,
body.hd .about .lower1.half ~ div,
body.hd .inside .lower1.half ~ div,
body.hd .about .lower3.half ~ div,
body.hd .inside .lower3.half ~ div {
    clear: right;
    float: left;
    margin: 0 1%;
    padding: 0;
    width: 48%;
}

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

    body.hd .about .lower1.half,
    body.hd .inside .lower1.half,
    body.hd .about .lower2.half,
    body.hd .inside .lower2.half,
    body.hd .about .lower3.half,
    body.hd .inside .lower3.half,
    body.hd .about .lower1.half ~ div,
    body.hd .inside .lower1.half ~ div,
    body.hd .about .lower2.half ~ div,
    body.hd .inside .lower2.half ~ div,
    body.hd .about .lower3.half ~ div,
    body.hd .inside .lower3.half ~ div {
        width: 98%;
    }
}

body.hd.ribbonFullwidth #epilogue,
body.hd.ribbonFullwidth #epilogue.masonry {
    max-width: 1280px;
    padding-bottom: 0;
}

body.hd #footer {
    border-radius: 0;
}

body.hd #footer,
body.hd #footer div,
body.hd #footer span.separator {
    width: 100%;
}

body.hd .items-leading > div {
    border: medium none;
    line-height: normal;
    margin: 0;
    padding: 0;
}

body.hd .items-leading.clearfix {
    margin: 0;
}

/*************************************************************** Begin Quicklinks */
body.hd #quicklinks .nav.menu.nav-pills,
body.hd #quicklinks .divider.dropdown.deeper.parent {
    background-color: #fff;
    width: auto;
    z-index: 1;
}

body.hd #quicklinks .divider.dropdown.deeper.parent:hover {
    text-decoration: underline;
}

body.hd #quicklinks .nav.menu.nav-pills {
    margin-right: 1em;
}

body.hd #quicklinks .dropdown-menu a {
    width: 100%;
}

body.hd #quicklinks ul.nav-child.unstyled.dropdown-menu {
    border: medium none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    clear: both;
    float: none;
    left: -12px;
    margin: 0;
    position: absolute;
    width: auto;
}

@media screen and (max-width: 1024px) {
    body.hd #quicklinks ul.nav-child.unstyled.dropdown-menu {
        box-shadow: none;
        position: relative;
    }
}

/*************************************************************** End Quicklinks */
/*************************************************************** Begin MegaRibbon */
body.hd.ribbonFullwidth #ribbon .megaRibbon {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}

body.hd #tray {
    background-color: #fff;
    box-shadow: none;
}

body.hd #ribbon .megaRibbon .nav-pills .dropdown-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
    text-shadow: none;
    filter: none;
}

body.hd.ribbonFullwidth #ribbon {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: 1280px;
}

@media screen and (max-width: 1024px) {
    body.hd.ribbonFullwidth #ribbon {
        width: auto;
    }
}

body.hd #ribbon .megaRibbon span,
body.hd #ribbon .megaRibbon a:link,
body.hd #ribbon .megaRibbon a:visited {
    color: #333 !important;
    font-size: 1em !important;
    padding: 10px 10px 9px;
    text-shadow: none;
    white-space: normal;
}

body.hd #ribbon .megaRibbon ul.nav-child.unstyled.dropdown-menu {
    border: medium none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

body.hd #ribbon .megaRibbon ul.nav-child.unstyled.dropdown-menu {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

body.hd #ribbon .megaRibbon .nav .double ~ ul.dropdown-menu {
    width: 500px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

body.hd #ribbon .megaRibbon ul li ul li a:link,
body.hd #ribbon .megaRibbon ul li ul li a:visited {
    padding: 4px;
}

body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu {
    padding: 1em 0.75em;
    width: 720px;
}

body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu li {
    width: 220px;
}

body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu li.divider,
body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu li .megaMenuImage,
body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu li:first-of-type {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    clear: both;
    display: inline-block;
    height: auto;
    line-height: normal;
    overflow: visible;
    width: auto;
}

body.hd #ribbon .megaRibbon a.megaMenuModule:hover {
    background-color: transparent !important;
}

body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu li.divider:first-of-type {
    padding-bottom: 15px;
}

body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu .megaMenuImage img {
    padding-top: 9px;
}

body.hd #ribbon .megaRibbon .megaMenuImage.tall {
    margin-bottom: 90px;
}

body.hd #ribbon .megaRibbon .megaMenuImage.taller {
    margin-bottom: 120px;
}

body.hd #ribbon .megaRibbon a.megaMenuSpacer {
    font-size: 0 !important;
    height: 1em;
}

body.hd #ribbon .megaRibbon .megaMenuModule {
    margin: 0 !important;
    max-width: 225px;
    padding: 0 !important;
}

body.hd #ribbon .megaRibbon li.divider {
    padding: 0 10px 7px;
}

body.hd #ribbon .megaRibbon .nav-header {
    padding-left: 0;
}

body.hd.ribbonClassic #ribbon {
    display: block;
    margin: 0 auto;
    max-width: 1280px;
}

body.hd #banner {
    max-height: none !important;
    max-width: none;
    overflow: hidden;
}

@media screen and (max-width: 1920px) {
    body.hd #banner {
        max-height: 800px;
    }
}

body.hd #banner img {
    max-height: none !important;
    max-width: none;
}

body.hd .bannerWide {
    height: auto;
    width: 100%;
}

body.hd #banner .bannerSlider,
body.hd #banner .bigHero {
    margin-bottom: -43px;
    margin-top: 43px;
}

body.hd.bannerTall #banner {
    max-height: none;
}

@media screen and (max-width: 1400px) {
    body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu {
        width: 266px;
    }

    body.hd #ribbon .megaRibbon .nav .double ~ ul.dropdown-menu {
        width: 266px;
        -moz-columns: 1 auto;
        columns: 1 auto;
    }

    body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu li {
        float: left;
        padding-left: 15px;
    }

    body.hd #ribbon .megaRibbon .megaMenuImage.tall {
        margin-bottom: 0;
    }

    body.hd #ribbon .megaRibbon ul.nav-child.unstyled.dropdown-menu,
    body.hd #ribbon .megaRibbon .nav .double ~ ul.dropdown-menu {
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        column-gap: 0;
    }
}

@media screen and (max-width: 600px) {
    body.hd #ribbon .megaRibbon .nav.menu.nav-pills.nav-collapse.in.collapse {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}

/*************************************************************** End MegaRibbon */
/*************************************************************** Begin Home CTA */
body.hd #banner .custom.cta {
    background-color: #0a8258;
    display: block;
    float: left;
    height: 43px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

body.hd #banner .navbar .nav.cta {
    float: left;
    width: 100%;
}

body.hd #banner ul.nav.nav-pills.cta {
    margin: 0;
    width: 100%;
}

body.hd #banner .nav.nav-pills.cta li {
    background-color: #32594d;
    border-radius: 2px;
    box-sizing: content-box;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    height: 37px;
    margin-left: 0.3%;
    margin-top: 3px;
    overflow: hidden;
    position: relative;
    text-shadow: none;
    width: 33%;
}

body.hd #banner .nav.nav-pills.cta li:hover {
    background-color: #deefdf;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.8);
    color: #222 !important;
    height: 80px;
    overflow: visible;
    z-index: 1;
}

body.hd #banner .nav.nav-pills.cta a {
    color: #fff;
    font-weight: normal;
    padding: 11px 1% 7px;
    text-shadow: none;
    text-transform: uppercase;
}

body.hd #banner .nav.nav-pills.cta li:hover > a {
    color: #222 !important;
}

body.hd #banner .nav.nav-pills.cta li .ctaInfo {
    color: #444;
    font-size: 14px;
    line-height: normal;
    margin: 0.5em auto 0;
    width: 80%;
}

/*************************************************************** END Home CTA */
body.hd.darkGray div#breadcrumbs,
body.hd.green div#breadcrumbs {
    box-shadow: none;
    height: auto;
    margin: 0 auto;
    max-width: 1280px;
    padding: 5px 0 20px;
    text-align: center;
}

body.hd #breadcrumbs {
    display: table;
    height: auto;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

/*************************************************************** Begin HD Add-on Customization */
body.hd ul.jwts_tabbernav li a {
    background: #ddd none repeat scroll 0 0;
    font-weight: normal;
    padding-bottom: 3px;
}

body.hd ul.jwts_tabbernav li.jwts_tabberactive a {
    background: #fff none repeat scroll 0 0;
}

body.hd .custom.bannershare {
    position: absolute;
    top: 114px;
    z-index: 2;
}

body.hd #whitebox .banneritem {
    box-shadow: 0 -29px 35px rgba(0, 0, 0, 0.3);
    float: left;
    line-height: 0;
    max-width: 25%;
}

body.hd #whitebox .banneritem > img {
    width: 320px;
}

@media screen and (max-width: 600px) {
    body.hd #whitebox .banneritem:nth-child(3) {
        clear: both;
    }

    body.hd #whitebox .banneritem {
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
        max-width: 50%;
    }
}

body.hd .bigHero .uk-overlay-background,
body.hd .camera_caption > div {
    background: transparent none repeat scroll 0 0;
}

body.hd .bigHero .uk-button {
    border: medium none !important;
}

body.hd #banner .bigHero h3,
body.hd #banner .camera_caption_title {
    color: #fff;
    display: block;
    font-size: 7em !important;
    font-size: 6vw !important;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

body.hd #banner .bigHero .uk-h3.uk-margin,
body.hd #banner .camera_caption_desc {
    color: #fff;
    float: left;
    font-size: 3.75em !important;
    font-size: 3.25vw !important;
    line-height: normal;
    margin: 0.25rem 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

body.hd #banner .camera_caption_desc {
    font-size: 3vw !important;
    line-height: 1em;
    margin: 0 auto 0.6em;
}

/*************************************************************** End HD Add-on Customization */
body.hd .middle1.two_thirds {
    margin: 0;
    width: 66.6%;
}

body.hd .catItemIntroText .itemSubtitle,
body.hd .tagItemIntroText .itemSubtitle {
    color: #444;
    font-size: 32px;
    line-height: normal;
    margin: 0 auto;
    padding: 0.7em 0 0.325em;
    width: 80%;
}

body.hd .latestnews li,
body.hd .relateditems li,
body.hd .mostread li,
body.hd .newsfeed li,
body.hd .sections li,
body.hd .weblinks li,
body.hd .k2ItemsBlock li,
body.hd .category-module,
body.hd .moduleCustomLink,
body.hd .rightsidebar .nav.menu li {
    float: left;
    padding: 2.25% 2% 2.25% 0;
    width: 98%;
}

/*************************************************************** Begin HD Footer and EpiMenu */
body.hd #footer .epimenu {
    margin: 0 auto 20px;
}

body.hd #footer,
body.hd #footer.masonry {
    box-shadow: none;
    height: auto !important;
    text-shadow: none;
    transition: all 0.5s ease 0s;
}

body.hd #footer:hover {
    transition: all 0.5s ease 0s;
}

body.hd #epi_menu_container {
    clear: both;
    margin-bottom: 20px;
}

body.hd ul#epi_menu {
    margin: 0 auto;
}

body.hd li.epi_column {
    color: #fafafa;
    font-size: 14px;
    list-style: outside none none;
    width: 48%;
}

body.hd .epi_column.left ul {
    float: right;
    text-align: right;
}

body.hd .epi_column.right ul {
    clear: both;
    float: left;
    text-align: left;
}

body.hd .epi_column.right > img {
    clear: both;
    float: left;
}

body.hd .epi_column > ul {
    margin: 5px 0 0;
}

body.hd .epi_column li {
    list-style: outside none none;
}

body.hd #footer .moduletable {
    padding: 6px 0 1em;
}

body.hd #footer a,
body.hd #footer span {
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
}

body.hd #footer a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    body.hd li.epi_column {
        width: 100%;
    }

    body.hd li.epi_column {
        font-size: 13px;
        width: 98%;
    }

    body.hd .epi_column.left ul,
    body.hd .epi_column.right ul {
        clear: both;
        float: none;
        text-align: center;
    }

    body.hd .epi_column.right {
        margin-top: 2em;
    }

    body.hd .epi_column.right > img {
        clear: both;
        float: none;
    }
}

/*************************************************************** End HD Footer and EpiMenu */
@media screen and (max-width: 1024px) {
    body.hd #whitebox .moduletable {
        margin: 0;
    }

    body.hd #quicklinks span.separator {
        color: #8c8c8c !important;
        float: left;
        text-align: left;
    }

    body.hd #quicklinks ul.nav-child.unstyled.dropdown-menu {
        display: block;
    }

    body.hd #banner .bannerSlider,
    body.hd #banner .bigHero {
        margin-bottom: 0;
    }

    body.hd .camera_caption > div,
    body.hd .camera_wrap .camera_pag .camera_pag_ul li {
        display: block;
    }

    body.hd .custom.bannershare {
        position: relative;
        top: auto;
    }

    body.hd .middle1.two_thirds {
        width: 100%;
    }

    body.hd #whitebox .half,
    body.hd #whitebox .two_thirds,
    body.hd #whitebox .third {
        margin: 0;
        width: 100%;
    }

    body.hd #whitebox .half ~ div {
        margin: 0;
        width: inherit;
    }
}

@media screen and (max-width: 979px) {
    body.hd .nav-collapse .nav > li {
        clear: right;
        float: left;
        width: 100%;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    body.hd #ribbon .megaRibbon .nav-pills > li > a {
        background-color: #f2f2f2;
        color: #444 !important;
        float: left;
        font-size: 1.2em !important;
        font-weight: 600;
        margin: 10px 0 0;
        width: auto;
    }

    body.hd #ribbon .megaRibbon .nav.menu.nav-pills.nav-collapse.in.collapse {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    body.hd #ribbon .megaRibbon ul.nav-child.unstyled.dropdown-menu,
    body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu {
        background-color: #f2f2f2;
        border: medium none;
        box-shadow: none;
        clear: both;
        margin: 0;
        padding: 0;
    }

    body.hd ul.nav-child.unstyled.dropdown-menu {
        display: block !important;
        min-width: 0;
    }

    body.hd .megaMenuImage {
        display: none;
    }

    body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu li.divider,
    body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu li .megaMenuImage,
    body.hd #ribbon .megaRibbon .nav-child.unstyled.dropdown-menu li:first-of-type {
        display: none;
    }

    body.hd #ribbon .megaRibbon span.separator {
        font-size: 7px !important;
        font-weight: 600;
    }

    body.hd #ribbon .megaRibbon span {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 800px) {
    body.hd #banner .nav.nav-pills.cta li:hover {
        background-color: transparent;
        color: #fff !important;
        height: 36px;
        overflow: hidden;
    }

    body.hd #banner .nav.nav-pills.cta a,
    body.hd #banner .nav.nav-pills.cta a:hover,
    body.hd #banner .nav.nav-pills.cta li:hover > a {
        color: #fff !important;
    }
}

@media screen and (max-width: 768px) {
    body.hd ul#unitNav li {
        float: left;
        width: 100%;
    }
}

/*#endregion------------------------------ HD */
/*#region------------------------------ LOCKEDFOOTER */
#footer.transparent,
body.hd #footer .moduletable {
    margin-bottom: 0;
    padding-bottom: 0;
}

#lockedFooter {
    background-color: rgba(0, 0, 0, 0.65);
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 1.5% 0 1%;
    text-align: center;
    width: 972px;
}

body.ribbonFullwidth #lockedFooter,
body.linear.hd #lockedFooter {
    width: 100%;
}

@media all and (max-width: 1024px) {
    body.hd #footer .moduletable {
        padding: 0 0 10px;
    }

}

#lockedFooter.transparent {
    bottom: 0;
    position: relative;
}

#lockedFooter ul {
    margin: 0 auto 0.8em;
    text-align: center;
}

#lockedFooter ul li {
    display: inline-block;
    list-style: none;
}

#lockedFooter ul li,
#lockedFooter ul li a,
#lockedFooter ul li.lockedFooterSeparator {
    /* color: #d1d1d1 !important; */
    color: #d9d9d9 !important;
    font-size: 13px;
    font-weight: 400 !important;
}

#lockedFooter ul li.lockedFooterSeparator {
    margin: 0 1em;
}

#lockedFooter .eeoDisclaimer {
    /* color: #d1d1d1; */
    color: #d9d9d9;
    font-size: 12px;
    line-height: normal !important;
    margin: 0 auto;
    padding-bottom: 1em;
    width: 90%;
}

/*#endregion------------------------------ LOCKEDFOOTER */
#instafeed {
    margin: 0 auto;
    padding: 15px 1.5%;
    text-align: center;
    width: 97%;
}

#instafeed img {
    border-radius: 3px;
    margin: 2px 2px 15px 0;
}

/*#region------------------------------ Google Custom Search */
body.hd .gs-webResult.gs-result a.gs-title:link,
body.hd .gs-webResult.gs-result a.gs-title:link b,
body.hd .gs-imageResult a.gs-title:link,
body.hd .gs-imageResult a.gs-title:link b {
    color: #1e6b52;
}

.cse .gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
    border-radius: 4px;
    border-width: 1px;
    line-height: normal;
    margin: 0 auto;
    padding: 10px 1%;
    width: 98%;
}

body.hd div#cse-result {
    margin: 0 auto;
    width: 90%;
}

@media screen and (max-width: 940px) {
    body.hd div#cse-result {
        width: 95%;
    }
}

#search .buttongcsBox {
    padding: 8px;
}

#search input.inputboxgcsBox {
    background-image: none !important;
}

#search .gcsBox input[type="text"]:hover,
#search .gcsBox textarea:hover,
#search .gcsBox input[type="text"]:focus,
#search .gcsBox textarea:focus {
    box-shadow: none;
    color: #222;
}

#search .gcsBox input {
    border-radius: inherit;
    margin-top: 1px;
}

#mod_googleSearch_cse .inputbox.gcsBox:focus {
    border-color: #57b195;
}

#search .gcsBox input.inputbox.gcsBox {
    padding: 0.15em;
}

#search .gcsBox .gsc-input {
    padding: 0;
}

#search .gcsBox .gsst_a {
    padding-top: 7px;
}

#search .gcsBox .gsst_a .gscb_a {
    color: #7ca695;
    cursor: pointer;
}

.gsc-completion-container span b {
    font-weight: normal;
}

#cse-result a.gcsc-branding-clickable,
#cse-result a.gcsc-branding-clickable:link,
#cse-result a.gcsc-branding-clickable:visited,
#cse-result a.gcsc-branding-clickable:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none;
    line-height: normal;
    margin: 0 4px 0 2px;
    width: 38px;
}

div#cse-result + div {
    display: none;
}

.googleSearch_cse .inputbox,
.mod_googleSearch_cse.gcsBox .inputbox.gcsBox {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    width: auto !important;
}

#cse-result .gsc-control-cse,
#cse-result .gsc-control-cse .gsc-table-result {
    font-family: "proxima-nova", Arimo, Helvetica, sans-serif;
}

#cse-result .gsc-control-cse,
#cse-result .gsc-control-cse .gsc-table-result {
    font-size: 13px;
    line-height: 1.5em;
    margin: 0 8px;
}

#cse-result .gsc-result .gs-title,
#cse-result .gsc-result a.gs-title,
#cse-result .gsc-control-cse .gs-result .gs-title,
#cse-result .gsc-control-cse .gs-result .gs-title * {
    font-size: 18px;
    height: auto;
    text-decoration: none;
}

.gsc-cursor-box.gs-bidi-start-align {
    font-family: "proxima-nova", Arimo, Helvetica, sans-serif;
    font-size: 1.4em;
    text-align: center;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    float: left;
    margin: 0 0 3px 0;
    padding: 4px 8px;
    text-decoration: underline;
}

body.hd .cse .gsc-webResult.gsc-result:hover,
body.hd .gsc-webResult.gsc-result:hover,
body.hd .gsc-webResult.gsc-result.gsc-promotion:hover,
body.hd .gsc-results .gsc-imageResult-classic:hover,
body.hd .gsc-results .gsc-imageResult-column:hover {
    border: 1px solid #555;
}

.gs-webResult .gs-snippet b,
.gs-imageResult .gs-snippet b,
.gs-fileFormatType b {
    background-color: #deefdf;
    color: rgb(68, 68, 68);
    padding: 0 0.1em;
}

@media screen and (max-width: 1024px) {
    body.hd div#cse-result {
        width: 100%;
    }

    body.hd .cse .gsc-control-cse,
    body.hd .gsc-control-cse {
        padding: 0;
        width: auto;
    }

    #search form#mod_googleSearch_cse {
        padding: 0;
    }

    #search .moduletable.gcsBox {
        float: right;
        height: 54px;
        padding-top: 10px;
        width: 90%;
    }

    #search .gcsBox input.inputbox.gcsBox {
        clear: both;
        float: left;
    }

    #search input.button.gcsBox {
        float: left;
        height: 43px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: auto;
    }

    #search .buttongcsBox {
        width: 28%;
    }

    #search .inputboxgcsBox {
        height: 27px !important;
        width: 60% !important;
    }

    #search form#mod_googleSearch_cse {
        margin: 14px;
    }
}

#content .gcsc-branding-text {
    color: #c5c5c5;
    font-size: 12px;
}

img.gcsc-branding-img-noclear {
    opacity: 0.6;
}

/*#endregion------------------------------Google Custom Search */
/*#region------------------------------Google Custom Search 2021 */
#search button.gcsBox {
    border-radius: 0 5px 5px 0;
    height: 30px;
    margin-left: -4px;
    width: 30px;
    margin-top: -10px;
    box-sizing: content-box;
    padding: 0;
    background: #1e6b52;
}

#search button.gcsBox::before {
    content: "\f002";
    font-family: "Font Awesome 5 Pro", "FontAwesome";
    color: #fff;
}

input[type="search"]#gcs_search {
    background: none !important;
}

input[type="search"]#gcs_search:hover,
input[type="search"]#gcs_search:focus {
    outline: none;
    border-color: #1e6b52;
    box-shadow: 0 0 0 1px #1e6b52 inset;
    transition: all 0.2s ease-in-out;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
    color: transparent !important;
}

/*#endregion------------------------------Google Custom Search 2021 */
/*#region------------------------------ accessibility skip-to */
a.skip-main {
    height: 1px;
    left: -999px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
    z-index: -999;
}

a.skip-main span,
a.skip-main.c-button span.c-button__text {
    background-color: #444;
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
}

a.skip-main:focus,
a.skip-main:active,
a.skip-main.c-button:focus,
a.skip-main.c-button:active {
    background-color: #444;
    border-radius: 0;
    display: block;
    height: auto;
    left: auto;
    line-height: normal;
    margin: 10px 35%;
    outline-color: #fff;
    outline-style: dashed;
    outline-width: 1px;
    overflow: hidden;
    padding: 16px 2px;
    text-align: center;
    top: 40px;
    width: 30%;
    z-index: 999;
}

/*#endregion------------------------------ accessibility skip-to */
/*#region------------------------------ begin legacy site banner restriction */
body.hd #banner .width-1280 {
    margin: 0 auto;
    max-width: 1280px;
    text-align: center;
}

/*#endregion------------------------------ legacy site banner restriction */
/*#region------------------------------ BlazerPulse buttons */
.icon-BlazerPulse {
    border: none;
    border-radius: 0;
    display: block;
    float: left;
    height: 30px;
    line-height: 1;
    margin: 0;
    padding: 0;
    width: 30px;
}

.icon-BlazerPulse::before {
    background-color: transparent;
    background-image: url("/50/images/other/bp-green.png");
    background-position: top center;
    background-size: contain;
    border: none;
    box-shadow: none;
    content: "";
    height: 30px;
    margin-left: -20px;
    position: absolute;
    width: 30px;
}

a.btn.bp {
    border-radius: 2px;
    font-weight: 400;
    line-height: 2em;
    text-shadow: none;
}

a.btn.bp.green {
    background-color: #1e6b52;
    background-image: url("/50/images/other/bp-green.png");
    color: #fff !important;
}

a.btn.bp.green:hover {
    background-color: #17503d;
}

/*#endregion------------------------------ BlazerPulse buttons */
/*#region--------------------------------- Edit Mode warning */
#editMode {
    align-items: center;
    background-color: rgba(150, 150, 150, 0.8);
    bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0.5em;
    position: fixed;
    width: 100%;
    transition: 0.2s all linear;
}

#editMode:hover {
    background: #f05423;
    transition: 0.2s all linear;
}

#editMode > span {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    white-space: pre-wrap;
    width: 100%;
}

body.com_login #editMode {
    bottom: 40px;
}

#editMode span:hover::after {
    content: "\AYou are viewing this site without the standard caching in effect, allowing for instant results after editing. \A Do not share links containing 'edits.uab.edu' for purposes other than internal review. Please contact webcomm@uab.edu if you have any questions.";
    font-size: 0.6em;
    margin: 0 auto;
    padding: 0;
    text-transform: none;
}

/*#endregion--------------------------------- Edit Mode warning */