/* colour agnostic styling - should just do layout - any colour are placeholders to check the layout*/
body { background-color: #cccccc; }

header { background-color: red; color: #fff; padding: 20px 0px; }
header { margin-bottom: 0px; min-height: 80px; border-bottom: solid 2px #fff; }
header > .container { padding: 0px;   }

.navbar { margin-bottom: 0px;padding-bottom: 10px; }

.navbar-custom a.navbar-brand { color: #fff; }
.navbar-custom { background-color: red; }
.navbar-custom .navbar-nav > li > a {color: #fff; }

.cmspage { background-color: lightgreen; }

.cmscontent > .container { background: #fff; }

.cmscontent img { width: 100%;}
.cmscontent img.captcha { width: inherit; }

.cmscontent img[style*="float:right"] { padding: 5px 0px 5px 15px; width: inherit; }
.cmscontent img[style*="float:left"] { padding: 5px 15px 5px 0px; width: inherit; }

.cmscontent table tr { vertical-align: top; }
.cmscontent table tr td { padding: 0px 20px 0px 0px; }
.cmscontent table tr td img { width: 100%; }

.cmscontent .blog-list ul { padding-left: 0px; }
.cmscontent .blog-list ul li { list-style-type: none; }

figure { margin-bottom: 10px; }
figcaption { font-size: 8pt; }

.cmsmain { padding: 20px 20px 20px 20px; }

.cmsmain h1, .cmsmain h2, .cmsmain h3 { margin-top:0px; font-family: "Open Sans",Arial,Helvetica,sans-serif;}
.cmsmain h2 { font-size: 23px; line-height: 29px; }
.cmsmain h3 { font-size: 16px; line-height: 20px; }

.cmsmain .main { padding-top: 0px; padding-left: 30px; }

.cmsmain .side { background-color: lightgreen; padding-top: 0px; border-left: solid 1px #fff;}
.cmsmain .side h2 { text-align: center; background-color: red; color: #fff; padding: 10px; }
.cmsmain .side h3 { font-weight: bold; }
.cmsmain .side em { font-weight: bold; }

/* keep main and side columns the same height so the side bar background is continuous */
.cmsmain .main, .cmsmain .side { padding-bottom: 32767px; margin-bottom: -32767px; }
.cmsmain .row { overflow: hidden; }

.cmsheader .row { margin-right: 0px; }
.cmsmain .row { margin-right: 0px; }

.cmsfooter { background-color: lightblue; padding-top: 30px; color: #fff; }
.cmsfooter img { width: inherit; }

footer { min-height: 80px;}
footer { margin-bottom: 0px; padding: 0px 15px; }

.cmslogin { background-color: lightblue; color: #fff; padding: 10px 0px 15px 0px; }
.cmslogin .homepageseo { text-align: left; }
.cmslogin .login-panel { text-align: right; }

.cmslogin a { color: #fff; }


.cmspage.events table img { width: inherit; }


blockquote {
    font-size: 11pt;
    background: #f9f9f9;
    margin: 1.5em 0px;
    padding: 0.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
    font-family: "Times New Roman", serif;
    color: #ccc;
    content: "\201C";
    font-size: 4em;
    line-height: 0.1em;
    xmargin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


.affix { top: 0; width: 100%; }



@media(max-width:991px) {
    .cmsmain .side {
        padding-top: 10px; padding-left: 0px; margin-left: 30px; padding-right: 0px; margin-right: 15px;
        border-left: none;
        border-top: solid 1px #fff;
    }
}

@media(max-width:767px) {
    header { display: none; }
}

@media(max-width:1169px) {
    .cmsmain { width: 100%; }
}

/* CUSTOM STYLE FOR MM SITE HERE */

body { background-color: #e5eaf8; }

header { background-color: #0d1b3b; }
header .headertitle h1 { font-family: "Open Sans"; font-size: 72pt; }

footer {
    min-height: 20px;
}
nav .navbar-brand { font-family: "Open Sans"; font-size: 20pt; }

.navbar-custom { background-color: #0d1b3b; }
.navbar-custom .navbar-nav > li > a { color: #fff; font-weight: bold; }

.navbar-custom .navbar-nav > a:hover {
    border-bottom: solid 3px #fff;
    color: #fff;
}


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: inherit;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .active > a:hover {
    background-color: inherit;
    border-bottom: solid 3px #fff;
    color: #fff;
}

.navbar-custom .navbar-nav > li > a:hover {
    border-bottom: solid 3px #bdc8c9;
    color: #fff;
}

.navbar-nav > li > a {
    padding-bottom: 10px;
}

.well { background-color: #e5eaf8; }
.label-default { background-color: #0d1b3b; }
.btn-primary {  background-color: #0d1b3b; border-color: #030d23; }

.cmspage { background-color: #e5eaf8;}

.cmscontent > .container { background: linear-gradient(to bottom, #bdc8c9 0%,#8a9d9e 100%); }

.cmsmain .side { background-color: transparent; color: #fff; }
.cmsmain .side h2 { background-color: #0d1b3b; }
.cmsmain .side h2 { text-align: left; padding: 0px; background-color: transparent; }
.cmsmain .side blockquote { color: #000; }

.cmsmain { color: #0d1b3b; }
.cmsmain h1 { color: #0d1b3b; }
.cmsmain a { color: #0d1b3b; }
.cmsmain strong { color: #0d1b3b; }

.cmsfooter { background-color: #0d1b3b; }
.cmslogin { background-color: #0d1b3b; }
.imagebar { padding-bottom: 0px; background-color: #bdc8c9; }
.imagebar img { border-bottom: 1px solid #fff; }


/*EXTRA*/