html {
    background: #2d3e50;
    font-family: Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

body {
    margin: 10px;
}

main {
    float: left;
    width: 100%;
}

header .sys_search-query-control {
    float: right;
    padding: 10px;
    color: #fff;
}

header .sys_search-query-control label.sys_search-label {
    padding-right: 10px;
    font-weight: bold;
}

header .sys_search-query-control input {
    padding: 5px;
    border: 1px solid;
    font-weight: bold;
}

h3.sys_subitem-heading.sys_search-subheading a {
    color: #2d3e50;
}

dd.sys_search-description {
    word-wrap: break-word;
}

.sys_noresults ul {
    margin: 25px;
}

h2 a {
    color: #fff;
    text-decoration: none;
}

p a {
    color: #2d3e50;
    text-decoration: none;
    border-bottom: 1px dotted;
    font-weight: 600;
}

p a:hover {
    border-bottom: 1px solid;
}

.oneThousandAndTwo {
    width: 982px;
    margin: 0 auto;
    clear: both;
}

.towerHamlets .thirtyThreePc {
    margin: 10px;
}

h1 {
    background: url(/assets/img/towerHamletsLogo.png) no-repeat right;
    font-size: 100px;
    margin: 0;
  color: #fff;
}

.thirtyThreePc {
    width: 270px;
    float: left;
}

.towerHamlets {
    background: #9cbeac;
    border-radius: 10px;
    height: 160px;
}

.thirtyThreePc.theCouncil {
    margin: 10px 51px;
}

.towerHamlets .thirtyThreePc {
    text-align: center;
    padding: 3px;
}

.towerHamlets .thirtyThreePc h2 {
    margin-top: 0;
}

.towerHamlets .thirtyThreePc h2 a {
    color: #2d3e50;
    text-decoration: none;
}

.rowTwo h2, .rowThree h2 {
    margin: 0;
}

.casework {
    background: #f4c400 url(../img/casework.png) no-repeat bottom right;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 10px;
    border-radius: 15px;
    height: 160px
}

.meetings {
    background: #ee7624 url(../img/meetings.png) no-repeat bottom right;
    margin: 40px 50px;
    padding: 10px;
    border-radius: 15px;
    height: 160px
}

.training {
    background: #008996 url(../img/training.png) no-repeat bottom right;
    margin-top: 40px;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 15px;
    height: 160px
}

.allowances {
    background: #5fb3e5 url(../img/allowances.png) no-repeat bottom right;
    margin-bottom: 40px;
    padding: 10px;
    border-radius: 15px;
    height: 160px
}

.facilities {
    background: #d31668 url(../img/facilities.png) no-repeat bottom right;
    margin: 0 50px 0 50px;
    padding: 10px;
    border-radius: 15px;
    height: 160px
}

.news {
    background: #8562a4 url(../img/news.png) no-repeat bottom right;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 15px;
    height: 160px
}

/* content pages */

.leftNavigation {
    width: 160px;
    float: left;
    background: #fff;
    border: 5px solid #797979;
    border-radius: 15px;
}

/* these styles are left intentionally blank for razorview to select */
.leftNavRoot{
}

.leftNavParentFolder {
}

.leftNavCurrentFolder {
}

.leftNavItem {
}

.leftNavCurrentItem{
}

.leftNavRoot a {
    font-weight: bold;
    color: #2d3e50;
    border-bottom: 1px solid;
    text-decoration: none;
    display: block;
    font-size: 150%;
    padding: 5px;
}

.leftNavParentFolder a {
    background: #fbfbfb;
    display: block;
    padding: 5px;
    color: #2d3e50;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 2px solid;
}

.leftNavCurrentFolder a {
    background: #efefef;
    display: block;
    padding: 5px 10px;
    color: #2d3e50;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 2px solid;
}

.leftNavItem a {
    display: block;
    padding: 5px;
    color: #2d3e50;
    text-decoration: none;
    border-bottom: 1px solid;
}

.leftNavCurrentItem a {
    display: block;
    padding: 5px 10px;
    color: #2d3e50;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid;
}

/* left nav hover states */
.leftNavRoot a:hover {
    text-decoration: underline;
}

.leftNavParentFolder a:hover, .leftNavCurrentFolder a:hover, .leftNavItem a:hover, .leftNavCurrentItem a:hover {
    background: #2d3e50;
    color: #fff;
}

/*breadcrumb styles left intentionally blank for razorview use */
.breadLink {
    color: #2d3e50;
    text-decoration: none;
    font-weight: bold;
}

.breadLink:hover {
    text-decoration: underline;
}

.breadSelected{}

li.membersNavLink:hover, li.boroughNavLink:hover, li.councilNavLink:hover, li.councillorNavLink:hover {
    background: #9cbeac;
    transition: .5s;
}

li.caseworkNavLink:hover {
    background: #f4c400;
    transition: .5s;
}

li.meetingsNavLink:hover {
    background: #ee7624;
    transition: .5s;
}

li.trainingNavLink:hover {
    background: #008996;
    transition: .5s;
}

li.allowancesNavLink:hover {
    background: #5fb3e5;
    transition: .5s;
}

li.facilitiesNavLink:hover {
    background: #d31668;
    transition: .5s;
}

li.newsNavLink:hover {
    background: #8562a4;
    transition: .5s;
}

.mainContent {
    float: right;
    width: 760px;
    border: 5px solid;
    border-radius: 15px;
    padding: 10px 15px;
    background: #efefef;
    font-size: 110%;
}

.mainContent i {
    float: right;
    margin: 10px
}

.mainContent p {
    clear: both;
    color: #555;
}

/* casework */

.mainContent.caseworkPage {
    border-color: #f4c400;
}

.mainContent.caseworkPage h2 {
    /* color: #f4c400; */
    color: #2D3E50;
}

.mainContent.caseworkPage i {
    /* color: #f4c400; */
    color: #2D3E50;
}

/* allowances */
.mainContent.allowancesPage {
    border-color: #5fb3e5;
}

.mainContent.allowancesPage h2 {
    /* color: #5fb3e5; */
    color: #2D3E50;
}

.mainContent.allowancesPage i {
    /* color: #5fb3e5; */
    color: #2D3E50;}

/* facilities */
.mainContent.facilitiesPage {
    border-color: #d31668;
}

.mainContent.facilitiesPage h2 {
    /* color: #d31668; */
    color: #2D3E50;
}

.mainContent.facilitiesPage i {
    /* color: #d31668; */
    color: #2D3E50;}

/* meetings */
.mainContent.meetingsPage {
    border-color: #ee7624;
}

.mainContent.meetingsPage h2 {
    /* color: #ee7624; */
    color: #2D3E50;
}

.mainContent.meetingsPage i {
    /* color: #ee7624; */
    color: #2D3E50;
}

/* news */
.mainContent.newsPage {
    border-color: #8562a4;
}

.mainContent.newsPage h2 {
    /* color: #8562a4; */
    color: #2D3E50;
}

.mainContent.newsPage i {
    /* color: #8562a4; */
    color: #2D3E50;
}

/* training */
.mainContent.trainingPage {
    border-color: #008996;
}

.mainContent.trainingPage h2 {
    /* color: #008996; */
    color: #2D3E50;
}

.mainContent.trainingPage i {
    /* color: #008996; */
    color: #2D3E50;}

/* towerHamlets */
.mainContent.councilPage {
    border-color: #9cbeac;
}

.mainContent.councilPage h2 {
    /* color: #9cbeac; */
    color: #2D3E50;
}

.mainContent.councilPage i {
    /* color: #9cbeac; */
    color: #2D3E50;
    }

.sitewideBanner {
    width: 100%;
    background-color: #fff;
    border-top: 2px solid #9cbeac;
    border-bottom: 2px solid #9cbeac;
}

.sitewideBanner p {
    text-align: center;
    font-size: 2rem;
    margin: 1.5rem 1rem;
}

/* Hide Contensis login temporarily */
.sys_theme-simple .sys_logon-control {
    display: none;
}
.sys_wsfed-logon {
    clear: both;
}

button.sys_button.sys_login-button.js-wsfed-login {
    padding: 0.5rem 1rem;
    background-color: #2D3D50;
    color: #fff;
    border-radius: 8px;
    border: 2px solid #fff;
    font-size: 1.2rem;
    line-height: 1.5;
    cursor: pointer;
}

button.sys_button.sys_login-button.js-wsfed-login:hover {
    background-color: #008996;
}