/* http://webaim.org/techniques/css/invisiblecontent/ */

@font-face {
    font-family: 'fontello';
    src: url('../custom-font/fontello.eot?75220472');
    src: url('../custom-font/fontello.eot?75220472#iefix') format('embedded-opentype'),
         url('../custom-font/fontello.woff?75220472') format('woff'),
         url('../custom-font/fontello.ttf?75220472') format('truetype'),
         url('../custom-font/fontello.svg?75220472#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.screen-reader-text,.search label { 
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
/* Links */
a,a:visited {    
    border-bottom: 1px dotted #1D86C8;
    color: #1D86C8;
    font-weight: normal;
    text-decoration: none;
}
a:hover {
    color: #D54E21;
}
a.button:visited {
    color:#fff;
}
a.no-border {
    border: none;
}
span.new-window {
    background: url("/images/sprites.png") no-repeat scroll -379px -135px transparent;
    display: inline-block;
    height: 10px;
    margin: 4px 2px 0 2px;
    vertical-align: top;
    width: 10px;
    text-indent: -10000em;
} 
/* Content */
body {
    color: #555555;    
    font-family: helvetica, arial, sans-serif;
    line-height: 28px;
    font-size: 14px;
}
dt { 
    font-weight: bold; 
} 
dd { 
   margin: 0; 
   padding: 0 0 0.5em 2em; 
}
p.lead { 
    font-size: 18px;
    color: #666; 
}
/* Heading */
h1,h2,h3,h4 {
    margin: 0 0 15px 0;
}
h1,h2,h3,h4,h5,
h1 a,h2 a,h3 a,h4 a,h5 a,
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited {
    border:none;
    color:#555555;
    font-family: 'Open Sans', helvetica, arial, sans-serif;
    
}
h1,h2,h3,
h1 a,h2 a,h3 a,
h1 a:visited,h2 a:visited,h3 a:visited {
    font-weight: 300;
}
h1 {
    color:#1D86C8;
    font-size: 32px;
    line-height: 38px;
}
h2 {
    color:#1D86C8;
    font-size: 25px;
    font-weight: 300;
}
h3 {
    font-size: 21px;
    font-weight: normal;
}
h4 {  
    font-size: 18px;
    line-height: 28px;
}
.date {
    font-style: italic;
}
/* Quotes */
blockquote {
    background:#ffffff;
    border-left:10px solid #8D8D8D;    
    line-height: 27px;
    margin:10px;
    padding:10px;
    quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
    color:#8D8D8D;
    content:open-quote;
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em;
}
blockquote p {
    display:inline;
}
blockquote, blockquote p {
    font-size: 15px;
}
/* Lists */
li {    
    line-height: 24px;
}
ul,
ol {
    font-size: 15px;
    margin:20px
}
ul {    
    list-style: disc outside none;    
}
ol {
    list-style: decimal outside none;
}
/* Tables */
table{
    margin:0 0 40px 0;
    padding:0px;	
    border:1px solid #ddd;
    width:100%;
    height:100%;
}

td {
    vertical-align:top;	
    border:1px solid #ddd;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
}
tr:last-child td {
	border-width:0px 1px 0px 0px;
}
tr td:last-child {
	border-width:0px 0px 1px 0px;
}
tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
tr:first-child td  {
	border:0px solid #ddd;	
	border-width:0px 0px 1px 1px;
	font-weight:normal;
}
th {
    text-align:left;
    background-color:#ddd;
    font-weight: bold;
    padding:5px 10px;
}

tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/* Logo */
a.logo { 
    background: url("/images/2025-logo.png") no-repeat scroll 0 0 transparent;
    background-size: contain;
    border: none;
    display: block;
    height: 117px;
    margin: 15px auto;
    text-decoration: none;
    text-indent: -10000em;
    width: 720px;
}
.tagline {
    display:none;
    color: #A7A7A7;
    font-style: italic;
    margin: -30px 0 2px 123px;
    padding: 0;
    font-size: 16px;
}
/*  Header */
#header {    
    margin: 0 auto;    
}
.branding {
    padding: 20px 0 0 0
}
/* Breadcrumb */
.breadcrumbs {
    font-size: 16px;
    font-weight: bold;
}
.breadcrumbs a,
p.breadcrumbs {
    color:#858585;  
}
.breadcrumbs a:hover {
    color: #D54E21;
}
.breadcrumbs a {      
    border-bottom: 1px dotted #858585;
    font-weight: normal;
    padding-bottom: 2px;
}
.breadcrumbs a,
p.breadcrumbs {
    color:#858585;  
}
.breadcrumbs span, 
.breadcrumbs a {    
    margin-right: 3px
}
.breadcrumbs span {
    margin-left: 3px;
    border:none;
}

/* Footer */
footer {    
    background: none no-repeat scroll center top #1F1F1F;
}
.band-c strong {
    color:#fff;
}
footer .nav {
    margin:2px 0
}
footer .nav li {
    float:right;
    list-style: none;
}
footer,
footer .nav li a {
    color:#FFFFFF;
    font-size:12px;
}
footer .nav li a {    
    margin:0 0 0 10px;
}
footer p {
    padding:0;
    margin:0;
}
a.attribution {
    border:none;
    color: #666;
    font-size: 11px
}
.copyright {
    font-size: 12px
}
footer .navigation {
    background-color: #222;
    color:#EFEFEF;
    padding-top: 30px;
}
/* Search */
.pagecontent .search ul li {
   margin: 0;
   padding: 0;
}
#header .search ul {
    float: right;
    margin: 20px 0 0;
    width: 250px;
}
.search ul li {
    list-style: none;
}
.search ul li, .search input, .search label {
    display:inline;
}
#header #globalsearch-term {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #A5A5A5;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #A5A5A5;
    font: 300 20px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    max-width: 100%;
    outline: medium none;
    padding: 6px 4px;
}

span.note {
    font-size:12px;
    font-style: italic;
}
/* Popular links */
.quicklinks {
    position: absolute;
    right: 28px;
    text-align: right;
    top: 70px;
    width: 240px;
    z-index: 100;
}
#poplinks {
    border:none;
    font-size: 14px
}
#poplinks span {
    background: url("/images/sprites.png") no-repeat scroll -376px -45px transparent;
    display: inline-block;
    height: 10px;
    margin: 0 0 0 10px;
    width: 11px;
}
.quicklinks ul {
    display:none;
    margin: -5px 0 0 0;
    width:100%;
}
.quicklinks ul li {
    list-style: none;  
    margin: 0;
    text-align: left;
}
.quicklinks li a {    
    background-color: #686868;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    padding: 10px 30px;
    width: 185px;
}
.quicklinks li a:hover {  
    background-color: #888888
}
/* Gallery */
.menu-popup > a,
.gallery .categories {
    border: 1px solid #434343;
    font-size: 17px;
    padding: 4px 40px 4px 8px;
}
.gallery .categories { 
    background: none repeat scroll 0 0 #555555;    
    box-shadow: 3px 2px 12px rgba(0, 0, 0, 0.4);    
    margin-left: 0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;    
    padding: 0;
    position: absolute;
    top: 38px;
    z-index: 100;
}
.gallery .categories a {
    border: medium none;
    color: #FFFFFF;
    display: block;
    padding: 5px 30px 5px 20px;
}
.gallery .categories a:hover {
    background-color:#333
}
.pagecontent ul.categories li ,
.pagecontent ul.gallery-pieces li {
    padding:0;
    margin:2px;
}
/* Navigation */
/* Navigation */
#menu-toggle,
#responsive-nav {
    display: none
}
nav li, nav ul {
    margin:0; padding:0;
}
nav {
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
nav ul ul {
        display: none;
}
nav ul li:hover > ul {
        display: block;
}
nav ul {        
        list-style: none;
        position: relative;
        display: inline-table;
}
nav ul:after {
        content: ""; clear: both; display: block;
}
nav ul li {
        float: left;
}
nav strong a {
    color: #1D86C8;
}*
nav ul li a,
nav ul li a:visited {
    border: medium none;
    color: #555555;
    font-family: "Open Sans";
    font-size: 23px;
    font-weight: 300;
    /*margin: 0 90px 0 0;*/
    padding: 5px 10px 35px;
}
nav li ul a,
nav li ul a:visited {
    color:#fff;
    font-size: 16px;
    padding: 0
}
nav ul ul {
    background: #5f6975; 
    padding: 0;
    position: absolute; 
    top: 100%;
    width:30%;
}
nav ul ul li {
    float: none; 
    position: relative;
}
nav ul ul li a,
nav ul ul li a:active,
nav ul ul li a:visited {
    color: #fff;
    display: block;
    margin-right: 0 !important;
    padding: 8px 20px;    
}	
nav ul ul li a:hover {
    background: #4b545f;
}
nav ul a:hover {
        color: #555555;
}
nav ul ul a:hover {
        color: #fff;
}
nav ul ul ul {
    position: absolute; 
    left: 100%; 
    top:0;
    width:120%;
}
nav ul ul ul.end {
    left: -120%;
}
nav ul li strong a, nav ul li strong a:visited {
    color: #1D86C8;
}

/* Adjusting display of menu on desktop view */
@media only screen and (min-width: 768px) {
    #header .navigation {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
    }

    #header .navigation #mainnav {
        display: flex;
    }
    #header ul#mainnav > li {
        flex: auto;
        padding: 9px;
    }
    #header ul#mainnav > li > a, #header ul#mainnav > li > strong > a {
        padding: 0;
    }
}
#header .navigation nav {
    z-index: 7;
    margin-left: 0;
}
#header .navigation nav > ul > li > a {
    font-size: 22px;
    margin: 0;
}
#header .navigation nav > ul > li.section > a, #header .navigation nav > ul > li.section > strong > a {
    pointer-events: none;
}
#header .menu-and-search-bar {
    position: relative;
    flex: auto;
}
#header .navigation #globalsearch {
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 7;
    visibility: hidden;
    opacity: 0;
}
#header .navigation #globalsearch ul {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 0;
}
#header .navigation #globalsearch ul li {
    margin-bottom: 0;
}
#header .navigation #globalsearch ul li:first-of-type {
    flex: 1;
}
#header #globalsearch-term {
    width: 100%;
    padding-left: 2rem;
}
#header #globalsearch-term:focus::placeholder {
    opacity: 0;
}
#header .navigation #globalsearch .actions {
    position: relative;
    width: 25px;
    height: 25px;
}
#header .navigation #globalsearch .actions:after {
    content: '\E802';
    font-family: 'fontello';
    font-size: 1.1rem;
    color: #686868;
    cursor: pointer;
}
#header .navigation #globalsearch-search {
    position: absolute;
    color: transparent;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

/* For the search trigger */
#header .header-search-trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: auto;
    background: none;
    border: none;
    height: 40px;
    overflow: hidden;
    margin-bottom: 0;
}
#header .header-search-trigger .search-text {
    color: #686868;
    font-family: "Open Sans";
    font-size: 1.3em;
    font-weight: 300;
    margin-right: 1rem;
}
#header .header-search-trigger .search-trigger-icons {
    width: 20px;
    height: 20px;
}
.header-search-trigger .search-icon, .header-search-trigger .close-icon {
    display: block;
}
.header-search-trigger .search-icon {
    transition: all 0.2s ease-in-out;
    margin-bottom: 1rem;
}
.header-search-trigger .search-icon:after, .header-search-trigger .close-icon:after {
    display: block;
    font-family: 'fontello';
    font-size: 1.1rem;
    color: #686868;
    cursor: pointer;
}
.header-search-trigger .search-icon:after {
    content: '\E800';
}
.header-search-trigger .close-icon:after {
    content: '\E801';
}

#header .open-search #globalsearch {
    visibility: visible;
    opacity: 1;
}
#header .open-search .header-search-trigger .search-icon {
    margin-top: -2.1rem;
}

/* Styling of search bar in mobile resolution */
@media only screen and (max-width: 767px) {
    /* Hide the search trigger */
    #header .header-search-trigger {
        display: none;
    }

    #header .menu-and-search-bar #globalsearch {
        position: relative;
        margin: 23px 23px 80px;
        visibility: visible;
        opacity: 1;
    }
    #header .menu-and-search-bar #globalsearch ul {
        display: flex !important;
    }
    #header .navigation #globalsearch .actions:after {
        content: '\E800';
        color: white;
    }
}

/** END MAIN NAV */


/* Sidebar nav */
#subnav li {
    list-style: none;
}
#subnav ul ul ul {
/*    display:none*/
}
#subnav ul ul .active ul {
    display:block
}
#subnav ul {
    margin: 0;
    padding: 0;
}
#subnav a {    
    border-bottom: 1px dotted #CFCFCF;
    color: #555555;   
    display:block;
    font-size: 14px;
    margin:0 0 6px 0;
    padding:0
}
#subnav a.current {
    font-weight: bold;
}
#subnav a:hover {
    color:#D54E21;
    text-decoration:none
}
#subnav strong a,
#subnav strong a:visited,
#subnav strong a:hover,
#subnav ul ul li strong a {        
    font-weight: bold;
    text-decoration:none
}

#subnav ul,#subnav li {
    list-style-type:none;
    margin: 0;
}
#subnav ul ul a {
}
#subnav ul ul ul a {
    padding-left:20px
}
#subnav ul ul ul ul  a {
    padding-left:40px
}
#subnav ul > li > a,
#subnav ul > li > strong > a {
    color: #252525;
    font-weight: bold;
}
#subnav .first a {
    color:#1D86C8;
    font-size:20px;
    text-transform: uppercase;    
}
#subnav .first ul a {
    color:#252525;
    font-size:14px;
    text-transform: inherit;    
}
#newspage #subnav ul > li > a {
    font-weight: normal;
}
#newspage #subnav ul {
    margin-bottom: 40px;
}
/*.news #subnav ul > li > a,*/
#subnav ul ul li a {
    font-weight:normal;
    text-transform: none;
}
#subnav li li.active > a {
    color:#252525;
}
#subnav {
    margin-top:20px
}
#subnav .more {
    background: url("/images/sprites.png") no-repeat scroll -376px -71px transparent;
    display: block;
    float: left;
    height: 11px;
    margin: 0 0 0 -20px;
    padding: 2px;
    text-indent: -10000em;
    width: 11px;
}
#subnav .more.selected {
    background: url("/images/sprites.png") no-repeat scroll -376px -40px transparent;
}
/* Sidebar advertisements */
.advertisement a {
    border:none;
}
.advertisement {
    margin: 50px auto;
    text-align: center
}
.advertisement h4 {
    background-color: #1D86C8;
    color: #FFFFFF;
    line-height: 22px;
    margin-bottom: 5px;
    padding:  0;
}
.advertisement img {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;
}
.advertisement-description {
    background-color: #1D86C8;
    color: #FFFFFF;
    font-size: 14px;
    margin-top: -12px;
    padding: 10px 10px 5px;
}
.advertisement-description p {
    margin-bottom: 5px;
    text-align:left;
}
/*Employment*/
.pagecontent .jobvacancies  li {
    list-style: none;
    margin: 0 0 20px 0;
    border-bottom:1px solid #1D86C8;
    padding: 0 0 20px 0;
}
/* Events */
.event-listing {
    clear:both;
    margin: 0 0 40px 0;
}
#events .event-listing {
    margin: 0 0 40px 80px;
}
.total {
    clear:both;
    font-style:italic
}
.filter {
    margin: 40px 0;
}
.filter .nav .selected a {
    font-weight: bold;
}

.category-filter ,
.month-filter {
    float: left;
    margin:0 0 30px 0;
    width:100%;
}
.pagecontent .category-filter li,
.pagecontent .month-filter li {
    list-style: none;  
    float:left;
    margin:0 5px 0 0;
}
.category-filter li a,
.month-filter li a {
    display:block;
    padding:5px 30px;
    background-color:#ddd;
    border:none;
}
.category-filter li a:hover,
.month-filter li a:hover,
.month-filter li.selected a,
.category-filter li.selected a {    
    background-color:#60605E;
    color:#fff;
    position: relative;
}
/*.month-filter li.selected a:after,*/
.category-filter li.selected a:after {
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
    border-top: 0.8em solid #60605E;
    bottom: -0.7em;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -0.9em;
    position: absolute;
    width: 0;
}
/*.month-filter {
    float: left;
    margin:20px 0;
    width:100%;
}
.pagecontent .month-filter li a {
    font-size:18px;
    margin:0 0 40px 0;
}
.pagecontent .month-filter li.selected a {
    font-weight: bold;
    border-bottom-style: solid;
}*/
#events .article-date {
    border: 1px solid #1D86C8;
    border-radius: 3px;
    float: left;
    line-height: normal;
    margin: 8px 30px 0 0;
    padding-top: 0;
    width: 50px;
}
#events .article-date .day {
    color: #1D86C8;
    display: block;
    font-size: 20px;
    padding: 10px 0 5px;
    text-align: center;
}
#events .article-date .month {
    background-color: #1D86C8;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    padding: 5px 0 2px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#events .article-date .year {
    background-color: #1D86C8;
    color: #FFFFFF;
    display: none;    
    font-size: 12px;
    padding: 0 0 2px 0;
    text-align: center;
    width: 100%;
}
/* News */
#newspage .article-date {
    font-family: 'Open Sans', helvetica, arial, sans-serif;
    font-size: 20px;
}
#newspage .article-date .day {
}
#newspage .article-date .month {
}
#newspage .article-date .year {
}
#newspage #subnav .selected a {
    font-weight: bold;
}
/* Committee agendas & minutes*/
#meetings h3 {
    clear:left;
}
#meetingdetails {
    clear:left;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#meetings li {
    list-style: none;
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 0;
}
#meetingdetails li {
    background-color: #fafafa;
    padding: 4px 20px;
    border: #ccc 1px solid;
}
#meetingdetails li li {
    background-color: #E7E7E7;
    border:none;
}
#meetingdetails li li a {
    border: none;
}
/* CommunityConnect */
.communityconnect-filter select {
    font-size:18px;
    padding:4px;
}
.pagecontent .communityconnect-filter {
    background-color: #EFEFEF;
    border: 1px solid #E4E4E4;
    display: block;
    padding: 10px 20px 25px;
}
.pagecontent .communityconnect-filter input[type="submit"] {
    font-weight: normal;
    padding: 4px 15px;
    margin: 0 10px;
}
.pagecontent .communityconnect-filter ul li {
    float:left;
    margin:0;
    list-style: none;
    display:inline;
    padding: 0 10px 0 0;
    width:30%;
}
.update-success {
    font-weight: bold;
    background-color:#CADA7B;
    padding: 4px;
}
.community-group {
    background-color: #F8F8F8;
    border: 1px solid #E4E4E4;
    padding: 10px 20px 25px;
}
.community-group h2 a {
    color:#1D86C8
}
.community-group dt {
    font-weight: bold
}
.community-group dd {
    margin: 5px 0 25px;
}
#communityregistrationform dd {
    padding:0;
}
#communityregistrationform dd br {
    display:none
}
.notice {
    background-color: #686868;
    color: #fff;
    padding: 10px 15px;
}
.notice strong {
    color:#fff;
}
.notice a {
    color:#fff;
    border-color:#fff;
}
.pagecontent legend {    
    font-size: 18px;
}

.pagecontent form dd label {    
    font-size: 13px;
    font-weight: normal;
}
.pagecontent form dt label {    
    font-size: 15px;
    font-weight: normal;
}
.pagecontent form dt {
    margin: 20px 0 0 0;
}
.pagecontent form dd {
    margin: 0;
}
#login fieldset,
#login legend {
    background:#686868;
    color:#fff;
}
#login fieldset { 
    padding:10px 20px;
}
#login legend {    
    border: 1px solid #5F5F5F;
    padding: 5px 20px;
    text-align: right;
}
#login #submit-label {
    display:none;
}
#login #submit-element {
    margin-top:20px;
}
#login input {
    margin:0 0 5px 0;
}
#login a {
    color:#fff;
    border-color:#fff;
}
#login-forgottenpassword {
    display:block;
    margin: 10px 0;
}
/* Map */
#map {
    font-size: 12px;
    height: 350px;
    margin:0 0 20px 0;
    width:100%;
}
/* Content */
.container.main {
    margin-bottom: 50px;
    margin-top: 50px;
}
/* documents */
.login p {
    font-style: italic;
}
/* pagination */
.years li {
    display:inline;
}
.years {
    margin: 20px 0 0 0
}
.pagination {
    margin: 20px 0 40px 0
}
.years a,
.pagination a, 
.pagination span {
    background-color: #EFEFEF;
    border: 1px solid #DDDDDD;
    padding: 3px;
}
.pagination .disabled {
    background-color: #EFEFEF;
    color:#CDCDCD;
}
.pagination .pagination-summary {
    background-color: #FFFFFF;
}
.years li {
    margin:0 3px 0 0
}
/* forms */
.errors {
    background-color: gold;
    padding: 0.25em 1em 0.15em;
}
form {
    margin-bottom: 0;
}
form ol {
    margin: 0;
}
form ol {
    list-style: none;
}
/* Misc */
.pagecontent {
    margin-bottom:80px;
}
#key2-contentnav a {
    border:none;
}
.pagecontent ul,
.pagecontent ol,
.band-a .pagecontent ul,
.band-a .pagecontent ol {
    margin: 0 0 10px 0;
}
.pagecontent ol,
.band-a .pagecontent ol  {
    margin-left:30px;
}
.pagecontent ul li, .pagecontent ul ul li, .pagecontent ul ol li, .pagecontent ol ol li, .pagecontent ol ul li {
    font-size:15px;
    margin: 10px 20px;
    padding: 0 0 0 10px;
}
.home .band-a {
    color: #fff;
}

.home .band-a p {
    color: #fff;
}
/* Bands */
.band-b {
    color:#fff;
    min-height: 60px;
}
.band-b p,
.band-b h3 {
    color:#fff;
}
.band-b h3 {
    font-weight: 300;
    font-size: 21px;
}
.feature-image {
    height:auto;
}
.feature-image img {
    height:auto;
    width:100%;   
}
.feature-image span {
    background-color: #686868;
    background-position: center center;
    float: right;
    padding: 20px;
    position: relative;
    top: -81px;
    z-index: 2;
}
.feature-content {
    background: none repeat-x scroll 0 0 #686868;
    margin-top: -11px;
    padding: 10px 10px 2px 10px;
}
.feature-content p {
    line-height:20px;
}
.band-c {
    background-color:#1D86C8;
    padding:30px 0 20px;
}
.band-c,
.band-c h2 {
    color:#fff;
}
.contact-info h2,
.contact-info h4,
.contact-info h5 {
    color:#ffffff
}
.contact-info a, .contact-info a:visited {
    border-bottom: 1px dotted #101010;
    color: #D1EBFC;
}
.band-a {
    /* background: url("/library/image/Internal Pages/Backgrounds/internal_bg_pool.jpg") no-repeat scroll center top transparent; */
    background: url("/images/internal_bg_270625.jpg") no-repeat scroll center top transparent;
    min-height: 600px;
    padding: 100px 0 0 0;
}
#home-page .band-a {
    background: url("/images/home-transparent-bottom-new.jpg") no-repeat scroll center top transparent;
    padding: 50px 0 0 0;
}
#home-page .band-a h3 {
    background-color: #686868;
    font-size: 22px;
    font-weight: 300;
    padding: 10px 5px;
}
#home-page .band-a h4 {
    margin: 40px 0 10px 0;
}
#home-page .band-a p {
    margin: 0 0 10px 0;
}
#home-page .band-a h3,
#home-page .band-a h3 a,
#home-page .band-a h3 a:hover {    
    color: #FFFFFF;
}
#home-page .band-a .article a {
    border:none;
    color:#555555;
}
#home-page .band-a a:hover,
#home-page .band-a a:hover h4 {
    color: #D54E21;
}
#home-page .band-a h4 {
    font-size:  19px;
}
.band-a ul {
    margin: 0;
    padding: 0;    
}
.home .news {
    margin-bottom:40px;
}
.home .news ul {
    margin-left:40px
}
/*#home-page .band-a li {
    list-style: none outside none;
    margin: 40px 0;
}*/
.more {
    text-align: right;
}
ul.more {
    margin:40px 0
}
.more li {
/*    border-left:1px solid #555;*/
    display:inline;
}
.more li a {
    margin: 0 0 0 10px;  
}
.more li.first {
    border:none;
}
.more li.first a {
    margin: 0 10px 0 0;  
}
#home-page .band-a p.more {    
    margin: 20px;
}
.newsletter-info {
    background-color: #E6E6E6;
    margin-top: 60px;
    padding: 40px 0;
}
.newsletter-info ul {
    margin: 40px 0 0;
}
.newsletter-info li {
    list-style: none;
}
.newsletter-info a {
    border: medium none;
    font-size: 18px;
    font-weight: 300;
}
.newsletter-info p {
    margin-left: 10px;
}
/* Banner */
.banner {
    background: url("/images/home-transparent-top-with-line-new.png") no-repeat scroll center bottom transparent;
    height: 494px;
    position: relative;
    z-index: 10;
}
.banner-content {
    background-color: #1D86C8;
    margin: 80px 0 0;
    padding: 20px;
}
.banner-content,
.banner-content h2 {
    color: #fff
}
.banner-background {
    background: none no-repeat scroll center top transparent;
    height: 494px;
    position: absolute;
    top: 261px;
    width: 100%;
}
#banner-background1 {
    z-index: 6;
}
#banner-background2 {
    z-index: 5;
}
#banner-background3 {
    z-index: 4;
}
#banner-background4 {
    z-index: 3;
}
#banner-background5 {
    z-index: 2;
}
#banner-background6 {
    z-index: 1;
}
#banner-navigation {
    float: right;
    margin-top: -105px;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 10;
}
#banner-navigation li {
    list-style: none;
    float: left;
}
#banner-navigation li a {
    background-color: #DBDBDB;
    border: medium none;
    border-radius: 12px;
    display: block;
    height: 12px;
    margin: 5px;
    text-indent: -10000em;
    text-shadow: none;
    width: 12px;
}
#banner-navigation li a.active {
    background-color: #1D86C8;
}
#home-page .band-a {
    margin-top: 462px;
}

/* Icons */
.icon {
    background: none no-repeat scroll center center transparent;
    display: inline-block;    
}
.icon-lrg {
    height: 32px;
    margin: 0 0 -5px;
    padding: 0 10px;
    width: 32px;
}
.icon-sml {
    height: 16px;
    margin: 0 0 -2px;
    padding: 0 10px;
    width: 16px;
}
.calendar {
    background-image: url("/library/image/Icons/calendar.png");
}
/*.advertising {
    background-image: url("/library/image/website_theme/icons/32/council.png");
}*/
.noticeboard {
    background-image: url("/library/image/Icons/news.png");
}
/*.media-releases {
    background-image: url("/library/image/website_theme/icons/32/wifi.png");
}
.newsletter-blue {
    background-image: url("/library/image/website_theme/icons/32/news-blue.png");
}
.download-blue {
    background-image: url("/library/image/website_theme/icons/16/download-blue.png");
}
.signup-blue {
    background-image: url("/library/image/website_theme/icons/16/pen-blue.png");
}
.signup-white {
    background-image: url("/library/image/website_theme/icons/16/pen.png");
}*/

a.feature-link {
    background-color: #1D86C8;
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    margin: 0 0 20px;
    padding: 10px 5px 0;
    width: 100%;
}
#home-page .band-a a.feature-link:hover {
    background-color: #2874A3;
    color: #fff;
}
a.feature-link .icon-content {
    float: right;
    padding: 0 10px 0 0;
    width: 82%;
}
a.feature-link .icon {
    
}


/* newsletter archive */
#newsletters  {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#newsletters {
    border-bottom: 1px solid #ddd;
}
#newsletters a.cover {
    border:none;
}
#newsletters li {
    list-style: none;
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 0;
}
#newsletters .cover {
/*    background: url(../images/shadow.png) no-repeat top left;*/
    float: left;
    display: block;
    padding: 1px 3px 3px 1px;
}
#newsletters .cover:active {
    position: relative;
    left: 1px;
    top: 1px;
}
#newsletters .content,
#newsletters h4 {
    float: right;
    width: 80%;
}
#newsletters .date {
    color: #888;
    margin-bottom: 3px;
    padding: 0;
}
#newsletters .description {
    padding: 0;
}
#newsletters .filesize {
    color: #666;
    font-size: 0.9em;
}
#currentnewsletter,
#currentmeeting {
    background-color: #fafafa;
    border: 1px solid #8faf42;
    margin-top: 5px;
    padding: 5px;
    overflow: hidden;
}
#currentmeeting {
    padding:5px 20px;
    margin-bottom:20px;
}
#currentnewsletter h3,
#currentnewsletter .content {
    float: right;
    padding: 0;
    width: 80%;
}
#currentnewsletter h3 {
    margin-top: 3px;
}
#currentnewsletter .date {
    margin: 4px 0;
}
#newsletters ul {
    margin-left: -2px;
    margin-bottom: 10px;
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #mainnav a {   
        font-size: 21px;
        margin: 0 23px 0 0;
    }
    #mainnav ul  a  {   
        font-size: 15px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
   a.logo { 
        background: url("/images/2025-logo.png") no-repeat scroll 0 0 transparent;  
        background-size: contain;      
        height: 70px;
        margin-top: 50px;
        width: 420px;
    }
    .banner {
        background: none;
        display:none;
    }
    .banner-background {
        background: none !important;
        display:none;
    }
    #banner-navigation {
        display:none;
    }
    #home-page .band-a {
        margin-top: -25px;
    }
    .band-a {
        background: none;
        min-height: inherit;
        padding: 40px 0 0;
    }
    .feature-image {
        margin-top: 30px;
    }
    #header .search ul {
        width: 400px;
    }
    #header #globalsearch-term {
        width: 320px;
        padding-left: 1rem;
    }
    #mainnav {
        display:none
    }
    #menu-toggle {
        background: url("/images/nav-icon.png") no-repeat scroll 67px 11px #686868;
        color: #FFFFFF;
        content: "";
        cursor: pointer;
        display: inline-block;
        font-family: "Open Sans",Arial,sans-serif;
        font-size: 18px;
        height: 29px;
        padding: 2px 10px 10px;
        position: absolute;
        right: 0;
        text-align: left;
        top: -155px;
        width: 74px;
    }
    #mainnav .children ul {
        left: auto;
    }
    #subnav {
        display: none;
    }
    #mainnav {
        background-color: #686868;
        box-shadow: 15px 5px 15px -9px rgba(0, 0, 0, 0.3);
        height: auto;
        left: 0;
        margin: 0;
        overflow:hidden;
        padding: 0;
        position: absolute;
        top: -114px;
        width: 100%;
        z-index: 101;
    }
    #mainnav li {
        width:100%
    }
    #mainnav .sub-menu, #mainnav .children {
        border-style: none;
        display: block;
        margin-left: 30px;
        position:inherit;
    }
    #mainnav li a {
        line-height: 20px;
        padding: 8px 20px;
        text-align: left;
        width: 100%;        
    }
    #mainnav li ul a {  
        padding: 5px 20px 5px 40px;
        width: 100%;
    }
    #mainnav li a,
    #mainnav li ul a,
    #mainnav li li a {
        background-color: #686868;
        color: #FFFFFF;
        display: block;
    }
    #mainnav li a:hover,
    #mainnav li ul a:hover,
    #mainnav li:hover ul a:hover {
        background-color: #888888;
        color:#fff;
    }
    #mainnav li li {
        border-color:#327546;
    }
    #mainnav ul {
            width: 100%;
            display: block;
            height: auto;
    }
    #mainnav li ul {
        background:none;
        display:block;
        padding:0;
        position: inherit;
        top: 0;
        width: auto;
    }
    #mainnav ul ul {
        float:none;
        display:none !important;
    }
    #mainnav .with-js ul {
        display:block !important;
    }
    #mainnav .with-js ul ul {
        display:none !important;
    }
    #mainnav li strong a:hover {
        color: #fff;
    }
    #mainnav li.with-js:hover > strong a, 
    #mainnav li.with-js:hover > a {
        background: none !important;
    }
    #mainnav > li:hover > strong a, #mainnav > li:hover > a {
        background: none #888888;
        color: #fff;
}
    .quicklinks {
        top: 200px;
    }
    /* Sidebar advertisements */                   
    .advertisement {
        max-width: 200px;
    }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    a.logo { 
        background: url("/images/2025-logo.png") no-repeat scroll 0 0 transparent;  
        background-size: contain;     
        height: 32px;
        margin-top: 70px;
        width: 300px;
    }
    #header .search ul {
        width: 280px;
    }
    #header #globalsearch-term {
        width: 195px;
    }
    .category-filter li a, 
    .month-filter li a {    
        padding: 5px 10px;
    }
    #newsletters .content, #newsletters h4 {
        float: right;
        width: 70%;
    }
}

/* Mailchimp form*/

/* default styles for managed forms */

/* reset */
#mc-embedded-subscribe-form li,
#mc-embedded-subscribe-form ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#mc-embedded-subscribe-form ul {
    margin:10px 0
}
#mc-embedded-subscribe-form li {
    clear: left;
    margin-bottom: 20px;
}
#mc-embedded-subscribe-form label {
    font-weight: bold;
    display: block;
    line-height: 1.5em;
}
/* required element */
#mc-embedded-subscribe-form .clear {
    clear: both;
    display: block;
    height: auto;
    overflow: inherit;
    visibility: visible;
    width: auto;
}
#mc-embedded-subscribe-form .indicates-required {
    color: #960E0E;
    font-size: 12px;
    margin: 0 0 20px;
}    
#mc-embedded-subscribe-form .response {
    background-color: #FCFC7E;
    margin: 10px 0;
    padding: 10px 20px;
}
#mc-embedded-subscribe-form input[type="checkbox"] {
    display: inline;
    font-weight: normal;
    margin: 0 5px 0 0;
    float:left;
}
#mc-embedded-subscribe-form label.checkbox input,
.managedform label.radio input {
    margin-right: 5px;
}
.managedform .errors {
    clear: left;
    margin-top: 3px;
}
.managedform .errors li {
    font-weight: bold;
    background: #fff0f1;
    color: #be0000;
    line-height: 1.5em;
    margin-bottom: 0;
}
.managedform-declaration textarea {
    width: 100%;
    border: none;
    background-color: #ddd;
    color: #333;
    height: auto;
}

.topbar, .topbar a, .topbar strong {
    color: #FFFFFF;
}
.topbar {
    margin: 0 0 20px;
}
.topbar {
    background-color: #686868;
    font-family: 'Open Sans',helvetica,arial,sans-serif;
    text-align: right;
}
.topbar span.new-window {
    background-position: -379px -159px;
}
span.new-window {
    background: url("/images/sprites.png") no-repeat scroll -379px -135px rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 0;
    height: 10px;
    margin: 4px 2px 0;
    text-indent: -10000em;
    vertical-align: top;
    width: 10px;
}

#sidebar-login-form {
    margin: 40px 0;
}
#sidebar-login-form form {
    margin: 0 0 40px 0;
}
#sidebar-login-form form input {
    margin-bottom: 10px;
}
#sidebar-login-form p {
    margin: 0 0 1em 0;
    line-height: 21px;
}
#sidebar-login-form h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
}
#sidebar-login-form a {
    border:none;
}
input[type="submit"]#mfl-sidebar-login-button {
    background:url(/images/mfl-login-button.png);
    background-repeat: no-repeat;
    background-size: 100px 100px; 
    width:100px;
    height:100px;
    border: 0;
    font-size: 0;
}



.special-notice {
  background-color: #9c0707;
  /*red*/
  margin: 0 0 40px;
  padding: 10px;
}

.special-notice.warning {
  /*background-color: #09598e; blue*/
  background-color: #9c0707;
  /*red*/
}

.special-notice.notice {
  background-color: #09598e;
  /*blue*/
}

.special-notice h1 {
  font-size: 28px;
}

.special-notice,
.special-notice strong,
.special-notice a,
.special-notice h1,
.special-notice h2,
.special-notice h3,
.special-notice h4 {
  color: #fff;
}

.special-notice a {
  border: none;
  text-decoration: underline;
}

#home-page .band-a .special-notice a:hover {
  color: #b6d3e8;
}

#home-page .band-a .special-notice ol li,
#home-page .band-a .special-notice ul li {
  list-style: inherit;
  margin: 0 0 .5em 0;
}


/* FAQs */
dl {
  clear: both;
  margin: 0 0 20px 0;
}
dl.faq dt a {
  background: url("/images/down-arrow.svg") no-repeat #e6e6e6;
  background-position: right 15px top 25px;
  background-size: 22px 14px;
  border-top: 2px solid #fff;
  border-bottom: 5px solid #fff;
  border-radius: 0px;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 18px 10px;
  text-decoration: none;
}
dl.faq dt a span {
  display: inline-block;
  line-height: 26px;
}
dl.faq dt a.up {
  background-image: url("/images/up-arrow.svg");
}
dl.faq dt a:hover {
  border-bottom: 5px solid #C5C5C5;
}
dl.faq dt a:focus {
  border-bottom: 5px solid #C5C5C5;
}
dt {
  height: auto;
  position: relative;
  width: 100%;
}
dd.answer    {
  background: #fafafa none repeat scroll 0 0;
  margin: 0;
  padding: 30px 20px 20px 20px;
  position: relative;
}
dd.answer p {
  margin-top:0;
}
dd.answer div {
  padding: 10px;
  border-left: 8px solid #dedede;
  border-right: 8px solid #dedede;
  border-bottom: 8px solid #dedede;
  margin: 0 0 10px 0;
}
.answer-tab {
  background: url("/images/answer-tag.png");
  display: block;
  text-indent: -9999px;
  width: 105px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  bottom: -58px; left: 10px;
}

ul.sociallinks {
    list-style: none;
}
ul.sociallinks li {
    display: inline;
}
ul.sociallinks a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -10000px;
    margin-right: 0.3rem;
    transition: all 0.2s ease-in-out;
}
.alert-box.success {
    background: #f9f964;
    padding: 10px;
    font-weight: bold;
}