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

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

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

[hidden] {
    display: none;
}

html {
    font-family: MiloWeb, Verdana, Geneva, sans-serif;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5em;
}

body {
    margin: 0;
    padding: 0;
}

.with-wireframes #header,
.with-wireframes #main,
.with-wireframes #content,
.with-wireframes #navigation,
.with-wireframes .region-sidebar-first,
.with-wireframes .region-sidebar-second,
.with-wireframes #footer,
.with-wireframes .region-bottom {
    outline: 1px solid #ccc;
}

.element-invisible,
.element-focusable {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.element-focusable:active,
.element-focusable:focus {
    position: static !important;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;
}

#skip-link {
    margin: 0;
}

#skip-link a,
#skip-link a:visited {
    display: block;
    width: 100%;
    padding: 2px 0 3px 0;
    text-align: center;
    background-color: #666;
    color: #fff;
}

.header__logo {
    float: left;
    width: 100%;
    text-align: center;
    margin: 24px 0;
    margin: 1.5rem 0;
    padding: 0;
}

@media (min-width:48em) {
    .header__logo {
        width: auto;
        text-align: left;
        margin: 40px 0;
        margin: 2.5rem 0;
    }
}

.header__logo-image {
    vertical-align: bottom;
    width: 100%;
    max-width: 400px;
    height: auto;
}

.header__name-and-slogan {
    float: left;
}

.header__site-name {
    margin: 0;
    font-size: 2em;
    line-height: 1.5em;
}

.header__site-link:link,
.header__site-link:visited {
    color: #000;
    text-decoration: none;
}

.header__site-link:hover,
.header__site-link:focus {
    text-decoration: underline;
}

.header__site-slogan {
    margin: 0;
}

.header__secondary-menu {
    float: right;
}

header#header_ua {
    max-height: 59px;
    min-height: 10px;
}

.inline {
    display: inline;
    padding: 0;
}

.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 16px 0 0;
    padding: 0 1rem 0 0;
}

span.field-label {
    padding: 0 16px 0 0;
    padding: 0 1em 0 0;
}

.more-link {
    text-align: right;
}

.more-help-link {
    text-align: right;
}

.more-help-link a {
    background-image: url(images/help);
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding: 1px 0 1px 20px;
    padding: 0.06rem 0 0.06rem 1.25rem;
}

.pager {
    clear: both;
    padding: 0;
    text-align: center;
}

.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis,
.pager-current {
    display: inline;
    padding: 0 8px;
    padding: 0 0.5rem;
    list-style-type: none;
    background-image: none;
}

.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {}

.pager-current {
    font-weight: bold;
}

.new,
.update {
    color: #c00;
    background-color: transparent;
}

.unpublished {
    height: 0;
    overflow: visible;
    background-color: transparent;
    color: #d8d8d8;
    font-size: 75px;
    font-size: 4.7rem;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word;
}

.comments {
    margin: 1.5em 0;
}

.comment-preview {
    background-color: #ffffea;
}

.comment {}

.comment .permalink {
    text-transform: uppercase;
    font-size: 75%;
}

.indented {
    margin-left: 30px;
}

a.button {
    -moz-appearance: button;
    -webkit-appearance: button;
}

.password-parent,
.confirm-parent {
    margin: 0;
}

th.checkbox,
td.checkbox,
th.radio,
td.radio {
    display: table-cell;
}

.webform-grid .radio,
.webform-grid .checkbox {
    display: table-cell;
    text-align: center;
    width: 142px;
}

.webform-grid .radio input[type="radio"],
.webform-grid .radio-inline input[type="radio"],
.webform-grid .checkbox input[type="checkbox"],
.webform-grid .checkbox-inline input[type="checkbox"] {
    float: none;
    margin: 0;
}

#user-login-form {
    text-align: left;
}

div.contextual-links-wrapper ul.contextual-links,
#main div.contextual-links-wrapper ul.contextual-links,
footer#footer_site div.contextual-links-wrapper ul.contextual-links {
    display: none;
    float: none;
}

div.contextual-links-wrapper li,
div.contextual-links-wrapper a:not(.contextual-links-trigger),
#main div.contextual-links-wrapper li,
#main div.contextual-links-wrapper a:not(.contextual-links-trigger),
footer#footer_site div.contextual-links-wrapper li,
footer#footer_site div.contextual-links-wrapper a:not(.contextual-links-trigger) {
    border: 0 none;
    float: none;
    display: inherit;
    text-align: left;
}

.openid-links {
    margin-bottom: 0;
}

.openid-link,
.user-link {
    margin-top: 1.5em;
}

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
    margin-left: -20px;
    margin-left: -1.25rem;
}

#user-login ul {
    margin: 1.5em 0;
}

/*

form th {
    text-align: left;
    padding-right: 16px;
    padding-right: 1rem;
    border-bottom: 3px solid #ccc;
}

form tbody {
    border-top: 1px solid #ccc;
}
COMMENTED OUT BY PENTERA */

form table ul {
    margin: 0;
}

tr.even,
tr.odd {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
}

tr.even {
    background-color: #fff;
}

td.active {
    background-color: #ddd;
}

td.menu-disabled {
    background: #ccc;
}

#autocomplete .selected {
    background: #0072b9;
    color: #fff;
}

html.js .collapsible .fieldset-legend {
    background-image: url(images/menu-expanded);
    background-position: 5px 65%;
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-left: 1rem;
}

html.js .collapsed .fieldset-legend {
    background-image: url(images/menu-collapsed);
    background-position: 5px 50%;
}

.fieldset-legend .summary {
    color: #999;
    font-size: 14px;
    font-size: 0.875rem;
    margin-left: 8px;
    margin-left: 0.5rem;
}

tr.drag {
    background-color: #fffff0;
}

tr.drag-previous {
    background-color: #ffd;
}

.tabledrag-toggle-weight {
    font-size: 14px;
    font-size: 0.875em;
}

tr.selected td {
    background: #ffc;
}

.progress {
    font-weight: bold;
}

.progress .bar {
    background: #ccc;
    border-color: #666;
    margin: 0 0.2em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.progress .filled {
    background-color: #0072b9;
    background-image: url(images/progress.gif);
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

@media print {

    a:link,
    a:visited {
        text-decoration: underline !important;
    }

    a:link.header__site-link,
    a:visited.header__site-link {
        text-decoration: none !important;
    }

    #content {}

    #content a[href]:after {
        content: " ("attr(href) ")";
        font-weight: normal;
        font-size: 16px;
    }

    #content a[href^="javascript:"]:after,
    #content a[href^="#"]:after {
        content: "";
    }

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

    #content {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body,
    #page,
    #main,
    #content {
        color: #000;
        background-color: transparent !important;
        background-image: none !important;
    }

    #skip-link,
    #toolbar,
    #navigation,
    .region-sidebar-first,
    .region-sidebar-second,
    #footer,
    .breadcrumb,
    .tabs,
    .action-links,
    .links,
    .book-navigation,
    .forum-topic-navigation,
    .pager,
    .feed-icons {
        visibility: hidden;
        display: none;
    }
}

#main_nav {}

#main_nav ul.sf-horizontal {}

#main_nav ul.sf-horizontal li a.active {
    background-color: #eef1f1;
}

#main_nav ul.sf-horizontal li ul li a.active {
    color: #0c234b;
    background-color: #fff;
}

#main_nav ul.sf-horizontal li ul {
    padding: 20px 0 5px;
    background-color: rgba(12, 35, 75, 0.95);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: border-box;
}

#main_nav ul.sf-horizontal li ul li>a {
    display: block;
    padding: 3px 20px;
    line-height: 1.5;
    color: white;
    font-weight: 700;
    letter-spacing: .03rem;
}

#main_nav ul.sf-horizontal li ul li>a:hover,
#main_nav ul.sf-horizontal li ul li>a:focus {
    text-decoration: none;
    color: #076873;
    background-color: #DBE8EA;
}

@media (min-width:768px) {
    #main_nav ul.sf-horizontal li ul:before {
        position: absolute;
        top: 0;
        left: 8.9%;
        width: 0;
        height: 0;
        border-top: 8px solid #fff;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        content: '';
    }
}

#main_nav ul.sf-horizontal li:hover>ul,
#main_nav ul.sf-horizontal li.sfHover>ul {
    top: 100%;
}

#main_nav ul.sf-menu {}

#main_nav ul.sf-menu>li {
    text-transform: uppercase;
}

#main_nav ul.sf-menu>li ul li {
    text-transform: none;
}

#main_nav ul.sf-menu li.menuparent>a.menuparent:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.5em;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    vertical-align: middle;
    content: '';
}

#main_nav .sf-accordion-toggle a {
    display: block;
    padding: 13px;
    padding: 0.8125rem;
    color: #fff;
    background: #0c234b;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
}

#main_nav .sf-accordion-toggle a:hover,
#main_nav .sf-accordion-toggle a:focus {
    text-decoration: none;
}

#main_nav ul.menu.sf-accordion {
    background: #0c234b;
    padding: 10px 0;
    padding: 0.625rem 0;
    border-top: 1px solid #fff;
}

#main_nav ul.menu.sf-accordion li {
    padding: 0;
}

#main_nav ul.menu.sf-accordion li a {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    padding: 13px 0;
    padding: 0.8125rem 0;
}

#main_nav ul.menu.sf-accordion li a:focus,
#main_nav ul.menu.sf-accordion li a:hover {
    background: #395180;
    text-decoration: none;
}

#main_nav ul.menu.sf-accordion li a.active {
    background-color: inherit;
}

#main_nav ul.menu.sf-accordion li ul {
    background-image: none;
    padding: 0;
    background: #000136;
}

#main_nav ul.menu.sf-accordion li ul li a {
    font-weight: 500;
}

@media (max-width:47.9em) {
    #main_nav {
        margin-bottom: 0.625rem;
    }
}

a.nolink+ul .sf-clone-parent {
    display: none;
}

.dl-menuwrapper button {
    background: #002147;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #002147;
}

.dl-menuwrapper {
    max-width: none;
}

.block.mission-statement {
    background: #ecf4f3 url(images/mission-bg.jpg) repeat-x 0 0;
    text-align: center;
    padding: 64px 0;
    padding: 4rem 0;
    margin: 0;
}

.block.mission-statement h3 {
    color: #0c234b;
    font-size: 28px;
    font-size: 1.8rem;
    font-family: MiloSerifWeb, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    text-transform: none;
    line-height: 1.4;
}

.block.mission-statement a:not(.contextual-links-trigger) {
    display: block;
    padding: 16px;
    padding: 1rem;
    font-size: 18px;
    font-size: 1.125rem;
    color: #ab0520;
    border-bottom: 2px solid #076873;
    text-transform: uppercase;
    width: 220px;
    margin: 16px auto 0;
    margin: 1rem auto 0;
}

@media (min-width:48em) {
    .block.mission-statement h3 {
        font-size: 36px;
        font-size: 2.25rem;
    }
}

.item-list ul.pager {
    border-top: 2px solid #eef1f1;
    background: none 0 0 scroll no-repeat transparent;
    text-transform: uppercase;
    border: 0 none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    list-style: none;
    text-align: inherit;
}

.item-list ul.pager:after {
    display: block;
    content: "\0020";
    clear: both;
}

.item-list ul.pager li {
    background: none 0 0 scroll no-repeat transparent;
    text-transform: uppercase;
    border: 0 none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #555;
    white-space: nowrap;
    margin: 0 0.8em;
    list-style: none;
}

.item-list ul.pager li a,
.item-list ul.pager li a:link,
.item-list ul.pager li a:visited {
    font-size: 14px;
    font-size: 0.9rem;
    font-weight: bold;
    background: none 0 0 scroll no-repeat transparent;
    color: #ab0520;
}

.item-list ul.pager li a:focus,
.item-list ul.pager li a:hover,
.item-list ul.pager li a:active {
    background: none 0 0 scroll no-repeat transparent;
}

@media screen and (min-width:60em) {
    .sidebar ul.menu {
        list-style: none outside none;
        padding: 0;
        margin: 0;
    }

    .sidebar ul.menu li {
        list-style: none outside none;
        padding: 0;
        margin: 0;
        display: block;
    }

    .sidebar ul.menu li>a,
    .sidebar ul.menu li>a:link,
    .sidebar ul.menu li>a:visited {
        position: relative;
        padding: 10px 16px;
        padding: 0.625rem 1rem;
        text-decoration: none;
        font-weight: normal;
        display: block;
        color: #333;
    }

    .region-sidebar-first .menu>li>a:hover,
    .region-sidebar-first .menu>li>a:focus,
    .region-sidebar-first .menu>li.active a,
    .region-sidebar-first .menu>li a.active {
        background: url(images/sidebar-menu-chevron-left) no-repeat scroll 100% center/30px 100% #dee8e7;
        border-bottom: 0 solid transparent;
        color: #076873;
        text-decoration: none;
    }

    .region-sidebar-second .menu>li>a:hover,
    .region-sidebar-second .menu>li>a:focus,
    .region-sidebar-second .menu>li.active a,
    .region-sidebar-second .menu>li a.active {
        background: url(images/sidebar-menu-chevron-right) no-repeat scroll 0 center/30px 100% #dee8e7;
        border-bottom: 0 solid transparent;
        color: #076873;
        text-decoration: none;
    }
}

a.search-input-link {
    display: none;
    width: 2.2em;
    height: 2.2em;
    background-size: 1.1em;
    background-image: url(images/search-white-web.svg);
    background-position-x: 0.5em;
    background-position-y: 0.5em;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 0.65em 0;
    border: 2px solid #cbd1e0;
}

a.search-input-link:hover {
    opacity: .7;
}

.region-header-2 .block-search,
.region-header .block-search {
    clear: both;
    position: relative;
}

.btn-search {
    width: 2.3em;
    height: 2.3em;
    background-size: 1em 1em;
    background-position: right 0.6em top 0.6em;
}

.region-header-ua-utilities .search-form {
    position: relative;
    height: 38px;
    margin: 0.72em 0;
}

.search-form {
    height: initial;
}

.bg-cochineal-red .form-control,
.bg-red .form-control,
.bg-red a.search-input-link {
    border-color: #ef4056;
}

.bg-cochineal-red a.search-input-link,
.bg-red a.search-input-link {
    background-image: url(images/search-white-web.svg);
}

#block-search-form {
    width: 272px;
    width: 17rem;
    float: none;
    position: relative;
    margin: auto auto 1.5em auto;
}

@media (min-width:768px) {
    #block-search-form {
        float: right;
        margin-top: 16px;
        margin-top: 1rem;
    }
}

.region-sidebar-first .block,
.region-sidebar-second .block {
    margin-bottom: 24px !important;
    margin-bottom: 1.5rem !important;
}

.container-collapsed .column {
    min-height: initial;
}

.one-sidebar .container-collapsed .column,
.two-sidebars .container-collapsed .column {
    min-height: 1px;
}

.has-local-menu-tasks .progress-wrapper {
    margin-top: 2em;
}

.webform-progressbar-page {
    position: absolute;
    width: 2em;
    height: 2em;
    border: 2px solid #e2e9eb;
    background-color: #e2e9eb;
    border-radius: 2em;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    margin: -0.7em 0 0 -1em;
}

.webform-progressbar-page:first-child {
    margin-left: 0px;
}

.webform-progressbar-page:last-child {
    margin-left: -27px;
}

.progress-wrapper {
    position: relative;
}

.progress-wrapper .webform-progress {
    margin: 0 16px;
    height: 0.6em;
}

.webform-progressbar-page .webform-progressbar-page-label {
    position: relative;
    color: #49595e;
    top: 0px;
    margin: 0 -10em;
}

.webform-progressbar-page.current {
    background-color: white;
    border-color: #70b865;
}

.webform-progressbar-page.completed {
    background-color: #70b865;
    border-color: #70b865;
}

.webform-progressbar-page.current .webform-progressbar-page-label {
    color: #70b865;
}

.webform-progressbar-page.current .webform-progressbar-page-number {
    color: #70b865;
}

.webform-progressbar-page.current:last-child {
    background-color: #70b865;
}

.webform-progressbar-page.current:last-child .webform-progressbar-page-number {
    color: white;
}

.webform-progressbar-page.completed .webform-progressbar-page-label {
    color: #70b865;
}

.webform-progressbar-page.completed .webform-progressbar-page-number {
    color: white;
}

.webform-progressbar-page .webform-progressbar-page-number {
    display: block;
    color: #49595e;
    padding: 0 0.6em;
    line-height: 1.8em;
}

.webform-progressbar-number {
    font-weight: bold;
    color: #49595e;
}

fieldset.collapsed {
    margin-bottom: 30px;
}

#content .form-item .webform-container-inline .form-control {
    display: initial;
    width: initial;
    max-width: 100%;
}

@media (min-width:768px) {

    #content .form-item .form-select,
    #content .form-item .form-email,
    #content .form-item .form-file,
    #content .form-item .form-number,
    #content .form-item .form-text {
        width: initial;
        max-width: 100%;
    }
}

.breadcrumb>li a.nolink,
.breadcrumb>li a.nolink:hover,
.breadcrumb>li a.nolink:focus,
.breadcrumb>li:before,
.breadcrumb>li+li:before,
.breadcrumb>li:last-child:after {
    color: #49595e;
    border: none;
    text-decoration: none;
    outline: none;
}