html,body{
height:100%;	
}
body {
    background:#9CBCC9 url('../images/background.jpg') center top no-repeat;
    margin: 0;
    font-size: 14px;
    font-family: 'Trebuchet MS', sans-serif;
    color:#111111;
}
body#content{/*ckeditor*/
    background:#ffffff none;
    box-shadow:none;
    min-height:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.col-width {
position: relative;
margin: 0 auto;
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 979px) {
    .col-width {
        width:100%;
    }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 990px) {
    .col-width {
        width:970px;
    }
}

/* Edit toolbar: Change from phpShadow default to a fixed toolbar */
body.page-toolbar div#page-toolbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:550;
}
body.page-toolbar div#head-bar-dock.docked{
    top:30px;
}
body.page-toolbar{
    background-position:center 30px;
}
body.page-toolbar #header{
    margin-top:30px;
}

/* Typography */
h1,h2,h3{
    font-family: 'Titillium Web', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 500;
}
h1{
    font-size:32px;
}
h2{
    font-size:25px;
}
h3{
    font-size:20px;
}
h1 {
    margin-top: 0;
    margin-bottom: 15px;
}
h2 {
    margin-top: 18px;
    margin-bottom: 12px;
}
h3,h4,h5{
    margin-top:15px;
    margin-bottom:10px;
}
h1.no-top-margin,h2.no-top-margin,h3.no-top-margin,h4.no-top-margin,h5.no-top-margin{
    margin-top:0;
}
p{
    margin-top:0;
    margin-bottom:14px;
}
big{
    font-size:20px;
}
a:hover,a:focus,span.a:hover,span.a:focus{
    color: rgb(35, 82, 124);
    text-decoration: underline;
}




a,a:visited,span.a{
    color:#2715A8;
}

p.clear{
    margin-bottom: 0;
    height: 0;
    clear: both;
}

/*Overwrite a phpShadow style to use the Bootstrap style instead*/
#content .uContent table td{
    padding:8px;
}


/* Sticky bottom footer */
#page-wrap{
    min-height: 100%;
    margin-top: -150px;
    /* Bottom margin defined with footer styling */
}
#page{
    position: relative;
    top: 150px;
}
#content{
    box-shadow: 0 0 17px -8px #666;
    min-height: 350px;
    background-color:#FFFFFF;
    padding:15px;
}


/* HEADER */
#header {
    z-index: 10;
    position: relative;
    border-bottom:1px solid #A7C7E4;
    background:#60ABC9;
    background-color:rgba(85,157,216,0.5);
    overflow: hidden;
}
#header,#header .col-width{
    height:150px;
}

#header a#logo {
    display: block;
    position: absolute;
    height: 132px;
    width: 76px;
    margin: 9px;
    background-image: url('../images/logo.png');
}
#header a#logo-mobile {
    display: none;
}

#header-name,#header-tagline{
    position: absolute;
    left: 115px;
    right: 10px;
    color: #111111;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    display:block;
}
#header-name {
    top:22px;
    font-size:4em;
    margin-bottom:5px;
}
@media (max-width: 768px) {
    #header-name{
        font-size:3em;
    }
}

#header-tagline{
    top:95px;
    font-size:1.6em;
    margin:0;
}
@media (max-width: 979px) {
    #header-tagline{
        font-size:1.4em;
    }
}
@media (max-width: 878px) {
    #header-tagline{
        font-size:1.3em;
    }
}
@media (max-width: 810px) {
    #header-tagline{
        top:85px;
    }
}


/* Tablet */
@media (max-width: 580px) {
    #header,#header .col-width{
        height:100px;
    }
    #header-name{
        top: 7px;
        left: 54px;
        font-size:2.8em;
    }
    #header-tagline{
        left: 54px;
        top: 60px;
        font-size: 1em;
        line-height: 1em;
        color: #222222;
    }
    #header a#logo-mobile {
        display: block;
        position: absolute;
        height: 50px;
        width: 29px;
        margin: 10px;
        background-image: url('../images/logo-mobile.png');
    }
    #header a#logo {
        display:none;
    }
}
/* Mobile */
@media (max-width: 480px) {
    #content{
        padding: 10px;
    }
    #header-content{
        padding: 5px 10px 8px 50px;
    }
    #header-name{
        font-size:2em;
    }
    #header-tagline{
        left:10px;
        top:67px;
    }
    #header,#header .col-width{
        height:initial;
    }
    #header-name,#header-tagline{
        position: initial;
    }
}


/* LINKS BAR */
#links-bar {
    font-family:Tahoma, sans-serif;
    z-index: 10;
    position: relative;
    margin-bottom:-5px;
}
#links-bar ul {
    display: inline-block;
    list-style-type: none;
    margin:0;
    padding:0;
}
#links-bar ul li {
    padding:0;
    float:left;
}
#links-bar ul li a:hover{
    color:#B32D2D;
}
#links-bar ul li a {
    display:inline-block;
    padding:14px 13px;
    height:50px;
    font-size:17px;
    color:#8A2424;
    text-decoration:none;
}
#links-bar ul li.cur a {
    margin-top:8px;
    margin-bottom:8px;
    padding-top:6px;
    padding-bottom:6px;
    height:34px;
    background-color:#8F4949;
    background-color:rgba(165, 48, 48, 0.79);
    color: #FFF;
}
/* Mobile */
@media (max-width: 480px) {
    #links-bar ul li a {
        padding: 6px 10px;
        font-size: 15px;
        height: initial;
    }
    #links-bar ul li.cur a {
        margin-top:0px;
        margin-bottom:0px;
        height:initial;
    }
}


/* HOMEPAGE */
h1.home-page-title{
    margin-bottom:10px;
    font-size:2.8em;
}
/* Bootstrap override to halve gutter, and make columns look equal length */
#content .container-fluid {
    padding-left:0;
    padding-right:0;
    margin-top:-15px;
}
#content .container-fluid .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
    overflow: hidden;
}
#content .container-fluid .row [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 15px 7.5px 0;
    background-color: #dedede;
    overflow: hidden;
}
/*grid boxes*/
.info-box-liner{
    padding:10px;
}
.info-box-liner h1{
    background-color:#9e9e9e;
    margin:-10px -10px 10px;
    padding:5px 10px;
}
.info-box-purple h1{
    background-color:#AD77E7;
}
.info-box-green h1{
    background-color:#85cc6e;
}
.info-box-red h1{
    background-color:#ff4f4f;
}
.info-box-blue h1{
    background-color:#4571FD;;
}
.info-box-orange h1{
    background-color: #E97A3B;
}
.info-box-liner a.info-box-lead{
    float:right;
    color:#ffffff;
    margin:2px 3px 0 0;
}


/*Homepage news post override*/
div.info-box-liner .news-feed-full h2.news-title {
    margin-top: 0;
}

/*News post override styles*/
.news-feed-full h2.news-title{
    margin-right: 10px;
    display: inline-block;
}
.news-feed-full p.news-timestamp{
    display: inline;
    font-size: 13px !important;
    font-style: italic;
}

/*Services style*/
table.services-rota-box{
    width:100%;
    background-color:#85cc6e;
}
table.services-rota-box td{
    padding:10px;
    font-size:20px;
}

/* top box with bg image */
.background-image{
    background-size:contain;
}
@media (max-width: 550px) {
    .background-image {
        background-size: 600px;
    }
}
.background-image h1{
    background:none;
}
.background-dune{
    background-image:url('../images/1b_940.jpg');
}
@media (min-width: 950px) {
    .background-dune {
        background-position-y: -90px;
    }
}

.background-dune .info-box-liner p.home-intro-text{
    margin:-10px -10px -1000px -10px;
    padding:10px 10px 1000px 10px;
    font-size:1.165em;
    line-height:1.5em;
    background-color:rgba(255,255,255,0.4);
}



/* Footer */
#page-wrap{
     margin-bottom: -200px;
}
.footer-push,#footer{
    height:200px;
}

#footer-content{
height:180px;	
}
#footer{
position:relative;
background-color:#559DD8;	
}

#footer-content{
	padding:10px;
	position:relative;
}
#footer-copyright,#footer-logos{
	position:absolute;
	bottom:20px;
}
#footer-copyright{
	left:10px;
}
#footer-copyright p{
color:#464646;
margin:0;
font-size: 13px;
}
#footer-copyright p a{
color:#464646;
text-decoration:none;
}
#footer-copyright p a:hover{
color:#383838;	
}
#footer-logos{
right:10px;
}
#footer img.footer-logo{
float:right;
margin-left:25px;
}
#footer a img.footer-logo{
border:none;
}
#footer-tagline{
top: 25px;
position: absolute;
color: #222;
font-family: 'Titillium Web', sans-serif;
font-size: 30px;
right: 10px;
}

#footer ul{
margin:0;
padding:0;
list-style-type:none;
}
#footer ul li{

}
/*mobile footer*/
@media (max-width: 550px) {
    #footer-logos{
        position: initial;
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    #footer img.footer-logo{
        margin:10px;
        float:none;
    }
    #footer-copyright{
        text-align:center;
        width:100%;
        left: 0;
    }
}