.publications a:link,
.publications a:visited {
    text-decoration: none !important;
}
.publications a:hover,
.publications a:active {
    text-decoration: underline !important;
}
img.portrait {
    float: left;
    margin: 2em;
    margin-left: 0px;
    margin-top: 0px;
}
dd + dt {
    margin-top: 1em;
}
blockquote footer {
    text-align: right;
}
.good { color: goldenrod; }
.vgood { color: green; }
html.no-rgba {
    background: #4481a9
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #156294
}
a,
a:link,
a:visited {
    color: #156294
}
a:hover,
a:focus,
a:active {
    color: #08273b
}
a:hover .new-window-link {
    color: #08273b
}
a,
a:link,
a:visited {
    -webkit-text-decoration-color: #2e9be1;
    text-decoration-color: #2e9be1
}
a:hover,
a:focus,
a:active {
    -webkit-text-decoration-color: #08273b;
    text-decoration-color: #08273b
}
blockquote.quotes {
    color: #08273b
}
blockquote.quotes::before {
    color: #156294
}
.brand-bg {
    background: #156294;
    color: white
}
.brand-bg a,
.brand-bg a:link,
.brand-bg a:visited {
    color: white !important
}
.brand-bg a:hover,
.brand-bg a:focus,
.brand-bg a:active {
    color: #ccc !important
}
.brand-bg a:hover .new-window-link {
    color: #ccc !important
}
.brand-bg a,
.brand-bg a:link,
.brand-bg a:visited {
    -webkit-text-decoration-color: #fff !important;
    text-decoration-color: #fff !important
}
.brand-bg a:hover,
.brand-bg a:focus,
.brand-bg a:active {
    -webkit-text-decoration-color: #ccc !important;
    text-decoration-color: #ccc !important
}
.brand-text {
    color: #156294
}
.brand-text a,
.brand-text a:link,
.brand-text a:visited {
    color: #156294 !important
}
.brand-text a:hover,
.brand-text a:focus,
.brand-text a:active {
    color: #08273b !important
}
.brand-text a:hover .new-window-link {
    color: #08273b !important
}
.brand-text a,
.brand-text a:link,
.brand-text a:visited {
    -webkit-text-decoration-color: #2e9be1 !important;
    text-decoration-color: #2e9be1 !important
}
.brand-text a:hover,
.brand-text a:focus,
.brand-text a:active {
    -webkit-text-decoration-color: #08273b !important;
    text-decoration-color: #08273b !important
}
.brand-border {
    border-color: #156294
}
.btn-brand {
    color: white;
    background-color: #156294;
    border-color: #12537e;
    color: white !important
}
.btn-brand:focus,
.btn-brand.focus {
    color: white;
    background-color: #0f4467;
    border-color: #02090e
}
.btn-brand:hover {
    color: white;
    background-color: #0f4467;
    border-color: #0a3048
}
.btn-brand:active,
.btn-brand.active,
.open>.dropdown-toggle.btn-brand {
    color: white;
    background-color: #0f4467;
    border-color: #0a3048
}
.btn-brand:active:hover,
.btn-brand.active:hover,
.open>.dropdown-toggle.btn-brand:hover,
.btn-brand:active:focus,
.btn-brand.active:focus,
.open>.dropdown-toggle.btn-brand:focus,
.btn-brand:active.focus,
.btn-brand.active.focus,
.open>.dropdown-toggle.btn-brand.focus {
    color: white;
    background-color: #0a3048;
    border-color: #02090e
}
.btn-brand:active,
.btn-brand.active,
.open>.dropdown-toggle.btn-brand {
    background-image: none
}
.btn-brand.disabled,
.btn-brand[disabled],
fieldset[disabled] .btn-brand,
.btn-brand.disabled:hover,
.btn-brand[disabled]:hover,
fieldset[disabled] .btn-brand:hover,
.btn-brand.disabled:focus,
.btn-brand[disabled]:focus,
fieldset[disabled] .btn-brand:focus,
.btn-brand.disabled.focus,
.btn-brand[disabled].focus,
fieldset[disabled] .btn-brand.focus,
.btn-brand.disabled:active,
.btn-brand[disabled]:active,
fieldset[disabled] .btn-brand:active,
.btn-brand.disabled.active,
.btn-brand[disabled].active,
fieldset[disabled] .btn-brand.active {
    background-color: #156294;
    border-color: #12537e
}
.btn-brand .badge {
    color: #156294;
    background-color: white
}
.btn-brand:not(.btn-link) {
    text-decoration: none
}
.id7-utility-masthead {
    background-color: #5b91b4
}
.id7-utility-masthead::after {
    background-color: #156294
}
.id7-navigation .navbar-primary {
    background-color: #156294
}
.id7-navigation .navbar-primary.navbar-primary.navbar-wrapped>.navbar-nav>li {
    color: white
}
.id7-navigation .navbar-primary.navbar-primary.navbar-wrapped>.navbar-nav>li.active,
.id7-navigation .navbar-primary.navbar-primary.navbar-wrapped>.navbar-nav>li:hover {
    color: white
}
.id7-navigation .navbar-primary .navbar-text {
    color: white
}
.id7-navigation .navbar-primary .navbar-nav>li {
    color: white
}
.id7-navigation .navbar-primary .navbar-nav>li:hover,
.id7-navigation .navbar-primary .navbar-nav>li:focus {
    color: white;
    background-color: #114e76
}
.id7-navigation .navbar-primary .navbar-nav>li>a,
.id7-navigation .navbar-primary .navbar-nav>li>a:hover,
.id7-navigation .navbar-primary .navbar-nav>li>a:focus {
    color: inherit;
    background: none
}
.id7-navigation .navbar-primary .navbar-nav>li.active.next-secondary::before {
    border-bottom-color: #5b91b4
}
.id7-navigation .navbar-primary .navbar-nav>li.active.next-tertiary::before {
    border-bottom-color: #f8f8f8
}
.id7-navigation .navbar-primary .navbar-nav>li.active::before {
    border-bottom-color: #fff
}
.id7-navigation .navbar-primary .navbar-nav>.disabled,
.id7-navigation .navbar-primary .navbar-nav>.disabled:hover,
.id7-navigation .navbar-primary .navbar-nav>.disabled:focus {
    color: white;
    background-color: #114e76
}
.id7-navigation .navbar-primary .navbar-toggle {
    border: none;
    color: white
}
.id7-navigation .navbar-primary .navbar-toggle:hover,
.id7-navigation .navbar-primary .navbar-toggle:focus {
    color: white;
    background: none
}
.id7-navigation .navbar-primary .navbar-nav>.open,
.id7-navigation .navbar-primary .navbar-nav>.open:hover,
.id7-navigation .navbar-primary .navbar-nav>.open:focus {
    color: white;
    background-color: #114e76
}
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu {
    background-color: #156294
}
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.dropdown-header {
    border-color: #114e76
}
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu .divider {
    background-color: #114e76
}
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a {
    color: white
}
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a:hover,
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a:focus {
    color: white;
    background-color: #114e76
}
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.active>a {
    background-color: #114e76
}
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.active>a::before {
    border-bottom-color: #5b91b4
}
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.disabled>a,
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.disabled>a:hover,
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.disabled>a:focus {
    color: white;
    background-color: #114e76
}
.id7-navigation .navbar-primary .navbar-link {
    color: white
}
.id7-navigation .navbar-primary .navbar-link:hover {
    color: white
}
.id7-navigation .navbar-primary .btn-link {
    color: white
}
.id7-navigation .navbar-primary .btn-link:hover,
.id7-navigation .navbar-primary .btn-link:focus {
    color: white
}
.id7-navigation .navbar-primary .btn-link[disabled]:hover,
fieldset[disabled] .id7-navigation .navbar-primary .btn-link:hover,
.id7-navigation .navbar-primary .btn-link[disabled]:focus,
fieldset[disabled] .id7-navigation .navbar-primary .btn-link:focus {
    color: white
}
.navbar-primary .navbar-brand {
    background-color: #156294
}
.navbar-secondary {
    background-color: #5b91b4
}
.navbar-secondary.navbar-primary.navbar-wrapped>.navbar-nav>li {
    color: white
}
.navbar-secondary.navbar-primary.navbar-wrapped>.navbar-nav>li.active,
.navbar-secondary.navbar-primary.navbar-wrapped>.navbar-nav>li:hover {
    color: white
}
.navbar-secondary .navbar-text {
    color: white
}
.navbar-secondary .navbar-nav>li {
    color: white
}
.navbar-secondary .navbar-nav>li:hover,
.navbar-secondary .navbar-nav>li:focus {
    color: white;
    background-color: #497490
}
.navbar-secondary .navbar-nav>li>a,
.navbar-secondary .navbar-nav>li>a:hover,
.navbar-secondary .navbar-nav>li>a:focus {
    color: inherit;
    background: none
}
.navbar-secondary .navbar-nav>li.active.next-secondary::before {
    border-bottom-color: white
}
.navbar-secondary .navbar-nav>li.active.next-tertiary::before {
    border-bottom-color: #f8f8f8
}
.navbar-secondary .navbar-nav>li.active::before {
    border-bottom-color: #fff
}
.navbar-secondary .navbar-nav>.disabled,
.navbar-secondary .navbar-nav>.disabled:hover,
.navbar-secondary .navbar-nav>.disabled:focus {
    color: white;
    background-color: #497490
}
.navbar-secondary .navbar-toggle {
    border: none;
    color: white
}
.navbar-secondary .navbar-toggle:hover,
.navbar-secondary .navbar-toggle:focus {
    color: white;
    background: none
}
.navbar-secondary .navbar-nav>.open,
.navbar-secondary .navbar-nav>.open:hover,
.navbar-secondary .navbar-nav>.open:focus {
    color: white;
    background-color: #497490
}
.navbar-secondary .navbar-nav .dropdown-menu {
    background-color: #5b91b4
}
.navbar-secondary .navbar-nav .dropdown-menu>.dropdown-header {
    border-color: #497490
}
.navbar-secondary .navbar-nav .dropdown-menu .divider {
    background-color: #497490
}
.navbar-secondary .navbar-nav .dropdown-menu>li>a {
    color: white
}
.navbar-secondary .navbar-nav .dropdown-menu>li>a:hover,
.navbar-secondary .navbar-nav .dropdown-menu>li>a:focus {
    color: white;
    background-color: #497490
}
.navbar-secondary .navbar-nav .dropdown-menu>.active>a {
    background-color: #497490
}
.navbar-secondary .navbar-nav .dropdown-menu>.active>a::before {
    border-bottom-color: white
}
.navbar-secondary .navbar-nav .dropdown-menu>.disabled>a,
.navbar-secondary .navbar-nav .dropdown-menu>.disabled>a:hover,
.navbar-secondary .navbar-nav .dropdown-menu>.disabled>a:focus {
    color: white;
    background-color: #497490
}
.navbar-secondary .navbar-link {
    color: white
}
.navbar-secondary .navbar-link:hover {
    color: white
}
.navbar-secondary .btn-link {
    color: white
}
.navbar-secondary .btn-link:hover,
.navbar-secondary .btn-link:focus {
    color: white
}
.navbar-secondary .btn-link[disabled]:hover,
fieldset[disabled] .navbar-secondary .btn-link:hover,
.navbar-secondary .btn-link[disabled]:focus,
fieldset[disabled] .navbar-secondary .btn-link:focus {
    color: white
}
.navbar-secondary .navbar-nav>li::after {
    color: #156294
}
.navbar-secondary .navbar-nav>li:first-child {
    background-color: #156294;
    color: white
}
.navbar-secondary .navbar-nav>li:first-child:hover::after {
    border-right-color: #156294
}
.navbar-secondary .navbar-nav>li:first-child::after {
    border-color: transparent transparent transparent #156294
}
.navbar-tertiary {
    background-color: #f8f8f8
}
.navbar-tertiary.navbar-primary.navbar-wrapped>.navbar-nav>li {
    color: #383838
}
.navbar-tertiary.navbar-primary.navbar-wrapped>.navbar-nav>li.active,
.navbar-tertiary.navbar-primary.navbar-wrapped>.navbar-nav>li:hover {
    color: #383838
}
.navbar-tertiary .navbar-text {
    color: #383838
}
.navbar-tertiary .navbar-nav>li {
    color: #383838
}
.navbar-tertiary .navbar-nav>li:hover,
.navbar-tertiary .navbar-nav>li:focus {
    color: #383838;
    background-color: #c6c6c6
}
.navbar-tertiary .navbar-nav>li>a,
.navbar-tertiary .navbar-nav>li>a:hover,
.navbar-tertiary .navbar-nav>li>a:focus {
    color: inherit;
    background: none
}
.navbar-tertiary .navbar-nav>li.active.next-secondary::before {
    border-bottom-color: white
}
.navbar-tertiary .navbar-nav>li.active.next-tertiary::before {
    border-bottom-color: #f8f8f8
}
.navbar-tertiary .navbar-nav>li.active::before {
    border-bottom-color: #fff
}
.navbar-tertiary .navbar-nav>.disabled,
.navbar-tertiary .navbar-nav>.disabled:hover,
.navbar-tertiary .navbar-nav>.disabled:focus {
    color: #383838;
    background-color: #c6c6c6
}
.navbar-tertiary .navbar-toggle {
    border: none;
    color: #383838
}
.navbar-tertiary .navbar-toggle:hover,
.navbar-tertiary .navbar-toggle:focus {
    color: #383838;
    background: none
}
.navbar-tertiary .navbar-nav>.open,
.navbar-tertiary .navbar-nav>.open:hover,
.navbar-tertiary .navbar-nav>.open:focus {
    color: #383838;
    background-color: #c6c6c6
}
.navbar-tertiary .navbar-nav .dropdown-menu {
    background-color: #f8f8f8
}
.navbar-tertiary .navbar-nav .dropdown-menu>.dropdown-header {
    border-color: #c6c6c6
}
.navbar-tertiary .navbar-nav .dropdown-menu .divider {
    background-color: #c6c6c6
}
.navbar-tertiary .navbar-nav .dropdown-menu>li>a {
    color: #383838
}
.navbar-tertiary .navbar-nav .dropdown-menu>li>a:hover,
.navbar-tertiary .navbar-nav .dropdown-menu>li>a:focus {
    color: #383838;
    background-color: #c6c6c6
}
.navbar-tertiary .navbar-nav .dropdown-menu>.active>a {
    background-color: #c6c6c6
}
.navbar-tertiary .navbar-nav .dropdown-menu>.active>a::before {
    border-bottom-color: white
}
.navbar-tertiary .navbar-nav .dropdown-menu>.disabled>a,
.navbar-tertiary .navbar-nav .dropdown-menu>.disabled>a:hover,
.navbar-tertiary .navbar-nav .dropdown-menu>.disabled>a:focus {
    color: #383838;
    background-color: #c6c6c6
}
.navbar-tertiary .navbar-link {
    color: #383838
}
.navbar-tertiary .navbar-link:hover {
    color: #383838
}
.navbar-tertiary .btn-link {
    color: #383838
}
.navbar-tertiary .btn-link:hover,
.navbar-tertiary .btn-link:focus {
    color: #383838
}
.navbar-tertiary .btn-link[disabled]:hover,
fieldset[disabled] .navbar-tertiary .btn-link:hover,
.navbar-tertiary .btn-link[disabled]:focus,
fieldset[disabled] .navbar-tertiary .btn-link:focus {
    color: #383838
}
.bordered .id7-left-border,
.bordered .id7-right-border {
    border-color: #156294;
    border-color: rgba(21, 98, 148, 0.3)
}
.id7-page-footer .id7-app-footer {
    background: #156294;
    color: white
}
.id7-page-footer .id7-app-footer h1,
.id7-page-footer .id7-app-footer h2,
.id7-page-footer .id7-app-footer h3,
.id7-page-footer .id7-app-footer h4,
.id7-page-footer .id7-app-footer h5,
.id7-page-footer .id7-app-footer h6,
.id7-page-footer .id7-app-footer .h1,
.id7-page-footer .id7-app-footer .h2,
.id7-page-footer .id7-app-footer .h3,
.id7-page-footer .id7-app-footer .h4,
.id7-page-footer .id7-app-footer .h5,
.id7-page-footer .id7-app-footer .h6 {
    color: white
}
.id7-page-footer .id7-app-footer a,
.id7-page-footer .id7-app-footer a:link,
.id7-page-footer .id7-app-footer a:visited {
    color: white
}
.id7-page-footer .id7-app-footer a:hover,
.id7-page-footer .id7-app-footer a:focus,
.id7-page-footer .id7-app-footer a:active {
    color: #ccc
}
.id7-page-footer .id7-app-footer a:hover .new-window-link {
    color: #ccc
}
.id7-page-footer .id7-app-footer a,
.id7-page-footer .id7-app-footer a:link,
.id7-page-footer .id7-app-footer a:visited {
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}
.id7-page-footer .id7-app-footer a:hover,
.id7-page-footer .id7-app-footer a:focus,
.id7-page-footer .id7-app-footer a:active {
    -webkit-text-decoration-color: #ccc;
    text-decoration-color: #ccc
}
.id7-page-footer .id7-horizontal-divider .divider {
    stroke: #156294
}
.id7-page-footer.id7-footer-divider .id7-site-footer {
    background: white
}
.id7-page-footer.id7-footer-divider .id7-app-footer .id7-logo-bleed::before,
.id7-page-footer.id7-footer-divider .id7-app-footer .id7-logo-bleed::after {
    border-top-color: white
}
.id7-page-footer.id7-footer-coloured .id7-site-footer {
    background: #d3d3d3;
    color: #383838
}
.id7-page-footer.id7-footer-coloured .id7-site-footer h1,
.id7-page-footer.id7-footer-coloured .id7-site-footer h2,
.id7-page-footer.id7-footer-coloured .id7-site-footer h3,
.id7-page-footer.id7-footer-coloured .id7-site-footer h4,
.id7-page-footer.id7-footer-coloured .id7-site-footer h5,
.id7-page-footer.id7-footer-coloured .id7-site-footer h6,
.id7-page-footer.id7-footer-coloured .id7-site-footer .h1,
.id7-page-footer.id7-footer-coloured .id7-site-footer .h2,
.id7-page-footer.id7-footer-coloured .id7-site-footer .h3,
.id7-page-footer.id7-footer-coloured .id7-site-footer .h4,
.id7-page-footer.id7-footer-coloured .id7-site-footer .h5,
.id7-page-footer.id7-footer-coloured .id7-site-footer .h6 {
    color: #383838
}
.id7-page-footer.id7-footer-coloured .id7-site-footer a,
.id7-page-footer.id7-footer-coloured .id7-site-footer a:link,
.id7-page-footer.id7-footer-coloured .id7-site-footer a:visited {
    color: #383838
}
.id7-page-footer.id7-footer-coloured .id7-site-footer a:hover,
.id7-page-footer.id7-footer-coloured .id7-site-footer a:focus,
.id7-page-footer.id7-footer-coloured .id7-site-footer a:active {
    color: #050505
}
.id7-page-footer.id7-footer-coloured .id7-site-footer a:hover .new-window-link {
    color: #050505
}
.id7-page-footer.id7-footer-coloured .id7-site-footer a,
.id7-page-footer.id7-footer-coloured .id7-site-footer a:link,
.id7-page-footer.id7-footer-coloured .id7-site-footer a:visited {
    -webkit-text-decoration-color: #6b6b6b;
    text-decoration-color: #6b6b6b
}
.id7-page-footer.id7-footer-coloured .id7-site-footer a:hover,
.id7-page-footer.id7-footer-coloured .id7-site-footer a:focus,
.id7-page-footer.id7-footer-coloured .id7-site-footer a:active {
    -webkit-text-decoration-color: #050505;
    text-decoration-color: #050505
}
.id7-page-footer.id7-footer-coloured .id7-app-footer .id7-logo-bleed::before,
.id7-page-footer.id7-footer-coloured .id7-app-footer .id7-logo-bleed::after {
    border-top-color: #d3d3d3
}
.id7-search .fa {
    color: #156294;
    color: rgba(21, 98, 148, 0.5);
    -webkit-transition: color .15s linear;
    transition: color .15s linear
}
.id7-search .form-control:hover+.fa,
.id7-search .twitter-typeahead:hover+.fa,
.id7-search .fa:hover {
    color: #156294
}
.id7-search .twitter-typeahead .tt-suggestion:hover,
.id7-search .twitter-typeahead .tt-suggestion:focus,
.id7-search .twitter-typeahead .tt-suggestion.tt-cursor {
    cursor: pointer;
    background: #156294;
    color: white
}
.form-control:focus {
    border-color: #156294;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(21, 98, 148, 0.6)
}
.carousel .carousel-indicators li::after {
    color: #156294;
    color: rgba(21, 98, 148, 0.3)
}
.carousel .carousel-indicators li.active::after {
    color: #156294
}
@media (max-width: 767px) {
    .boxstyle_.box1,
    .boxstyle-sm.box1 {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }
}
@media (max-width: 991px) {
    .boxstyle-md.box1 {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }
}
@media (max-width: 1199px) {
    .boxstyle-lg.box1 {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }
}
.boxstyle_.box1,
.boxstyle-xs.box1,
.boxstyle-sm.box1,
.boxstyle-md.box1,
.boxstyle-lg.box1 {
    border: 0;
    background: #dce7ef;
    color: #383838
}
@media print {
    .boxstyle_.box1,
    .boxstyle-xs.box1,
    .boxstyle-sm.box1,
    .boxstyle-md.box1,
    .boxstyle-lg.box1 {
        border: 1px solid #dce7ef
    }
}
.boxstyle_.box1 h1,
.boxstyle-xs.box1 h1,
.boxstyle-sm.box1 h1,
.boxstyle-md.box1 h1,
.boxstyle-lg.box1 h1,
.boxstyle_.box1 h2,
.boxstyle-xs.box1 h2,
.boxstyle-sm.box1 h2,
.boxstyle-md.box1 h2,
.boxstyle-lg.box1 h2,
.boxstyle_.box1 h3,
.boxstyle-xs.box1 h3,
.boxstyle-sm.box1 h3,
.boxstyle-md.box1 h3,
.boxstyle-lg.box1 h3,
.boxstyle_.box1 h4,
.boxstyle-xs.box1 h4,
.boxstyle-sm.box1 h4,
.boxstyle-md.box1 h4,
.boxstyle-lg.box1 h4,
.boxstyle_.box1 h5,
.boxstyle-xs.box1 h5,
.boxstyle-sm.box1 h5,
.boxstyle-md.box1 h5,
.boxstyle-lg.box1 h5,
.boxstyle_.box1 h6,
.boxstyle-xs.box1 h6,
.boxstyle-sm.box1 h6,
.boxstyle-md.box1 h6,
.boxstyle-lg.box1 h6,
.boxstyle_.box1 .h1,
.boxstyle-xs.box1 .h1,
.boxstyle-sm.box1 .h1,
.boxstyle-md.box1 .h1,
.boxstyle-lg.box1 .h1,
.boxstyle_.box1 .h2,
.boxstyle-xs.box1 .h2,
.boxstyle-sm.box1 .h2,
.boxstyle-md.box1 .h2,
.boxstyle-lg.box1 .h2,
.boxstyle_.box1 .h3,
.boxstyle-xs.box1 .h3,
.boxstyle-sm.box1 .h3,
.boxstyle-md.box1 .h3,
.boxstyle-lg.box1 .h3,
.boxstyle_.box1 .h4,
.boxstyle-xs.box1 .h4,
.boxstyle-sm.box1 .h4,
.boxstyle-md.box1 .h4,
.boxstyle-lg.box1 .h4,
.boxstyle_.box1 .h5,
.boxstyle-xs.box1 .h5,
.boxstyle-sm.box1 .h5,
.boxstyle-md.box1 .h5,
.boxstyle-lg.box1 .h5,
.boxstyle_.box1 .h6,
.boxstyle-xs.box1 .h6,
.boxstyle-sm.box1 .h6,
.boxstyle-md.box1 .h6,
.boxstyle-lg.box1 .h6 {
    color: #383838
}
.boxstyle_.box1 blockquote.quotes,
.boxstyle-xs.box1 blockquote.quotes,
.boxstyle-sm.box1 blockquote.quotes,
.boxstyle-md.box1 blockquote.quotes,
.boxstyle-lg.box1 blockquote.quotes {
    color: inherit
}
@media (max-width: 767px) {
    .boxstyle_.box2,
    .boxstyle-sm.box2 {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }
}
@media (max-width: 991px) {
    .boxstyle-md.box2 {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }
}
@media (max-width: 1199px) {
    .boxstyle-lg.box2 {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }
}
.boxstyle_.box2,
.boxstyle-xs.box2,
.boxstyle-sm.box2,
.boxstyle-md.box2,
.boxstyle-lg.box2 {
    border: 0;
    background: #eee;
    color: #383838
}
@media print {
    .boxstyle_.box2,
    .boxstyle-xs.box2,
    .boxstyle-sm.box2,
    .boxstyle-md.box2,
    .boxstyle-lg.box2 {
        border: 1px solid #eee
    }
}
.boxstyle_.box2 h1,
.boxstyle-xs.box2 h1,
.boxstyle-sm.box2 h1,
.boxstyle-md.box2 h1,
.boxstyle-lg.box2 h1,
.boxstyle_.box2 h2,
.boxstyle-xs.box2 h2,
.boxstyle-sm.box2 h2,
.boxstyle-md.box2 h2,
.boxstyle-lg.box2 h2,
.boxstyle_.box2 h3,
.boxstyle-xs.box2 h3,
.boxstyle-sm.box2 h3,
.boxstyle-md.box2 h3,
.boxstyle-lg.box2 h3,
.boxstyle_.box2 h4,
.boxstyle-xs.box2 h4,
.boxstyle-sm.box2 h4,
.boxstyle-md.box2 h4,
.boxstyle-lg.box2 h4,
.boxstyle_.box2 h5,
.boxstyle-xs.box2 h5,
.boxstyle-sm.box2 h5,
.boxstyle-md.box2 h5,
.boxstyle-lg.box2 h5,
.boxstyle_.box2 h6,
.boxstyle-xs.box2 h6,
.boxstyle-sm.box2 h6,
.boxstyle-md.box2 h6,
.boxstyle-lg.box2 h6,
.boxstyle_.box2 .h1,
.boxstyle-xs.box2 .h1,
.boxstyle-sm.box2 .h1,
.boxstyle-md.box2 .h1,
.boxstyle-lg.box2 .h1,
.boxstyle_.box2 .h2,
.boxstyle-xs.box2 .h2,
.boxstyle-sm.box2 .h2,
.boxstyle-md.box2 .h2,
.boxstyle-lg.box2 .h2,
.boxstyle_.box2 .h3,
.boxstyle-xs.box2 .h3,
.boxstyle-sm.box2 .h3,
.boxstyle-md.box2 .h3,
.boxstyle-lg.box2 .h3,
.boxstyle_.box2 .h4,
.boxstyle-xs.box2 .h4,
.boxstyle-sm.box2 .h4,
.boxstyle-md.box2 .h4,
.boxstyle-lg.box2 .h4,
.boxstyle_.box2 .h5,
.boxstyle-xs.box2 .h5,
.boxstyle-sm.box2 .h5,
.boxstyle-md.box2 .h5,
.boxstyle-lg.box2 .h5,
.boxstyle_.box2 .h6,
.boxstyle-xs.box2 .h6,
.boxstyle-sm.box2 .h6,
.boxstyle-md.box2 .h6,
.boxstyle-lg.box2 .h6 {
    color: #383838
}
.boxstyle_.box2 blockquote.quotes,
.boxstyle-xs.box2 blockquote.quotes,
.boxstyle-sm.box2 blockquote.quotes,
.boxstyle-md.box2 blockquote.quotes,
.boxstyle-lg.box2 blockquote.quotes {
    color: inherit
}
.boxstyle-xs.box3 {
    background: none;
    border: 1px solid #156294;
    color: inherit
}
@media (min-width: 768px) {
    .boxstyle_.box3,
    .boxstyle-sm.box3 {
        background: none;
        border: 1px solid #156294;
        color: inherit
    }
}
@media (min-width: 992px) {
    .boxstyle-md.box3 {
        background: none;
        border: 1px solid #156294;
        color: inherit
    }
}
@media (min-width: 1200px) {
    .boxstyle-lg.box3 {
        background: none;
        border: 1px solid #156294;
        color: inherit
    }
}
.boxstyle-xs.box4 {
    background: none;
    border: 1px solid #777;
    color: inherit
}
@media (min-width: 768px) {
    .boxstyle_.box4,
    .boxstyle-sm.box4 {
        background: none;
        border: 1px solid #777;
        color: inherit
    }
}
@media (min-width: 992px) {
    .boxstyle-md.box4 {
        background: none;
        border: 1px solid #777;
        color: inherit
    }
}
@media (min-width: 1200px) {
    .boxstyle-lg.box4 {
        background: none;
        border: 1px solid #777;
        color: inherit
    }
}
@media (max-width: 767px) {
    .boxstyle_.box5,
    .boxstyle-sm.box5 {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }
}
@media (max-width: 991px) {
    .boxstyle-md.box5 {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }
}
@media (max-width: 1199px) {
    .boxstyle-lg.box5 {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px
    }
}
.boxstyle_.box5,
.boxstyle-xs.box5,
.boxstyle-sm.box5,
.boxstyle-md.box5,
.boxstyle-lg.box5 {
    border: 0;
    background: #156294;
    color: white
}
@media print {
    .boxstyle_.box5,
    .boxstyle-xs.box5,
    .boxstyle-sm.box5,
    .boxstyle-md.box5,
    .boxstyle-lg.box5 {
        border: 1px solid #156294
    }
}
.boxstyle_.box5 a,
.boxstyle-xs.box5 a,
.boxstyle-sm.box5 a,
.boxstyle-md.box5 a,
.boxstyle-lg.box5 a,
.boxstyle_.box5 a:link,
.boxstyle-xs.box5 a:link,
.boxstyle-sm.box5 a:link,
.boxstyle-md.box5 a:link,
.boxstyle-lg.box5 a:link,
.boxstyle_.box5 a:visited,
.boxstyle-xs.box5 a:visited,
.boxstyle-sm.box5 a:visited,
.boxstyle-md.box5 a:visited,
.boxstyle-lg.box5 a:visited {
    color: white
}
.boxstyle_.box5 a:hover,
.boxstyle-xs.box5 a:hover,
.boxstyle-sm.box5 a:hover,
.boxstyle-md.box5 a:hover,
.boxstyle-lg.box5 a:hover,
.boxstyle_.box5 a:focus,
.boxstyle-xs.box5 a:focus,
.boxstyle-sm.box5 a:focus,
.boxstyle-md.box5 a:focus,
.boxstyle-lg.box5 a:focus,
.boxstyle_.box5 a:active,
.boxstyle-xs.box5 a:active,
.boxstyle-sm.box5 a:active,
.boxstyle-md.box5 a:active,
.boxstyle-lg.box5 a:active {
    color: #ccc
}
.boxstyle_.box5 a:hover .new-window-link,
.boxstyle-xs.box5 a:hover .new-window-link,
.boxstyle-sm.box5 a:hover .new-window-link,
.boxstyle-md.box5 a:hover .new-window-link,
.boxstyle-lg.box5 a:hover .new-window-link {
    color: #ccc
}
.boxstyle_.box5 a,
.boxstyle-xs.box5 a,
.boxstyle-sm.box5 a,
.boxstyle-md.box5 a,
.boxstyle-lg.box5 a,
.boxstyle_.box5 a:link,
.boxstyle-xs.box5 a:link,
.boxstyle-sm.box5 a:link,
.boxstyle-md.box5 a:link,
.boxstyle-lg.box5 a:link,
.boxstyle_.box5 a:visited,
.boxstyle-xs.box5 a:visited,
.boxstyle-sm.box5 a:visited,
.boxstyle-md.box5 a:visited,
.boxstyle-lg.box5 a:visited {
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}
.boxstyle_.box5 a:hover,
.boxstyle-xs.box5 a:hover,
.boxstyle-sm.box5 a:hover,
.boxstyle-md.box5 a:hover,
.boxstyle-lg.box5 a:hover,
.boxstyle_.box5 a:focus,
.boxstyle-xs.box5 a:focus,
.boxstyle-sm.box5 a:focus,
.boxstyle-md.box5 a:focus,
.boxstyle-lg.box5 a:focus,
.boxstyle_.box5 a:active,
.boxstyle-xs.box5 a:active,
.boxstyle-sm.box5 a:active,
.boxstyle-md.box5 a:active,
.boxstyle-lg.box5 a:active {
    -webkit-text-decoration-color: #ccc;
    text-decoration-color: #ccc
}
.boxstyle_.box5 h1,
.boxstyle-xs.box5 h1,
.boxstyle-sm.box5 h1,
.boxstyle-md.box5 h1,
.boxstyle-lg.box5 h1,
.boxstyle_.box5 h2,
.boxstyle-xs.box5 h2,
.boxstyle-sm.box5 h2,
.boxstyle-md.box5 h2,
.boxstyle-lg.box5 h2,
.boxstyle_.box5 h3,
.boxstyle-xs.box5 h3,
.boxstyle-sm.box5 h3,
.boxstyle-md.box5 h3,
.boxstyle-lg.box5 h3,
.boxstyle_.box5 h4,
.boxstyle-xs.box5 h4,
.boxstyle-sm.box5 h4,
.boxstyle-md.box5 h4,
.boxstyle-lg.box5 h4,
.boxstyle_.box5 h5,
.boxstyle-xs.box5 h5,
.boxstyle-sm.box5 h5,
.boxstyle-md.box5 h5,
.boxstyle-lg.box5 h5,
.boxstyle_.box5 h6,
.boxstyle-xs.box5 h6,
.boxstyle-sm.box5 h6,
.boxstyle-md.box5 h6,
.boxstyle-lg.box5 h6,
.boxstyle_.box5 .h1,
.boxstyle-xs.box5 .h1,
.boxstyle-sm.box5 .h1,
.boxstyle-md.box5 .h1,
.boxstyle-lg.box5 .h1,
.boxstyle_.box5 .h2,
.boxstyle-xs.box5 .h2,
.boxstyle-sm.box5 .h2,
.boxstyle-md.box5 .h2,
.boxstyle-lg.box5 .h2,
.boxstyle_.box5 .h3,
.boxstyle-xs.box5 .h3,
.boxstyle-sm.box5 .h3,
.boxstyle-md.box5 .h3,
.boxstyle-lg.box5 .h3,
.boxstyle_.box5 .h4,
.boxstyle-xs.box5 .h4,
.boxstyle-sm.box5 .h4,
.boxstyle-md.box5 .h4,
.boxstyle-lg.box5 .h4,
.boxstyle_.box5 .h5,
.boxstyle-xs.box5 .h5,
.boxstyle-sm.box5 .h5,
.boxstyle-md.box5 .h5,
.boxstyle-lg.box5 .h5,
.boxstyle_.box5 .h6,
.boxstyle-xs.box5 .h6,
.boxstyle-sm.box5 .h6,
.boxstyle-md.box5 .h6,
.boxstyle-lg.box5 .h6 {
    color: white
}
.boxstyle_.box5 blockquote.quotes,
.boxstyle-xs.box5 blockquote.quotes,
.boxstyle-sm.box5 blockquote.quotes,
.boxstyle-md.box5 blockquote.quotes,
.boxstyle-lg.box5 blockquote.quotes {
    color: inherit
}
.pagination>li a,
.pagination>li span {
    color: #156294
}
@media (min-width: 768px) {
    .id7-right-border {
        background-image: url("rhsborder.jpg");
    }
    .id7-left-border {
        background-image: url("lhsborder.jpg");
    }
    .id7-left-border,.id7-right-border {
	background-color: #eeeeee; /* Ensure background colour is what we fade to */
	background-size: 610px 825px; /* Fix the height so it matches with the masthead */
    }
}
@media (min-width: 2391px) {
    .id7-left-border,.id7-right-border {
	background-size: 54% 825px; /* Fix the height so it matches with the masthead, with a width big enough for 2560px */
    }
}
.id7-utility-masthead {
    background-image: url("masthead.jpg");
    background-size: 100% 110px; /* Fix the height so it matches with the borders */
}
.nav-tabs {
    border-bottom: none
}
.nav-tabs li {
    margin: 0 10px -1px 0;
    width: auto;
    word-wrap: normal;
    font-size: .9em
}
.nav-tabs li a {
    padding: 10px 10px 0 10px;
    text-decoration: none !important;
    line-height: 1.2em
}
.nav-tabs li .active {
    border-bottom: 1px solid #ddd
}
.nav-tabs li .active a {
    border-bottom-color: #fff
}
.hp-layout .carousel-caption.col-md-4,
.hp-layout .carousel-caption.col-sm-6 {
    display: none
}
.hp-layout .carousel-indicators.ul.li {
    color: #156294
}
.tab-panel .boxstyle_ {
    height: 500px
}
@media (min-width: 768px) and (max-width: 1199px) {
    .nav-tabs li {
        margin: 0 5px -1px 0;
        font-size: .74em
    }
}
@media (min-width: 768px) {
    .hp-layout .tab-content {
        border: 1px solid #ddd
    }
}
@media (max-width: 991px) {
    ul.nav {
        border: none
    }
    .nav-tabs li {
        display: block;
        width: 100%;
        font-size: 1em;
        cursor: pointer
    }
    .nav-tabs li>a {
        background-color: #eee;
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom-color: transparent;
        border-left: 1px solid #ddd;
        margin: 0;
        cursor: pointer
    }
    .nav-tabs li:last-child {
        border-bottom: 1px solid #ddd
    }
    .nav-tabs li.active {
        background-color: #ddd
    }
    .nav-tabs li a:hover {
        background-color: #ddd;
        border-color: #ddd
    }
}
@media (max-width: 767px) {
    .nav-tabs {
        margin-bottom: 20px
    }
}
.hp-layout .div-content-placeholder {
    display: none
}
.hp-layout .row-spacer {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 992px) {
    .hp-layout {
        position: relative;
        z-index: 0
    }
    .hp-layout p.editLink {
        padding-right: 0;
        margin: 0;
        position: absolute;
        width: 100%
    }
    .hp-layout a.edit-link {
        background-color: lightgrey;
        padding: 2px 4px;
        position: absolute;
        z-index: 1;
        outline: 1px solid purple
    }
    .hp-layout .box {
        word-break: break-word
    }
    .hp-layout figure.flush-top {
        margin-bottom: 20px
    }
}
.btn-colour1 {
    background-color: #d0e0ea
}
.btn-colour1:hover {
    background-color: #b9d0df
}
.btn-colour2 {
    background-color: #eee
}
.btn-colour2:hover {
    background-color: #d7d7d7
}
.btn-colour3 {
    border: 1px solid #156294
}
.btn-colour3:hover {
    background-color: #eee
}
.btn-colour4 {
    border: 1px solid #777
}
.btn-colour4:hover {
    background-color: #eee
}
.btn-colour5 {
    background-color: #156294;
    color: white
}
.btn-colour5 * {
    color: white
}
.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout .carousel {
    margin-bottom: 20px
}
.hp-layout .carousel-caption {
    text-align: left;
    position: static;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
    min-height: 12em
}
.hp-layout .carousel-caption p {
    padding-right: 0
}
.hp-layout .carousel-caption p:last-child {
    margin-bottom: 0
}
.hp-layout .carousel-caption h2,
.hp-layout .carousel-caption h3,
.hp-layout .carousel-caption h4,
.hp-layout .carousel-caption h5,
.hp-layout .carousel-caption h6,
.hp-layout .carousel-caption a {
    color: white
}
.hp-layout .carousel-caption a:hover {
    color: lightGrey
}
.hp-layout .carousel-inner>.item>img {
    min-width: 100%
}
.hp-layout .controller-container {
    position: absolute;
    height: 40px;
    z-index: 11;
    bottom: -40px
}
.hp-layout a.carousel-control {
    background: none;
    text-shadow: none
}
.hp-layout a.carousel-control::after {
    position: absolute;
    top: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    color: #156294;
    content: "\f04b";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.hp-layout a.left.carousel-control::after {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.hp-layout .carousel-indicators {
    position: static;
    width: auto;
    height: 40px;
    margin-left: 0
}
.hp-layout .carousel-indicators li {
    margin: 0 4px;
    height: 10px;
    width: 10px;
    border-color: #156294
}
.hp-layout .carousel-indicators li.active {
    background-color: #156294
}
@media (min-width: 768px) {
    .hp-layout .carousel-inner>.item>img {
        height: auto
    }
    .hp-layout .controller-container {
        bottom: 0;
        right: 10px
    }
    .hp-layout .carousel-caption.col-sm-6 {
        position: absolute;
        right: 10px;
        top: 10px;
        bottom: 10px;
        left: auto
    }
    .hp-layout a.carousel-control::after {
        color: white
    }
    .hp-layout .carousel-indicators {
        padding-right: 0
    }
    .hp-layout .carousel-indicators li {
        border-color: white
    }
    .hp-layout .carousel-indicators li.active {
        background-color: white
    }
}
@media (min-width: 992px) {
    .hp-layout .controller-container {
        bottom: 20px;
        right: 20px;
        width: calc(33.33% + 10px)
    }
    .hp-layout .carousel-caption.col-md-4 {
        right: 20px;
        top: auto;
        bottom: 20px;
        padding-bottom: 40px;
        width: calc(33.33% + 10px)
    }
}
@media (min-width: 992px) {
    .hp-layout figure.hasImage {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 20px
    }
    .hp-layout figure.hasImage.set-height {
        min-height: 19vw
    }
    .hp-layout figure.hasImage figcaption {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: white;
        padding: 20px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.7) 80px, rgba(0, 0, 0, 0.8) 100%);
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.7) 80px, rgba(0, 0, 0, 0.8) 100%);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0)
    }
    .hp-layout figure.hasImage figcaption h2,
    .hp-layout figure.hasImage figcaption h3,
    .hp-layout figure.hasImage figcaption h4,
    .hp-layout figure.hasImage figcaption h5,
    .hp-layout figure.hasImage figcaption h6,
    .hp-layout figure.hasImage figcaption a {
        color: white
    }
    .hp-layout figure.hasImage figcaption a:hover {
        color: lightGrey
    }
}
@media (min-width: 992px) and (min-width: 1200px) {
    .hp-layout figure.hasImage.set-height {
        min-height: 240px
    }
}
.hp-layout .div-content-placeholder {
    display: none
}
.hp-layout .row-spacer {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 992px) {
    .hp-layout {
        position: relative;
        z-index: 0
    }
    .hp-layout p.editLink {
        padding-right: 0;
        margin: 0;
        position: absolute;
        width: 100%
    }
    .hp-layout a.edit-link {
        background-color: lightgrey;
        padding: 2px 4px;
        position: absolute;
        z-index: 1;
        outline: 1px solid purple
    }
    .hp-layout .box {
        word-break: break-word
    }
    .hp-layout figure.flush-top {
        margin-bottom: 20px
    }
}
.btn-colour1 {
    background-color: #d0e0ea
}
.btn-colour1:hover {
    background-color: #b9d0df
}
.btn-colour2 {
    background-color: #eee
}
.btn-colour2:hover {
    background-color: #d7d7d7
}
.btn-colour3 {
    border: 1px solid #156294
}
.btn-colour3:hover {
    background-color: #eee
}
.btn-colour4 {
    border: 1px solid #777
}
.btn-colour4:hover {
    background-color: #eee
}
.btn-colour5 {
    background-color: #156294;
    color: white
}
.btn-colour5 * {
    color: white
}
.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout .carousel {
    margin-bottom: 20px
}
.hp-layout .carousel-caption {
    text-align: left;
    position: static;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
    min-height: 12em
}
.hp-layout .carousel-caption p {
    padding-right: 0
}
.hp-layout .carousel-caption p:last-child {
    margin-bottom: 0
}
.hp-layout .carousel-caption h2,
.hp-layout .carousel-caption h3,
.hp-layout .carousel-caption h4,
.hp-layout .carousel-caption h5,
.hp-layout .carousel-caption h6,
.hp-layout .carousel-caption a {
    color: white
}
.hp-layout .carousel-caption a:hover {
    color: lightGrey
}
.hp-layout .carousel-inner>.item>img {
    min-width: 100%
}
.hp-layout .controller-container {
    position: absolute;
    height: 40px;
    z-index: 11;
    bottom: -40px
}
.hp-layout a.carousel-control {
    background: none;
    text-shadow: none
}
.hp-layout a.carousel-control::after {
    position: absolute;
    top: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    color: #156294;
    content: "\f04b";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.hp-layout a.left.carousel-control::after {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.hp-layout .carousel-indicators {
    position: static;
    width: auto;
    height: 40px;
    margin-left: 0
}
.hp-layout .carousel-indicators li {
    margin: 0 4px;
    height: 10px;
    width: 10px;
    border-color: #156294
}
.hp-layout .carousel-indicators li.active {
    background-color: #156294
}
@media (min-width: 768px) {
    .hp-layout .carousel-inner>.item>img {
        height: auto
    }
    .hp-layout .controller-container {
        bottom: 0;
        right: 10px
    }
    .hp-layout .carousel-caption.col-sm-6 {
        position: absolute;
        right: 10px;
        top: 10px;
        bottom: 10px;
        left: auto
    }
    .hp-layout a.carousel-control::after {
        color: white
    }
    .hp-layout .carousel-indicators {
        padding-right: 0
    }
    .hp-layout .carousel-indicators li {
        border-color: white
    }
    .hp-layout .carousel-indicators li.active {
        background-color: white
    }
}
@media (min-width: 992px) {
    .hp-layout .controller-container {
        bottom: 20px;
        right: 20px;
        width: calc(33.33% + 10px)
    }
    .hp-layout .carousel-caption.col-md-4 {
        right: 20px;
        top: auto;
        bottom: 20px;
        padding-bottom: 40px;
        width: calc(33.33% + 10px)
    }
}
.hp-layout .div-content-placeholder {
    display: none
}
.hp-layout .row-spacer {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 992px) {
    .hp-layout {
        position: relative;
        z-index: 0
    }
    .hp-layout p.editLink {
        padding-right: 0;
        margin: 0;
        position: absolute;
        width: 100%
    }
    .hp-layout a.edit-link {
        background-color: lightgrey;
        padding: 2px 4px;
        position: absolute;
        z-index: 1;
        outline: 1px solid purple
    }
    .hp-layout .box {
        word-break: break-word
    }
    .hp-layout figure.flush-top {
        margin-bottom: 20px
    }
}
.btn-colour1 {
    background-color: #d0e0ea
}
.btn-colour1:hover {
    background-color: #b9d0df
}
.btn-colour2 {
    background-color: #eee
}
.btn-colour2:hover {
    background-color: #d7d7d7
}
.btn-colour3 {
    border: 1px solid #156294
}
.btn-colour3:hover {
    background-color: #eee
}
.btn-colour4 {
    border: 1px solid #777
}
.btn-colour4:hover {
    background-color: #eee
}
.btn-colour5 {
    background-color: #156294;
    color: white
}
.btn-colour5 * {
    color: white
}
.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn,
.hp-layout .btn-group-vertical>a.btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    padding: 10px;
    min-height: 6em
}
.hp-layout [class*='col-']>a.btn h3,
.hp-layout .btn-group-vertical>a.btn h3 {
    display: inline-block;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    white-space: normal
}
.hp-layout [class*='col-']>a.btn.box1:hover,
.hp-layout .btn-group-vertical>a.btn.box1:hover {
    background-color: #c5d8e4
}
.hp-layout [class*='col-']>a.btn.box2:hover,
.hp-layout .btn-group-vertical>a.btn.box2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.box3:hover,
.hp-layout .btn-group-vertical>a.btn.box3:hover {
    background-color: #e6e6e6
}
.hp-layout [class*='col-']>a.btn.box4:hover,
.hp-layout .btn-group-vertical>a.btn.box4:hover {
    background-color: #e6e6e6
}
.hp-layout [class*='col-']>a.btn.box5:hover,
.hp-layout .btn-group-vertical>a.btn.box5:hover {
    background-color: #2c729f
}
.hp-layout .btn-group-vertical>.btn {
    margin-bottom: 20px
}
.hp-layout .btn-group-vertical>.btn:last-child {
    margin-bottom: 0
}
.hp-layout [class*='col-']>a.btn.btn-colour1,
.hp-layout .btn-group-vertical>a.btn.btn-colour1 {
    background-color: #d0e0ea
}
.hp-layout [class*='col-']>a.btn.btn-colour1:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour1:hover {
    background-color: #b9d0df
}
.hp-layout [class*='col-']>a.btn.btn-colour1:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour1:hover {
    background-color: #b9d0df
}
.hp-layout [class*='col-']>a.btn.btn-colour1:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour1:hover {
    background-color: #b9d0df
}
.hp-layout [class*='col-']>a.btn.btn-colour1:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour1:hover {
    background-color: #b9d0df
}
.hp-layout [class*='col-']>a.btn.btn-colour1:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour1:hover {
    background-color: #b9d0df
}
.hp-layout [class*='col-']>a.btn.btn-colour2,
.hp-layout .btn-group-vertical>a.btn.btn-colour2 {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour2:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.btn-colour2:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.btn-colour2:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.btn-colour2:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.btn-colour2:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.btn-colour3,
.hp-layout .btn-group-vertical>a.btn.btn-colour3 {
    border: 1px solid #156294
}
.hp-layout [class*='col-']>a.btn.btn-colour3:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour3:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour3:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour3:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour3:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour3:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour3:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour3:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour3:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour3:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour4,
.hp-layout .btn-group-vertical>a.btn.btn-colour4 {
    border: 1px solid #777
}
.hp-layout [class*='col-']>a.btn.btn-colour4:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour4:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour4:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour4:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour4:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour4:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour4:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour4:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour4:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour4:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour5,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 {
    background-color: #156294;
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5 *,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 * {
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn.btn-colour5 *,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 * {
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn.btn-colour5 *,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 * {
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn.btn-colour5 *,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 * {
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn.btn-colour5 *,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 * {
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn span,
.hp-layout .btn-group-vertical>a.btn span {
    display: inline-block;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    white-space: normal
}
.hp-layout .btn-group-vertical>.btn {
    margin-bottom: 20px
}
@media screen and (max-width: 767px) {
    .hp-layout .btn-group-vertical {
        display: block
    }
}
@media (min-width: 992px) {
    .hp-layout figure.hasImage {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 20px
    }
    .hp-layout figure.hasImage.set-height {
        min-height: 19vw
    }
    .hp-layout figure.hasImage figcaption {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: white;
        padding: 20px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.7) 80px, rgba(0, 0, 0, 0.8) 100%);
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.7) 80px, rgba(0, 0, 0, 0.8) 100%);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0)
    }
    .hp-layout figure.hasImage figcaption h2,
    .hp-layout figure.hasImage figcaption h3,
    .hp-layout figure.hasImage figcaption h4,
    .hp-layout figure.hasImage figcaption h5,
    .hp-layout figure.hasImage figcaption h6,
    .hp-layout figure.hasImage figcaption a {
        color: white
    }
    .hp-layout figure.hasImage figcaption a:hover {
        color: lightGrey
    }
}
@media (min-width: 992px) and (min-width: 1200px) {
    .hp-layout figure.hasImage.set-height {
        min-height: 240px
    }
}
.hp-layout .div-content-placeholder {
    display: none
}
.hp-layout .row-spacer {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 992px) {
    .hp-layout {
        position: relative;
        z-index: 0
    }
    .hp-layout p.editLink {
        padding-right: 0;
        margin: 0;
        position: absolute;
        width: 100%
    }
    .hp-layout a.edit-link {
        background-color: lightgrey;
        padding: 2px 4px;
        position: absolute;
        z-index: 1;
        outline: 1px solid purple
    }
    .hp-layout .box {
        word-break: break-word
    }
    .hp-layout figure.flush-top {
        margin-bottom: 20px
    }
}
.btn-colour1 {
    background-color: #d0e0ea
}
.btn-colour1:hover {
    background-color: #b9d0df
}
.btn-colour2 {
    background-color: #eee
}
.btn-colour2:hover {
    background-color: #d7d7d7
}
.btn-colour3 {
    border: 1px solid #156294
}
.btn-colour3:hover {
    background-color: #eee
}
.btn-colour4 {
    border: 1px solid #777
}
.btn-colour4:hover {
    background-color: #eee
}
.btn-colour5 {
    background-color: #156294;
    color: white
}
.btn-colour5 * {
    color: white
}
.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn,
.hp-layout .btn-group-vertical>a.btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    padding: 10px;
    min-height: 6em
}
.hp-layout [class*='col-']>a.btn h3,
.hp-layout .btn-group-vertical>a.btn h3 {
    display: inline-block;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    white-space: normal
}
.hp-layout [class*='col-']>a.btn.box1:hover,
.hp-layout .btn-group-vertical>a.btn.box1:hover {
    background-color: #c5d8e4
}
.hp-layout [class*='col-']>a.btn.box2:hover,
.hp-layout .btn-group-vertical>a.btn.box2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.box3:hover,
.hp-layout .btn-group-vertical>a.btn.box3:hover {
    background-color: #e6e6e6
}
.hp-layout [class*='col-']>a.btn.box4:hover,
.hp-layout .btn-group-vertical>a.btn.box4:hover {
    background-color: #e6e6e6
}
.hp-layout [class*='col-']>a.btn.box5:hover,
.hp-layout .btn-group-vertical>a.btn.box5:hover {
    background-color: #2c729f
}
.hp-layout .btn-group-vertical>.btn {
    margin-bottom: 20px
}
.hp-layout .btn-group-vertical>.btn:last-child {
    margin-bottom: 0
}
.hp-layout [class*='col-']>a.btn.btn-colour1,
.hp-layout .btn-group-vertical>a.btn.btn-colour1 {
    background-color: #d0e0ea
}
.hp-layout [class*='col-']>a.btn.btn-colour1:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour1:hover {
    background-color: #b9d0df
}
.hp-layout [class*='col-']>a.btn.btn-colour1:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour1:hover {
    background-color: #b9d0df
}
.hp-layout [class*='col-']>a.btn.btn-colour1:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour1:hover {
    background-color: #b9d0df
}
.hp-layout [class*='col-']>a.btn.btn-colour1:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour1:hover {
    background-color: #b9d0df
}
.hp-layout [class*='col-']>a.btn.btn-colour1:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour1:hover {
    background-color: #b9d0df
}
.hp-layout [class*='col-']>a.btn.btn-colour2,
.hp-layout .btn-group-vertical>a.btn.btn-colour2 {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour2:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.btn-colour2:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.btn-colour2:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.btn-colour2:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.btn-colour2:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour2:hover {
    background-color: #d7d7d7
}
.hp-layout [class*='col-']>a.btn.btn-colour3,
.hp-layout .btn-group-vertical>a.btn.btn-colour3 {
    border: 1px solid #156294
}
.hp-layout [class*='col-']>a.btn.btn-colour3:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour3:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour3:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour3:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour3:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour3:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour3:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour3:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour3:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour3:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour4,
.hp-layout .btn-group-vertical>a.btn.btn-colour4 {
    border: 1px solid #777
}
.hp-layout [class*='col-']>a.btn.btn-colour4:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour4:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour4:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour4:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour4:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour4:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour4:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour4:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour4:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour4:hover {
    background-color: #eee
}
.hp-layout [class*='col-']>a.btn.btn-colour5,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 {
    background-color: #156294;
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5 *,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 * {
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn.btn-colour5 *,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 * {
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn.btn-colour5 *,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 * {
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn.btn-colour5 *,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 * {
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn.btn-colour5 *,
.hp-layout .btn-group-vertical>a.btn.btn-colour5 * {
    color: white
}
.hp-layout [class*='col-']>a.btn.btn-colour5:hover,
.hp-layout .btn-group-vertical>a.btn.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout [class*='col-']>a.btn span,
.hp-layout .btn-group-vertical>a.btn span {
    display: inline-block;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    white-space: normal
}
.hp-layout .btn-group-vertical>.btn {
    margin-bottom: 20px
}
@media screen and (max-width: 767px) {
    .hp-layout .btn-group-vertical {
        display: block
    }
}
.simple-image #image1 p {
    padding-right: 0
}
.simple-image #image1 p img {
    min-width: 100%
}
@media (min-width: 992px) {
    .simple-image #image1 p {
        margin-bottom: 0
    }
}
.simple-image .btn-group-vertical>.btn:not(:last-child) {
    margin-bottom: 15px
}
h1 {
    border-bottom: none
}
@media (min-width: 768px) {
    .boxstyle_.box3 {
        border-color: #ddd
    }
}
.id7-page-footer .id7-site-footer .row:first-of-type {
    margin-bottom: 20px
}
.id7-page-footer .id7-site-footer .nav-stacked>li>a:link,
.id7-page-footer .id7-site-footer .nav-stacked>li>a:visited {
    position: relative;
    display: inline-block;
    line-height: 2em;
    padding: 0 .25em 0 .5em;
    color: white;
    background-color: #666;
    text-decoration: none;
    width: calc(99%)
}
.id7-page-footer .id7-site-footer .nav-stacked>li>a:link:after,
.id7-page-footer .id7-site-footer .nav-stacked>li>a:visited:after {
    content: '';
    position: absolute;
    top: 0;
    right: -1em;
    width: 0;
    height: 0;
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-left: 1em solid #666
}
@media print {
    .id7-page-footer .id7-site-footer .nav-stacked>li>a:link:after,
    .id7-page-footer .id7-site-footer .nav-stacked>li>a:visited:after {
        display: none
    }
}
.id7-page-footer .id7-site-footer .nav-stacked>li>a:link:after,
.id7-page-footer .id7-site-footer .nav-stacked>li>a:visited:after {
    content: '';
    position: absolute;
    top: 0;
    right: -1em;
    width: 0;
    height: 0;
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
    border-left: 1em solid #666
}
@media print {
    .id7-page-footer .id7-site-footer .nav-stacked>li>a:link:after,
    .id7-page-footer .id7-site-footer .nav-stacked>li>a:visited:after {
        display: none
    }
}
.id7-page-footer .id7-site-footer .nav-stacked>li.active>a {
    cursor: default
}
.id7-page-footer .id7-site-footer .nav-stacked>li.active>a:link,
.id7-page-footer .id7-site-footer .nav-stacked>li.active>a:visited {
    font-weight: bold;
    background-color: #156294
}
.id7-page-footer .id7-site-footer .nav-stacked>li.active>a:link:after,
.id7-page-footer .id7-site-footer .nav-stacked>li.active>a:visited:after {
    border-left-color: #156294
}
.id7-page-footer .id7-site-footer #itsFaqSearch {
    position: relative
}
.id7-page-footer .id7-site-footer #itsFaqSearch i.fa-search {
    position: absolute;
    right: 0;
    top: 8px;
    color: #777
}
.id7-page-footer .id7-site-footer .intranet-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: #156294;
    border-color: #156294
}
.id7-page-footer .id7-site-footer .intranet-btn:hover {
    background-color: #12537e
}
@media (min-width: 768px) {
    .id7-page-footer .id7-site-footer .tab-content {
        min-height: 16em
    }
}
@media (min-width: 768px) and (min-width: 992px) {
    .id7-page-footer .id7-site-footer .tab-content {
        min-height: 14em
    }
}
@media print {
    .id7-page-footer .id7-site-footer .intranet-btn {
        display: none
    }
    .id7-page-footer .id7-site-footer .nav-stacked>li:nth-child(2) {
        display: none
    }
    .id7-page-footer .id7-site-footer .nav-stacked>li:nth-child(3) {
        display: none
    }
}
div.infographic .highlight-text,
div.infographic .number,
div.infographic .requests {
    color: #156294;
    font-weight: bold
}
.hp-layout .div-content-placeholder {
    display: none
}
.hp-layout .row-spacer {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 992px) {
    .hp-layout {
        position: relative;
        z-index: 0
    }
    .hp-layout p.editLink {
        padding-right: 0;
        margin: 0;
        position: absolute;
        width: 100%
    }
    .hp-layout a.edit-link {
        background-color: lightgrey;
        padding: 2px 4px;
        position: absolute;
        z-index: 1;
        outline: 1px solid purple
    }
    .hp-layout .box {
        word-break: break-word
    }
    .hp-layout figure.flush-top {
        margin-bottom: 20px
    }
}
.btn-colour1 {
    background-color: #d0e0ea
}
.btn-colour1:hover {
    background-color: #b9d0df
}
.btn-colour2 {
    background-color: #eee
}
.btn-colour2:hover {
    background-color: #d7d7d7
}
.btn-colour3 {
    border: 1px solid #156294
}
.btn-colour3:hover {
    background-color: #eee
}
.btn-colour4 {
    border: 1px solid #777
}
.btn-colour4:hover {
    background-color: #eee
}
.btn-colour5 {
    background-color: #156294;
    color: white
}
.btn-colour5 * {
    color: white
}
.btn-colour5:hover {
    background-color: #5b91b4
}
.hp-layout .carousel {
    margin-bottom: 20px
}
.hp-layout .carousel-caption {
    text-align: left;
    position: static;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
    min-height: 12em
}
.hp-layout .carousel-caption p {
    padding-right: 0
}
.hp-layout .carousel-caption p:last-child {
    margin-bottom: 0
}
.hp-layout .carousel-caption h2,
.hp-layout .carousel-caption h3,
.hp-layout .carousel-caption h4,
.hp-layout .carousel-caption h5,
.hp-layout .carousel-caption h6,
.hp-layout .carousel-caption a {
    color: white
}
.hp-layout .carousel-caption a:hover {
    color: lightGrey
}
.hp-layout .carousel-inner>.item>img {
    min-width: 100%
}
.hp-layout .controller-container {
    position: absolute;
    height: 40px;
    z-index: 11;
    bottom: -40px
}
.hp-layout a.carousel-control {
    background: none;
    text-shadow: none
}
.hp-layout a.carousel-control::after {
    position: absolute;
    top: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    color: #156294;
    content: "\f04b";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.hp-layout a.left.carousel-control::after {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.hp-layout .carousel-indicators {
    position: static;
    width: auto;
    height: 40px;
    margin-left: 0
}
.hp-layout .carousel-indicators li {
    margin: 0 4px;
    height: 10px;
    width: 10px;
    border-color: #156294
}
.hp-layout .carousel-indicators li.active {
    background-color: #156294
}
@media (min-width: 768px) {
    .hp-layout .carousel-inner>.item>img {
        height: auto
    }
    .hp-layout .controller-container {
        bottom: 0;
        right: 10px
    }
    .hp-layout .carousel-caption.col-sm-6 {
        position: absolute;
        right: 10px;
        top: 10px;
        bottom: 10px;
        left: auto
    }
    .hp-layout a.carousel-control::after {
        color: white
    }
    .hp-layout .carousel-indicators {
        padding-right: 0
    }
    .hp-layout .carousel-indicators li {
        border-color: white
    }
    .hp-layout .carousel-indicators li.active {
        background-color: white
    }
}
@media (min-width: 992px) {
    .hp-layout .controller-container {
        bottom: 20px;
        right: 20px;
        width: calc(33.33% + 10px)
    }
    .hp-layout .carousel-caption.col-md-4 {
        right: 20px;
        top: auto;
        bottom: 20px;
        padding-bottom: 40px;
        width: calc(33.33% + 10px)
    }
}
a .new-window-link {
    display: inline
}
.linkfix a {
    text-decoration: none !important
}
.linkfix a:hover {
    text-decoration: underline !important
}