blockquote,h1,h2,h3,h4,h5,h6 {
    font-family: Calibri,Calibri,Arial;
    color: #830065
}

a,div,label,ol,p,ul {
    font: normal normal normal 19px/23px Calibri;
    font-family: Calibri,Calibri,Arial
}

blockquote {
    font-size: 34.12px
}

#top-nav.navbar,#top-nav.navbar .navbar-nav>li>a {
    font: normal normal normal 19px/23px Calibri;
    font-family: Calibri,Calibri,Arial
}

.right-inner-addon input {
    font-size: 1em
}

.gateway-links a {
    font: normal normal bold 19px/23px Calibri;
    font-family: Calibri,Calibri,Arial;
    position: relative;
    top: -8px
}

#emergency-placeholder span {
    font-size: 24px
}

#emergency-placeholder p {
    font-size: 20px;
    color: #fff
}

find-service .field {
    font-size: 1.1em
}

.toggle-search .mv-search {
    font-size: 1.8em
}

.footer-bottom {
    font-size: 1.143em
}

.footer-bottom p.footer-links {
    font-size: 19.2px;
    color: #fff!important
}

#myarea-container .panel-heading h3 {
    font-size: 18px
}

.my-area-search-container .home-outline .home-h3 {
    font-size: 36px
}

.my-area-search-container .home-outline span {
    font-size: 24px
}

.my-area-search-container button {
    font-size: 25px
}

#find-services-input {
    font-size: 19px
}

div#myarea-container div.panel-heading h3,div#myarea-container h3 {
    font-size: 32px
}

div#myarea-container h4 {
    font-size: 28px
}

div#myarea-container h5 {
    font-size: 24px
}

div#myarea-container h6 {
    font-size: 20px
}

#last-modified {
    font-size: 16px
}

#landing-title>div>h1,.header-title {
    font-size: 2.369em;
    font-weight: 700;
    line-height: 1em;
    display: flex;
    align-items: center
}

li.head,li.head:hover {
    font-size: 34.12px
}

li.head a h2 {
    font-size: 34.12px;
    font-weight: 400
}

.accordion-togglable li a,div#also-see-list ul a {
    line-height: 1.2em;
    font-size: 19.2px;
    font-weight: 400
}

.btn-cta,a.call-to-action {
    font-size: 19.12px;
    font-weight: 700;
    line-height: 1.1em;
    text-decoration: none!important;
    text-transform: lowercase
}

.btn-cta::first-letter,a.call-to-action::first-letter {
    text-transform: uppercase
}

#crumbs ul {
    padding: 0;
    padding-left: 0!important;
    margin-top: 10px
}

#crumbs ul li {
    font-size: 19.2px;
    list-style-type: none;
    padding-right: 5px;
    display: inline
}

#crumbs ul li a {
    color: #000
}

#crumbs ul li.last {
    font-weight: 700!important
}

a.icon-pdf,a.icon-printer {
    text-decoration: none
}

.icon-printer,a.icon-pdf {
    font-size: 0
}

.sub-header-title {
    font-size: 34.2px;
    font-weight: 700
}

div#contact-details h3 {
    font-weight: 700;
    font-size: 25.59px
}

@media (min-width: 1170px) and (max-width:9000px) {
    div#mainbar h2 {
        font-weight:700;
        font-size: 34.12px
    }

    div#mainbar h3 {
        font-weight: 700;
        font-size: 25.59px
    }

    div#mainbar h4 {
        font-weight: 700;
        font-size: 19.2px
    }
}

@media (max-width: 992px) {
    .my-area-search-container .home-outline span {
        font-size:19px
    }

    #twitter-feed-last-tweet p {
        font-size: 24px
    }
}

@media screen and (max-width: 768px) {
    a.search-anchor>span#menu-anchor-icon,span#search-anchor-icon,span.mobile-view>a.menu-anchor {
        font-size:2.2em
    }

    span#search-anchor-icon {
        top: 6px
    }

    #find-services-input,.my-area-search-container .home-outline span,.my-area-search-container button {
        font-size: 19.2px
    }

    #landing-title>div>h1 {
        font-size: 48px
    }

    .header-title {
        font-size: 40px
    }

    .sub-header-title {
        font-size: 28px
    }

    li.head a h2 {
        font-size: 24px
    }
}

@media screen and (max-width: 496px) {
    a,blockquote,div,form,input,label,li,ol,p,span,ul {
        font:normal normal normal 19px/23px Calibri
    }

    .footer-bottom a,.footer-bottom p.footer-links {
        font-size: 19px;
        color: #fff!important
    }

    div#myarea-container div.panel-heading h3,div#myarea-container h3 {
        font-size: 24px
    }

    div#myarea-container h4 {
        font-size: 23px
    }

    div#myarea-container h5 {
        font-size: 21px
    }

    div#myarea-container h6 {
        font-size: 20px
    }

    #find-services-input,div#myarea-container div.panel-body div,div#myarea-container div.panel-body p,div#myarea-container div.panel-body p a,div#myarea-container div.panel-body ul li {
        font-size: 16px
    }

    h3#mobile-more-services {
        font-size: 20px
    }

    .home-icon .figure-wrapper figcaption h4 a,.my-area-search-container .home-outline span {
        font-size: 16px
    }

    .home-h3,.latest-news .home-h3,.latest-news .home-h3 a,.my-area-search-container .home-outline h3.home-h3,table.services-table-h3 {
        font: normal normal bold 23px/28px Calibri
    }

    li.head a h2 span {
        font-size: 24px
    }

    #crumbs ul li a,.accordion-togglable li a,.btn-cta,a.call-to-action,div#also-see-list ul a,table.table td {
        font-size: 16px
    }

    table.table td a {
        font-size: 15px
    }

    #emergency-placeholder p,#emergency-placeholder span,div.form-group label {
        font-size: 16px
    }

    #last-modified {
        font-size: 12px
    }

    #landing-title>div>h1 {
        font-size: 36px
    }
}

div.homepage-root-outer-container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    border-top: dotted 0 #000
}

div#gateway {
    padding-left: 0;
    padding-right: 0;
    min-height: 80px
}

div.grid-block-5>div:first-child {
    border: 0 solid red
}

div#landing-title {
    border: 0 solid green
}

div#pdf-print-links {
    height: 35px;
    border: 0 solid blue
}

div#last-modified-container {
    border: 0 solid red;
    height: 35px;
    width: 63%;
    float: left
}

div#printer-icons-container {
    width: 16%;
    border: 0 solid blue;
    height: 35px;
    float: right;
    padding-right: 0
}

div#topbar {
    border-top: dotted 1px #000;
    border-bottom: dotted 1px #000
}

#search {
    right: 6px
}

@media (min-width: 1170px) and (max-width:9000px) {
    div#landing {
        width:1170px
    }

    div#topbar {
        max-width: 1170px;
        height: auto;
        width: 1170px;
        display: flex;
        float: left;
        margin: 10px 0 15px 0
    }

    div#sidebar {
        border: 0 solid red;
        width: 170px;
        margin: 30px 30px 0 0;
        display: inline-block
    }

    div#mainbar {
        border: 0 solid blue;
        max-width: 970px;
        width: 970px;
        margin: 30px 0 20px;
        display: inline-block
    }

    #landing-title>div>h1.header-title {
        height: 100%;
        padding: 25px 0;
        position: relative;
        top: -23px
    }

    .grid-block,grid-block-last {
        width: 170px;
        border: 0 solid red;
        height: 100%;
        display: inline;
        float: left;
        margin-right: 30px
    }

    .grid-block-last {
        margin-right: 0
    }

    .grid-block-5 {
        width: 970px;
        float: left
    }

    .grid-block-default-height {
        height: auto;
        min-height: 140px
    }

    #landing-title>div>h1,.header-title {
        color: #830065;
        margin: 0;
        height: auto;
        min-height: 100px
    }
}

@media (min-width: 170px) and (max-width:1169px) {
    div#topbar {
        display:inline-block;
        float: left;
        border-bottom: dashed 1px #000;
        border-top: dashed 1px #000;
        margin: 10px 0 0;
        width: 100%;
        max-width: 100%;
        max-height: 100%
    }

    div#sidebar.col-md-pull-10 {
        right: 0
    }

    div#mainbar.col-md-10,div#sidebar.col-md-2 {
        display: inline-block;
        float: left;
        width: 100%;
        margin: 30px 0 0
    }

    div#mainbar.col-md-push-2 {
        left: 0;
        width: 100%
    }

    #icon-landing-page-image-container,#sidebar {
        display: none
    }

    .btn-cta,a.call-to-action {
        margin-left: 15px;
        margin-right: 15px;
        background-color: #B3bd00;
        margin-top: 20px
    }

    .btn-cta:hover,a.call-to-action:hover {
        color: #041c2c;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    i.icon-pdf,i.icon-printer {
        top: 0
    }
}

@media screen and (max-width: 768px) {
    #searchbox-outer-container {
        height:109px
    }

    #landing-title>div>h1 {
        position: relative;
        top: 0
    }

    div#topbar {
        min-height: 160px!important;
        height: 100%!important;
        position: relative;
        width: 100%!important;
        max-width: 100%!important;
        margin-top: 10px!important;
        max-height: 200px
    }

    #crumbs {
        height: auto;
        min-height: 20px
    }

    #landing-title {
        height: auto;
        min-height: 100px
    }

    li.head a h2 {
        margin: 0;
        padding: 10px 0 10px 5px;
        height: 100%
    }

    #accordion-ul .head h2 span.pull-right {
        position: relative;
        left: 25px
    }

    li.head a h2 i.icon-arrow-down,li.head a h2 i.icon-arrow-up {
        background-size: 21px 21px!important;
        background-position: 7px 7px!important;
        height: 31px!important;
        width: 35px!important
    }

    div#search-box-inner>div.row>div.col-xs-3 {
        border: 0 solid red;
        width: 75%
    }

    div#search-box-inner>div.row>div.col-xs-9 {
        border: 0 solid #ff0;
        width: 25%
    }

    div#gateway {
        min-height: 0
    }

    div#gateway-container {
        top: 0!important
    }

    a.icon-pdf,a.icon-printer {
        top: -2px!important
    }

    .accordion-togglable ul li {
        background-position: 0 9px!important
    }

    .right-inner-addon {
        top: 22px!important
    }
}

@media screen and (max-width: 640px) {
    #search-box-inner .row {
        top:0
    }
}

@media screen and (max-width: 496px) {
    h1,h2,h3,h4 h5 {
        margin:0
    }

    div#root-container>div:first-child {
        padding-left: 15px;
        padding-right: 15px;
        border: 0 solid red
    }

    div#gateway {
        display: none
    }

    #search-container {
        top: 0!important
    }

    div#mainbar.col-md-10 {
        margin: 10px 0 0
    }

    div#last-modified-container {
        width: 195px;
        float: left
    }

    div#printer-icons-container {
        width: 75px;
        min-width: 75px;
        float: right
    }

    #last-modified {
        position: relative;
        top: 5px
    }

    div#topbar {
        min-height: 160px!important;
        max-height: 400px!important;
        height: 100%!important;
        position: relative;
        width: 100%!important;
        max-width: 100%!important;
        margin-top: 0!important;
        margin-bottom: 10px!important
    }

    .grid-block-5 {
        position: relative;
        top: 0!important
    }

    #crumbs ul {
        list-style: none;
        margin-top: 10px!important;
        padding: 0
    }

    #landing-title>div>h1 {
        position: relative;
        top: 0;
        display: block;
        border: 0 solid;
        padding-top: 20px;
        padding-bottom: 0
    }

    a.icon-printer {
        top: -2px!important;
        left: 0
    }

    .accordion-togglable ul li {
        background-position: 0 7px
    }

    .right-inner-addon {
        top: 8px!important
    }
}

@media screen and (max-width: 321px) {
    .right-inner-addon {
        top:8px!important
    }
}

#mainbar a:hover {
    text-decoration: none
}

#mainbar a {
    text-decoration: underline
}

.bottom-spacer {
    width: 100%;
    padding-bottom: 20px
}

div#landing-title>div:first-child {
    border: 0 solid red;
    min-height: 65px
}

#last-modified {
    color: silver;
    position: relative
}

#landing-title>div>h1,.header-title {
    color: #830065;
    margin: 10px 0 0!important;
    padding-bottom: 15px;
    min-height: 80px
}

li.head {
    list-style-type: none;
    width: 100%;
    background-color: #e3e4e6;
    border-bottom: solid 1px #fff
}

li.head:hover {
    list-style-type: none;
    width: 100%;
    background-color: #fff;
    border: 0 solid #000
}

li.head a {
    text-decoration: none;
    display: block
}

li.head a h2 {
    margin: 20px 0;
    padding-left: 16px
}

li.head a h2 i {
    float: right;
    background-color: #b3bd00;
    width: 45px;
    height: 45px;
    margin-right: 30px
}

li.head h2 span.pull-left {
    width: 80%
}

li.head a h2 i.icon-arrow-up {
    background: #b3bd00 url(/SiteElements/ChannelShift/content/images/landing-pages/arrowup.svg) no-repeat 5px 13px;
    background-size: 35px 20px;
    height: 45px;
    position: relative;
    top: 0;
    left: 0
}

li.head a h2 i.icon-arrow-down {
    background: #b3bd00 url(/SiteElements/ChannelShift/content/images/landing-pages/arrowdown.svg) no-repeat 5px 13px;
    background-size: 35px 20px;
    height: 45px;
    position: relative;
    top: 0;
    left: 0
}

li.head a {
    color: #830065;
    outline: 0!important
}

#accordion-ul {
    padding: 0
}

#accordion-ul li {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.accordion-togglable {
    display: none;
    margin-bottom: 10px;
    padding-top: 10px;
    font-size: 19px
}

.accordion-togglable ul {
    padding-left: 25px
}

.accordion-togglable ul li {
    line-height: .9em;
    list-style: none;
    background: url(/SiteElements/ChannelShift/content/images/landing-pages/bullet.svg) no-repeat 0 .5em;
    padding: 0 0 10px 20px
}

.accordion-togglable li a,div#also-see-list ul a {
    color: #000;
    text-decoration: underline;
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    line-height: 1.3em
}

.accordion-togglable li a:hover,div#also-see-list ul a:hover {
    color: #830065
}

i.icon-residents {
    background: url(/SiteElements/ChannelShift/content/images/landing-pages/residents.svg) no-repeat 0 -20px;
    background-size: 170px 170px;
    height: 170px;
    width: 170px;
    position: relative;
    top: 0;
    left: 0;
    display: block
}

ul#print-links-ul li {
    width: 30px;
    height: 30px;
    list-style-type: none;
    display: inline;
    margin-right: 0
}

a.icon-pdf,a.icon-printer {
    text-decoration: none
}

p.call-to-action {
    width: 100%;
    border: 0 solid red;
    margin: auto;
    text-align: left
}

a.call-to-action {
    display: inline-block
}

.btn-cta,a.call-to-action {
    background-color: #B3bd00;
    color: #041c2c;
    width: initial;
    white-space: normal;
    border-radius: 0;
    border: 0 solid red;
    margin: 1em 0;
    padding: 9px 12px
}

.btn-cta:hover,a.call-to-action:hover {
    color: #041c2c;
    background-color: #e6e6e6;
    border-color: #adadad
}

#crumbs ul li {
    display: inline;
    font-size: 19.2px;
    margin-right: 5px;
    line-height: 1em
}

#crumbs ul li a {
    color: #041c2c
}

#crumbs ul li.last {
    font-weight: 700
}

.sub-header-title {
    font-size: 34.2px;
    font-weight: 700;
    color: #830065
}

#also-see-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#also-see-list ul li {
    padding: 0 0 10px
}

@media (min-width: 1170px) and (max-width:9000px) {
    div#landing {
        width:1170px
    }

    div#sidebar {
        border: 0 solid red;
        width: 170px;
        margin: 30px 30px 0 0;
        min-height: 60px;
        display: inline-block
    }

    div#mainbar {
        border: 0 solid blue;
        max-width: 970px;
        width: 970px;
        margin: 30px 0 20px;
        display: inline-block
    }

    div.accordion-togglable>div.row {
        width: 895px;
        margin-top: 15px
    }

    div.accordion-togglable .col-md-5 {
        border: 0 solid red;
        width: 300px
    }

    div.accordion-togglable .col-md-8 {
        width: 600px
    }

    div.accordion-togglable .col-md-2 {
        width: 270px;
        border: 0 solid red;
        padding-left: 30px
    }

    div.accordion-togglable .col-md-4 {
        width: 270px;
        padding-left: 30px
    }

    accordion-togglable .btn-cta {
        float: right
    }

    .grid-block,grid-block-last {
        width: 170px;
        border: 0 solid red;
        height: auto;
        display: inline;
        float: left;
        margin-right: 30px
    }

    .grid-block-last {
        margin-right: 0
    }
}

@media (min-width: 170px) and (max-width:1169px) {
    div.accordion-togglable .col-md-5 {
        border:0 solid red;
        width: 35%
    }

    div#topbar {
        display: inline-block;
        float: left;
        border-bottom: dashed 1px #000;
        margin: 10px 0 0;
        width: 100%;
        max-width: 100%;
        max-height: 100%
    }

    div#sidebar.col-md-pull-10 {
        right: 0
    }

    div#mainbar.col-md-push-2 {
        left: 0
    }

    div#mainbar.col-md-10,div#sidebar.col-md-2 {
        display: inline-block;
        float: left;
        width: 100%;
        margin: 30px 0 0
    }

    li.head h2 span.pull-left {
        width: 75%!important;
        display: block
    }

    #icon-landing-page-image-container,#sidebar {
        display: none
    }

    div#mainbar .col-sm-5,div#mainbar .col-sm-8,div#mainbar .col-xs-5,div#mainbar .col-xs-6,div#mainbar .col-xs-8 {
        width: 100%
    }

    div#mainbar .col-xs-2,div#mainbar .col-xs-4 {
        width: 100%;
        padding-top: 20px
    }

    .btn-cta,a.call-to-action {
        margin-left: 15px;
        margin-right: 15px
    }

    i.icon-pdf,i.icon-printer {
        top: 0
    }
}

@media screen and (max-width: 768px) {
    #landing-title>div>h1 {
        position:relative;
        top: 0
    }

    #crumbs {
        height: auto;
        min-height: 20px
    }

    #landing-title {
        height: 100%
    }

    li.head a h2 {
        margin: 0;
        padding: 10px 0 10px 5px;
        height: 100%
    }

    #accordion-ul .head h2 span.pull-right {
        position: relative;
        left: 25px
    }

    li.head a h2 i.icon-arrow-down,li.head a h2 i.icon-arrow-up {
        background-size: 21px 21px;
        background-position: 7px 7px;
        height: 31px;
        width: 35px
    }

    .accordion-togglable ul li {
        background-position: 0 9px
    }
}

@media screen and (max-width: 496px) {
    div#mainbar.col-md-10,h1,h2,h3,h4 h5 {
        margin:0
    }

    div#last-modified-container {
        width: 195px;
        float: left
    }

    #last-modified {
        position: relative;
        top: 5px
    }

    #landing-title>div>h1 {
        position: relative;
        top: 0;
        margin-top: 0!important
    }

    div.accordion {
        padding-top: 15px
    }

    .accordion-togglable ul li {
        background-position: 0 7px
    }

    .accordion-togglable ul li a {
        position: relative;
        top: 2px
    }

    li.head h2 span.pull-left {
        width: 75%;
        display: block
    }
}

@media screen and (max-width: 321px) {
    li.head h2 span.pull-left {
        width:75%;
        display: block
    }
}

#mainbar a:hover {
    text-decoration: none
}

#mainbar a {
    text-decoration: underline
}

#mainbar a:not([href]),#mainbar a:not([href]):hover {
    text-decoration: none;
    font-size: inherit
}

.bottom-spacer {
    width: 100%;
    padding-bottom: 20px
}

#last-modified {
    color: #041c2c;
    position: relative
}

p.call-to-action {
    width: 100%;
    border: 0 solid red;
    margin: auto;
    text-align: left
}

a.call-to-action {
    display: inline-block
}

.btn-cta,a.call-to-action {
    background-color: #B3bd00;
    color: #041c2c;
    width: initial;
    white-space: normal;
    text-transform: lowercase;
    border-radius: 0;
    border: 0 solid red;
    margin: 1em 0;
    padding: 9px 12px
}

.btn-cta::first-letter,a.call-to-action::first-letter {
    text-transform: uppercase
}

.btn-cta:hover,a.call-to-action:hover {
    color: #041c2c;
    background-color: #e6e6e6;
    border-color: #adadad
}

li.add-bullet-with-indent {
    position: relative!important;
    list-style: disc!important;
    left: 30px
}

.sub-header-title {
    font-size: 34.2px;
    font-weight: 700;
    color: #830065
}

#also-see-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#also-see-list ul li {
    padding: 0 0 10px
}

@media (min-width: 1170px) and (max-width:9000px) {
    div#landing {
        width:1170px
    }

    div#sidebar {
        border: 0 solid red;
        width: 170px;
        margin: 10px 30px 0 0;
        min-height: 60px;
        display: inline-block
    }

    div#mainbar {
        border: 0 solid blue;
        max-width: 970px;
        width: 970px;
        margin: 10px 0 20px;
        display: inline-block
    }

    #landing-title>div>h1,.header-title {
        height: auto;
        min-height: 100px
    }

    .grid-block,grid-block-last {
        width: 170px;
        border: 0 solid red;
        height: 100%;
        display: inline;
        float: left;
        margin-right: 30px
    }

    .grid-block-last {
        margin-right: 0
    }

    .grid-block-5 {
        width: 970px;
        float: left;
        display: inline
    }

    .grid-block-default-height {
        height: auto;
        min-height: 140px
    }
}

@media (min-width: 170px) and (max-width:1169px) {
    div#sidebar.col-md-pull-10 {
        right:0
    }

    div#mainbar.col-md-10,div#sidebar.col-md-2 {
        display: inline-block;
        float: left;
        width: 100%;
        margin: 30px 0 0
    }

    div#mainbar.col-md-push-2 {
        left: 0;
        width: 100%
    }

    #icon-landing-page-image-container,#sidebar {
        display: none
    }

    .btn-cta,a.call-to-action {
        margin-left: 15px;
        margin-right: 15px
    }

    i.icon-pdf,i.icon-printer {
        top: 0
    }
}

@media screen and (max-width: 768px) {
    #landing-title>div>h1 {
        position:relative;
        top: 0
    }

    div#topbar {
        margin-top: 10px
    }

    #crumbs {
        height: auto;
        min-height: 20px
    }

    #landing-title {
        height: 100%
    }

    li.head a h2 {
        margin: 0;
        padding: 10px 0 10px 5px;
        height: 100%
    }

    @media screen and (max-width: 496px) {
        h1,h2,h3,h4 h5 {
            margin:0
        }

        div#mainbar.col-md-10 {
            margin: 20px 0 0
        }

        div#last-modified-container {
            width: 195px;
            float: left
        }

        div#printer-icons-container {
            width: 68px;
            min-width: 68px;
            float: right
        }

        #last-modified {
            position: relative;
            top: 5px
        }

        #landing-title>div>h1 {
            position: relative;
            top: 0
        }

        div.news-container {
            padding-left: 0;
            padding-right: 0
        }
    }
}

#news-items {
    position: relative;
    top: 0;
    padding-bottom: 10px;
    height: 475px
}

.latest-news {
    width: 100%
}

.latest-news .news-item:first-child {
    border: 0 solid blue;
    padding-right: 1.71%;
    padding-left: 0;
    width: 33.33%
}

.latest-news .news-item {
    border: 0 solid red;
    padding-right: .85%;
    padding-left: .85%;
    width: 33.33%
}

.latest-news .news-item:last-child {
    border: 0 solid pink;
    padding-left: 1.71%;
    padding-right: 0;
    width: 33.33%
}

.latest-news .home-h3 {
    color: #041C2C;
    font: normal normal bold 23px/28px Calibri;
    font-family: Calibri
}

.latest-news .figure-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.latest-news .figure-wrapper .icon-wrapper {
    height: 250px
}

.latest-news .figure-wrapper figcaption {
    text-align: left;
    min-height: 60px
}

.latest-news .figure-wrapper {
    min-height: 320px
}

.latest-news .figure-wrapper figcaption a {
    font-weight: 400
}

.latest-news .figure-wrapper img {
    width: 370px;
    height: 98%;
    position: relative;
    top: 0;
    float: left
}

.latest-news .figure-wrapper h4 {
    margin: 10px 0;
    min-height: 60px;
    color: #041C2C;
    font: normal normal normal 19px/28px Calibri;
    font-family: Calibri
}

.latest-news .figure-wrapper h4 a {
    color: #000
}

.twitter {
    float: right
}

.twitter-feed {
    background-color: #00add0;
    height: 270px;
    width: 570px;
    border-right: solid 30px #00add0
}

.twitter-logo {
    background-image: url(/SiteElements/ChannelShift/content/images/twitterfeed/twitter-logo.svg);
    background-repeat: no-repeat;
    background-size: 143px 177px;
    background-position: 27px -1px;
    height: 180px;
    width: 170px;
    z-index: 999
}

#tweet-box-container {
    height: 270px
}

#twitter-feed-last-tweet {
    display: block;
    color: #041c2c;
    padding: 30px;
    text-align: left;
    line-height: 1.1em;
    font-size: 23.5px
}

#twitter-feed-last-tweet a {
    color: #041c2c;
    font-weight: 700
}

.twitter-feed .tweet {
    display: block
}

.interact {
    display: none
}

.center {
    text-align: center;
    float: none;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 668px) {
    #news-items {
        height:100%
    }

    .latest-news .news-item:first-child {
        border: 0 solid blue;
        padding-right: 0!important;
        width: 100%!important
    }

    .latest-news .news-item {
        border: 0 solid red;
        padding-right: 0!important;
        padding-left: 0!important;
        width: 100%!important
    }

    .latest-news .news-item:last-child {
        border: 0 solid pink;
        padding-left: 0!important;
        padding-right: 0!important;
        width: 100%!important
    }
}

@media screen and (min-width: 497px) and (max-width:1170px) {
    .news-and-twitter {
        width:100%;
        text-align: center;
        margin: auto
    }

    .latest-news .figure-wrapper img {
        float: unset;
        width: 100%;
        padding: 5px 0
    }
}

@media screen and (max-width: 496px) {
    div.twitter {
        display:none
    }

    .latest-news .figure-wrapper figcaption {
        padding-top: 10px
    }

    .latest-news .figure-wrapper img {
        float: unset;
        width: 100%;
        padding: 5px 10px
    }

    .latest-news .figure-wrapper h4 {
        text-align: left;
        width: 100%;
        padding: 0 10px;
        min-height: 60px
    }
}

#contentwrapper .sys_articleContent img {
    margin: 0 21px 10px 0
}

#contentwrapper,#contentwrapper .sys_articleContent {
    line-height: 1.7em;
    clear: both;
    margin-bottom: 20px
}

#contentwrapper .sys_articleContent p {
    padding: 0 0 11px
}

#contentwrapper .sys_articleContent ul li {
    list-style: square;
    padding-left: 10px;
    line-height: 1.75em;
    font-size: 1em
}

#contentwrapper .sys_articleContent .sys_pagefooter {
    clear: both
}

#contentwrapper .sys_articleContent h2,#contentwrapper .sys_subtitle,#contentwrapper h2 {
    font-size: 1.4em;
    padding: 15px 0 14px;
    clear: both;
    border: none;
    margin: 0
}

#contentwrapper .sys_relatedbox {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 16px 23px;
    margin-bottom: 20px
}

#contentwrapper .sys_relatedbox ul {
    padding-top: 2px
}

#contentwrapper .sys_relatedbox ul li {
    list-style: square inside;
    padding: 5px 0
}

#contentwrapper .sys_relatedbox span.sys_relatedbox-heading {
    font-size: 1.3em
}

#contentwrapper .sys_relatedbox div {
    padding: 0 0 20px
}

#contentwrapper .sys_relatedbox div.sys_last {
    padding: 0
}

#Body #contentwrapper div.sys_icons a.sys_relateditemslink,#Body #contentwrapper div.sys_icons span.sys_relateditemslink {
    padding: 4px 3px 0 0;
    display: block;
    float: left
}

#contentwrapper span.sys_disabledlink {
    color: #5b616b
}

.sys_theme-simple .sys_flickrpager .sys_navigation .sys_disabled {
    color: #000!important
}

.sys_commentlist-themed .sys_comments-control .sys_comments-title {
    font-size: 1.7em!important;
    font-weight: 400!important
}

.sys_add-your-comment {
    width: 500px
}

div.sys_addcomments-row input,div.sys_addcomments-row textarea {
    border: 1px solid #DFE0E2
}

#Body .sys_wrapper #contentwrapper div.sys_comments-rating-and-button input.sys_button {
    background: url(/SiteImages/Images/commentSubmitBg.png) no-repeat;
    color: #fff;
    width: 130px;
    height: 29px
}

.sys_theme-simple .sys_comments-control .sys_add-your-comment .sys_addcomments-row {
    margin-bottom: 7px
}

.sys_addcomments-row textarea {
    height: 80px
}

.sys_imagebox.sys_image-right {
    float: right;
    width: 250px;
    margin: 0 0 10px 10px
}

.sys_imagebox.sys_image-left {
    float: left;
    width: 250px;
    margin: 0 10px 10px 0
}

#contentwrapper .sys_imagebox.sys_image-right img {
    float: none!important;
    display: block
}

#contentwrapper .sys_imagebox .sys_image-caption {
    clear: both;
    width: 100%;
    font-size: .9em
}

#contentwrapper table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 15px
}

#contentwrapper table td,#contentwrapper table th {
    padding: .4em 8px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4
}

#contentwrapper table th {
    background: #b1b1b1;
    color: #fff
}

.sys_sitemap li ul {
    padding: 5px
}

.sys_reportpageform {
    padding: 5px 0
}

.sys_reportpageform #ReportPagePageTitle {
    padding: 5px 20px
}

.sys_reportpageform .sys_reporturl {
    display: none
}

.sys_cms-form-body .sys_sectionbreak-header,.sys_cms-form-body .sys_sectionbreak-text,.sys_cms-form-body li .sys_fieldlabel,.sys_cms-form-body li .sys_legend,.sys_cms-form-body li .sys_legend p,.sys_cms-form-body li div label,.sys_cms-form-body li input,.sys_cms-form-body li label,.sys_cms-form-body li select,.sys_cms-form-body li textarea {
    font-family: 'Calibri W01 Light',Calibri,Arial;
    font-size: 20px
}

.sys_cms-form-body .sys_sectionbreak-header {
    font-size: 30px;
    color: #830065
}

.sys_cms-form-body textarea.sys_large,.sys_cms-form-body textarea.sys_medium,.sys_cms-form-body textarea.sys_small {
    width: 100%
}

button.sys_form-submit {
    color: #fff;
    font-size: 25px;
    background-color: #830065;
    border: 0 solid #fff;
    height: 40px
}

#sidebar div.sys_relateditemslisting-control h2.sys_standardlist-title,#sidebar div.sys_relateditemslisting-control h3.sys_standardlist-title {
    background-color: #e3e4e6;
    padding: 5px 5px 5px 10px;
    margin-top: 0
}

#sidebar div#RelatedItemsasStandardList_List ul {
    list-style-type: none;
    padding: 0
}

#sidebar div#RelatedItemsasStandardList_List ul li a {
    font-weight: 700;
    color: #041c2c
}

div#contact-details {
    background-color: #e3e4e6;
    padding: 10px 0;
    margin: 0 0 10px
}

div#contact-details>div#contact-wrapper {
    margin-left: 5px
}

div#contact-details h3 {
    margin-top: 0
}

div#contact-address {
    margin: 10px 0
}

div.sys_imagebox>div.sys_caption {
    background-color: #ccd2d5;
    padding: 5px
}

@media only screen and (max-width: 768px) {
    button.sys_form-submit {
        font-size:19.2px;
        height: 35px
    }

    .sys_cms-form-body input.sys_medium,.sys_cms-form-body select.sys_medium {
        width: 100%
    }
}

@media only screen and (min-width: 100px) and (max-width:480px) {
    .sys_cms-form-body .sys_sectionbreak-header,.sys_cms-form-body .sys_sectionbreak-text,.sys_cms-form-body li .sys_fieldlabel,.sys_cms-form-body li .sys_legend,.sys_cms-form-body li div label,.sys_cms-form-body li input,.sys_cms-form-body li label,.sys_cms-form-body li select,.sys_cms-form-body li textarea,a,blockquote,div,form,input,label,li,ol,p,span,ul {
        font-size:16px
    }

    .sys_cms-form-body .sys_sectionbreak-header {
        font-size: 20px
    }

    .sys_imagebox.sys_image-left,.sys_imagebox.sys_image-right {
        width: 100%
    }

    .sys_caption,.sys_image {
        width: 250px
    }
}

div.sys_theme-none {
    margin-top: -30px
}

.sys_news-record h2 {
    margin-top: 0
}

.sys_news-record a:hover {
    text-decoration: none
}

sys_news-record a {
    text-decoration: underline
}

.sys_news-posted-date {
    margin: 15px 0;
    color: #041c2c;
    font-size: 16px
}

.sys_record-image-control {
    float: right;
    margin: 0 0 1.2rem 2.8rem;
    position: relative;
    clear: both;
    border: 0 solid red
}

div.sys_record-image-control img {
    float: right;
    min-width: 250px
}

.sys_record-image-control-caption {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 100%;
    margin: 0;
    padding: 1rem;
    font-size: 1.8rem;
    line-height: 1.5rem;
    background: #CCD2D5;
    opacity: .99;
    font-weight: 700
}

@media (max-width: 680px) {
    .sys_record-image-control {
        margin:0;
        padding-bottom: 20px;
        text-align: center;
        width: 100%
    }

    div.sys_record-image-control img {
        width: 60%;
        min-width: 280px;
        max-width: 460px;
        text-align: center;
        margin: auto;
        float: none
    }

    .sys_record-image-control-caption {
        position: initial;
        width: 60%;
        min-width: 280px;
        max-width: 460px;
        margin: -1px auto auto;
        text-align: center;
        bottom: 30px
    }
}

@media (max-width: 480px) {
    .sys_record-image-control-caption,div.sys_record-image-control img {
        width:80%
    }
}

.sys_cms-form-body .sys_legend .sys_required {
    position: relative
}

.sys_legend>.sys_required,.sys_required {
    position: relative;
    top: 5px
}

.sys_cms-form-body .sys_checkbox input,.sys_cms-form-body .sys_radio input {
    vertical-align: central!important
}

.formSectionHeader>span {
    color: #830065;
    margin: 1em 0 .5em;
    line-height: 1.2;
    font-size: 30px;
    font-weight: 500
}

.FormRadioButton input[type=radio] {
    border: 1px solid red;
    position: relative;
    top: 5px
}

.FormCheckbox span {
    display: block
}

.FormCheckbox input[type=checkbox] {
    position: relative;
    top: 5px;
    margin-right: 10px
}

.sys_search-title,.sys_standardlist-title,.sys_theme-simple h1,.sys_theme-simple h2,.sys_theme-simple h3,.sys_theme-simple h4 {
    color: #830065
}

.sys_itemslist {
    list-style-type: none
}

div.sys_noresults {
    display: none
}

.sys_theme-simple .sys_itemslist div.sys_0 {
    background-image: none
}

.sys_cms-form-body input.formsuploader {
    float: left;
    width: 100%;
    margin: 10px;
    padding: 5px;
    border: .5px dashed grey
}

@media screen and (max-width: 480px) {
    #search-box-inner .col-xs-9 {
        width:120px;
        float: right
    }

    .sys_theme-simple .sys_flickrpager .sys_paginginfo {
        width: 100%;
        margin: auto;
        text-align: center;
        height: 40px
    }

    .sys_theme-simple .sys_flickrpager .sys_navigation {
        text-align: center
    }
}

.sys_search-title,.sys_standardlist-title,.sys_theme-simple h1,.sys_theme-simple h2,.sys_theme-simple h3,.sys_theme-simple h4 {
    color: #830065
}

.sys_itemslist {
    list-style-type: none;
    position: relative;
    padding: 5px 5px 5px 10px
}

div.sys_noresults {
    display: none
}

.sys_theme-simple .sys_itemslist div.sys_0 {
    background-image: none
}

.sys_cms-form-body input.formsuploader {
    float: left;
    width: 100%;
    margin: 10px;
    padding: 5px;
    border: .5px dashed grey
}

.sys_cms-form-body .sys_instructions {
    top: 0;
    left: 100%;
    position: absolute;
    border: 1px solid #cfd6d7;
    color: #474c50;
    background: #eceff0;
    margin-top: 5px;
    margin-left: 10px;
    padding: 6px 8px;
    width: 50%;
    font-size: 1.4em
}

.sys_cms-form-body .sys_legend p {
    font-weight: 700;
    color: #333!important
}

@media screen and (max-width: 480px) {
    #search-box-inner .col-xs-9 {
        width:120px;
        float: right
    }

    .sys_theme-simple .sys_flickrpager .sys_paginginfo {
        width: 100%;
        margin: auto;
        text-align: center;
        height: 40px
    }

    .sys_theme-simple .sys_flickrpager .sys_navigation {
        text-align: center
    }
}

div#top-tasks-menu {
    background-color: #830065;
    height: 60px
}

div#top-tasks-menu-container {
    float: none;
    border: 0 solid #ff0;
    height: 60px
}

ul.top-tasks-ul {
    list-style-type: none;
    display: inline-block;
    max-width: 360px;
    padding-left: 0;
    position: relative;
    top: 0;
    margin: 0
}

ul.top-tasks-ul>li {
    float: left;
    padding-right: 60px;
    height: 60px
}

ul.top-tasks-ul>li>span {
    display: inline-block;
    height: 100%
}

ul.top-tasks-ul>li>span.open {
    border-bottom: solid 7px #ff0
}

ul.top-tasks-ul>li>span>a {
    color: #fff!important;
    font: normal normal bold 23px/28px Calibri;
    font-family: Calibri,Calibri,Arial;
    position: relative;
    top: 11px
}

ul.top-tasks-ul>li>span>a:hover {
    text-decoration: none!important
}

ul.all-services-ul {
    padding-left: 0
}

ul.all-services-ul>li {
    list-style-type: none;
    padding-bottom: 15px
}

ul.all-services-ul>li>a {
    color: #041C2C!important;
    text-decoration: underline
}

.top-pad-30 {
    padding-top: 30px!important
}

div.top-task-item {
    border-top: solid .5px #041C2C
}

.top-task-item ul {
    padding-left: 20px!important;
    color: #041C2C!important
}

.top-task-item ul>li>a {
    color: #041C2C!important
}

.top-task-heading {
    border-top: solid 0 #041C2C;
    padding: 7px 0 0;
    text-decoration: underline;
    margin: 0;
    font: normal normal bold 19px/23px Calibri
}

.top-task-heading>a {
    font: normal normal bold 19px/2px Calibri;
    color: #830065!important
}

.top-task-heading>a focus {
    width: 100%
}

.top-task-heading>a:focus>i {
    display: none
}

a.task-link {
    font: normal normal bold 19px/23px Calibri;
    color: #830065!important
}

div.top-task-item>ul {
    padding-left: 20px;
    margin-bottom: 15px!important
}

div.top-task-item>p {
    margin-bottom: 8px!important;
    font: normal normal normal 19px/23px Calibri;
    font-family: Calibri,Calibri,Arial
}

.arrow {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    font-size: 0
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    float: right;
    position: relative;
    top: -34px;
    right: 5px;
    line-height: 1px
}

div#top-tasks-container>div.top-pad-30 {
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width: 897px) and (max-width:3000px) {
    div.row div.col-md-4,div.row div.col-sm-3 {
        border:0 solid blue;
        padding-right: 1.71%;
        width: 33.3%
    }

    div.row div.col-md-4:nth-child(3n+2),div.row div.col-sm-3:nth-child(3n+2) {
        border: 0 solid red;
        padding-right: .85%;
        padding-left: .85%;
        width: 33.3%
    }

    div.row div.col-sm-3:nth-child(3n+3) div.row div.col-md-4:nth-child(3n+3) {
        border: 0 solid pink;
        padding-left: 1.71%;
        padding-right: 0;
        width: 33.3%
    }
}

@media screen and (min-width: 497px) and (max-width:1169px) {
    #search-box-inner>div.row:first-child {
        padding-left:0
    }

    #find-services-input {
        width: 68%
    }

    #find-services-button-container {
        width: 32%
    }

    div.row div.col-md-4,div.row div.col-sm-3 {
        border: 0 solid blue;
        padding-right: 1.71%;
        width: 33.3%
    }

    div.row div.col-md-4:nth-child(3n+2),div.row div.col-sm-3:nth-child(3n+2) {
        border: 0 solid red;
        padding-right: .85%;
        padding-left: .85%;
        width: 33.3%
    }

    div.row div.col-md-4:nth-child(3n+3),div.row div.col-sm-3:nth-child(3n+3) {
        border: 0 solid pink;
        padding-left: 1.71%;
        padding-right: 0;
        width: 33.3%
    }
}

@media screen and (min-width: 497px) and (max-width:768px) {
    div.row div.col-sm-3 {
        border:0 solid blue;
        padding-right: 1.71%;
        width: 33.3%
    }

    div.row div.col-sm-3:nth-child(3n+2) {
        border: 0 solid red;
        padding-right: .85%;
        padding-left: .85%;
        width: 33.3%
    }

    div.row div.col-sm-3:nth-child(3n+3) {
        border: 0 solid pink;
        padding-left: 1.71%;
        padding-right: 0;
        width: 33.3%
    }
}

@media screen and (min-width: 497px) and (max-width:668px) {
    div .row div.col-md-4 {
        border:0 solid #00f!important;
        padding-right: 1.75%!important;
        width: 50%!important
    }

    div.row div.col-md-4:nth-child(even) {
        border: 0 solid red!important;
        padding-right: 0!important;
        padding-left: 1.75%!important;
        width: 50%!important
    }
}

@media screen and (min-width: 321px) and (max-width:496px) {
    footer {
        border:0 solid red
    }

    .col-xs-12 {
        width: 100%!important
    }

    div#top-tasks-menu {
        max-height: 60px
    }

    ul.top-tasks-ul {
        top: 0
    }

    .top-task-heading {
        padding-top: 20px;
        padding-bottom: 0;
        font: normal normal bold 19px/23px Calibri
    }

    .top-task-heading>a {
        font-size: 19px!important
    }

    div .row div.col-md-4:nth-child(odd) {
        padding-right: 0;
        width: unset;
        padding-bottom: 10px
    }

    div.row div.col-md-4:nth-child(even) {
        padding-right: 0;
        padding-left: 0;
        width: unset;
        padding-bottom: 10px
    }

    div.row div.col-md-4:nth-child(2n+3) {
        padding-left: 0;
        padding-right: 0;
        width: unset;
        padding-bottom: 10px
    }

    .right {
        top: 0!important
    }
}

@media screen and (max-width: 321px) {
    ul.top-tasks-ul {
        max-width:320px
    }

    ul.top-tasks-ul>li {
        padding-right: 40px
    }

    .right {
        top: 0!important
    }
}

.sr-only {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.blackpooluk-skip-link {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    margin: 0!important;
    overflow: hidden!important;
    clip: rect(0 0 0 0)!important;
    clip-path: inset(50%)!important;
    font-size: 19px!important;
    font-size: .875rem;
    line-height: 1.14286;
    display: block;
    padding: 10px 15px
}

.blackpooluk-skip-link:active,.blackpooluk-skip-link:focus {
    position: static!important;
    width: auto!important;
    height: auto!important;
    margin: inherit!important;
    overflow: visible!important;
    clip: auto!important;
    clip-path: none!important;
    white-space: inherit!important
}

.blackpooluk-skip-link:active,.blackpooluk-skip-link:focus,.blackpooluk-skip-link:hover,.blackpooluk-skip-link:link,.blackpooluk-skip-link:visited {
    color: #0b0c0c
}

.blackpooluk-skip-link:focus {
    outline: #fd0 solid 3px;
    background-color: #fd0;
    display: inline;
    position: absolute!important;
    top: 6px;
    z-index: 99
}

#onetrust-policy-text a,.accessibility-tab,.accessibility-tab-100 a.accessibility-tab,a.accessibility-tab-100 {
    border: 0 solid red
}

#onetrust-policy-text:focus a:focus,#twitter-feed-last-tweet:focus,.accessibility-tab-100:focus,.accessibility-tab:focus,.sys_theme-simple .sys_news-search-control input:focus,.sys_theme-simple .sys_news-search-control select:focus,.sys_theme-simple .sys_search-options .sys_checkbox-list .sys_checkbox label:focus,.sys_theme-simple .sys_search-options .sys_checkbox-list .sys_checkbox:focus,a.accessibility-tab-100:focus,a.accessibility-tab:focus,a.link-head:focus,a.sidr-class-accessibility-tab:focus {
    border-bottom: solid 3px #000!important;
    background-color: #ff0!important;
    text-decoration: none!important;
    outline: 0!important;
    color: #000!important;
    padding: 3px!important;
    display: inline-block!important;
    z-index: 1!important;
    font-weight: 700
}

#twitter-feed-last-tweet:focus {
    display: inline!important
}

a.accessibility-tab-100,a.link-head {
    width: 100%!important
}

#mobile-search-button:focus,a.accessibility-tab:focus>#logo,a.accessibility-tab:focus>span.mobile-nav-icon,a.accessibility-tab:focus>span.mobile-search-icon {
    background-color: green!important
}

button.accessibility-tab:focus,input[type=text].accessibility-tab:focus {
    border: 3px solid #ff0!important;
    background-color: #ff0!important;
    color: #000!important;
    font-weight: 700!important;
    padding: 3px!important;
    z-index: 1!important;
    outline: 0!important;
    display: block!important
}

a.button-task {
    height: 167px;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    display: inline-block
}

.top-tasks:focus,a.button-task:focus {
    border-bottom: solid 3px #000!important;
    background-color: #ff0!important;
    display: block!important;
    outline: 0!important;
    font-weight: 700
}

.figure-wrapper:focus {
    font-weight: 700;
    color: #000
}

::placeholder {
    color: #000!important;
    font-weight: 700;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000!important;
    font-weight: 700
}

::-ms-input-placeholder {
    color: #000!important;
    font-weight: 700
}

#search-button>input:focus {
    top: -13px;
    position: relative;
    left: 1px;
    margin-left: 10px;
    display: inline-block;
    height: 32px;
    color: transparent!important;
    width: 30px
}

img#logo {
    width: 200px;
    position: relative;
    top: 14px
}

a.search-anchor,a.search-anchor:focus {
    top: 0
}

.sys_theme-simple .sys_flickrpager .sys_navigation span.sys_navigationnext a,.sys_theme-simple .sys_flickrpager .sys_navigation span.sys_navigationprevious a sys_navigationnext a:hover,sys_navigationnext a:focus,sys_navigationprevious a:focus,sys_navigationprevious a:hover {
    color: #041c2c!important;
    font-weight: 700!important
}

.sys_theme-simple .sys_flickrpager .sys_navigation .sys_disabled {
    color: #5b616b!important;
    font-weight: 700!important
}

.sys_theme-simple .sys_advanced-search-options .sys_button-row input.sys_search-button,.sys_theme-simple .sys_search-options .sys_basic-search-row input.sys_search-button,.sys_theme-simple .sys_search-options .sys_button-row input.sys_search-button,.sys_theme-simple .sys_search-options .sys_button-row input.sys_searchbutton {
    height: 49px!important;
    text-align: center!important;
    display: inline-block!important;
    width: 100%!important;
    padding: 0!important;
    background-image: none!important
}

div#print-links-ul {
    width: auto!important
}