/* 1200px max-width / 12px = 100rem */
   html { font-size: 13px; line-height: 1.5em; font-family: Verdana, sans-serif; -webkit-text-size-adjust: 100%; color: #666; }
   *    { box-sizing: border-box; margin: 0; padding: 0; }
   body { } 
   form { display: inline-block; }
   article { margin-bottom: 3rem; }

    h1, h2, h3, h4, h5, h6 { padding: 0.25rem 0 0.25rem 0; margin-left: -0.1rem; }
    h1 { font-size: 1.3rem; line-height: 1.3rem; }
    h2 { font-size: 1.1rem; line-height: 1.1rem; }
    h3 { font-size: 1.0rem; line-height: 1.0rem; }
    a { color: #666; }
    a:hover { color: #f3230c; }
    
    p { margin-top: 1rem; margin-bottom: 0.5rem; }

    pre { font-size: 95%; overflow-y: auto; }

    button { margin-right: 0.2rem; }
    input[type=button], input[type=submit]  { margin-right: 0.1rem; }
    input[type=button]:nth-last-child(0n+1), input[type=submit]:nth-last-child(0n+1), { margin-right: 0; }
    input[type=text], input[type=password], input[type=number] { border: 1px solid #ccc; border-radius: 2px; margin: 0; margin-bottom: 0.0rem; padding: 0.4rem; font-size: 0.95rem; color: #666; }
    input:focus{ box-shadow: 0 1px 1px 0 rgba(0,0,0,0.4); } 

    #amount_gross_total { font-size: 130%; padding: 0.18rem; }

    select {
        width:100%;
        height: 2.1rem;
        border: 1px solid #ccc;
        border-radius: 2px;
        padding: 0.4rem;
        /* box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2); */
        box-shadow: none;
        margin-bottom: 0.8rem;
    }

    table { font-size: 0.95rem; border-spacing: 0; }
    td { border-bottom: 1px solid #ccc; margin: 0; padding: 0.1rem 0.5rem; text-align: left; }
    th { border-bottom: 1px solid #ccc; margin: 0; padding: 0.1rem 0.5rem; text-align: left; }
    td.bg1{ background: #f5f5f5; }
    .td-cancelled { color: #aaa; }
    .text-left { text-align: left; }
    .text-right { text-align: right; }
    .text-center { text-align: center; }
    .nowrap { white-space: nowrap; }
    .wordwrap { word-break: break-all; }

    .red { color: #f3230c !important; } 
    .green { color: #0b6 !important; }
    .grey { color: #999; }
    /* .bg-grey { background: #fbfbfb; } */
    .bg-grey { background: rgba(255, 255, 255, 0.8); }
    .bg-white { background: rgba(255, 255, 255, 0.92); }
    .top-line { border-top: 1px solid #666; }
    .top-red-line { border-top: 3px solid #f3230c; }
    .bottom-line { border-bottom: 1px solid #666; }
    .bottom-grey-line { border-bottom: 1px solid #ccc; }
    .bottom-red-line { border-bottom: 1px solid #f3230c; }
    .margin-top-heading { margin-top: 2rem; }
    .margin-top-2 { margin-top: 2rem; }
    .margin-top-4 { margin-top: 4rem; }
    .margin-top-6 { margin-top: 6rem; }
    .margin-top-8 { margin-top: 8rem; }
    .margin-top-minus-1 { margin-top: -1rem; }
    .margin-bottom-04 { margin-bottom: 0.4rem; }
    .margin-bottom-08 { margin-bottom: 0.8rem; }
    .padding-top-1 { padding-top: 1rem; }
    .padding-bottom-1 { padding-bottom: 1rem; }
    .fullwidth { width: 100%; }
    .hide { display: none !important; }
    .active { font-weight: bold; }
    .big120 { font-size: 120%; line-height: 120%; }
    .big150 { font-size: 150%; line-height: 150%; }
    .big180 { font-size: 180%; line-height: 180%; }
    .big200 { font-size: 200%; line-height: 200%; }
    .big250 { font-size: 250%; line-height: 250%; }
    .bold { font-weight: bold; }
    .boldsmall { font-weight: bold; font-size: 90%; }
    .small { font-size: 90%; }
    .small td, .small th { font-size: 90%; }
    .overflowxscroll { overflow-x: auto; }
    .strike { text-decoration: line-through; }
    .no-text-decoration { text-decoration: none; }
    .box { border: 1px solid #ccc; border-radius: 2px; margin: 0; margin-bottom: 0.5rem; padding-left: 0; box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); padding: 0.8rem; }
    .box legend { padding: 0.4rem; margin-bottom: -0.6rem; margin-left: -0.4rem; }
    .box label { display: block; font-size: 90%; }
    .box input[type=text], .box input[type=password], .box input[type=number] { border: 1px solid #ccc; border-radius: 2px; margin: 0; margin-bottom: 0.8rem; padding: 0.4rem; width: 100%; font-size: 0.95rem; color: #666; }
    .box input:focus{ box-shadow: 0 1px 1px 0 rgba(0,0,0,0.4); } 
    .box textarea { border: 1px solid #ccc; border-radius: 2px; margin: 0; margin-bottom: 0.8rem; padding: 0.4rem; width: 100%; font-size: 0.95rem; color: #666; }
    .box textarea:focus{ box-shadow: 0 1px 1px 0 rgba(0,0,0,0.4); } 
    .box p { padding-left: 0.8rem; margin-top: 0; margin-bottom: 1rem; }
    .box fieldset div .flexcolumn { padding-left: 0.4rem; border: 1px solid red; }
    /* .boldlabel label { font-size: 80%; font-weight: bold; color: #777; } */
    .loginbox { width: 25rem; }
    .contactform { margin: 0 auto; }
    .calloutred { border-left: 5px solid #f3230c; border-right: 1px solid #666; border-radius: 2px; background: #f6f6f6; margin: 1rem 0 1rem 0; padding: 0.4rem 1rem; line-height: 1.8rem; box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); }
    .calloutorange { border-left: 5px solid #f93; border-right: 1px solid #666; border-radius: 2px; background: #f6f6f6; margin: 1rem 0 1rem 0; padding: 0.4rem 1rem; line-height: 1.8rem; box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); }
    .calloutgreen { border-left: 5px solid #0b6; border-right: 1px solid #666; border-radius: 2px; background: #f6f6f6; margin: 1rem 0 1rem 0; padding: 0.4rem 1rem; line-height: 1.8rem; box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); }
    .calloutgrey { border-left: 5px solid #999; border-right: 1px solid #666; border-radius: 2px; background: #f6f6f6; margin: 1rem 0 1rem 0; padding: 0.4rem 1rem; line-height: 1.8rem; box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); }
    .redborder { border: 1px solid #f3230c !important; }
    .redborder-left { border-left: 5px solid #f3230c !important;}
    .greenborder { border: 1px solid #0b6 !important; }
    .greenborder-left { border-left: 5px solid #0b6 !important; }
    .orangeborder { border: 1px solid #f93 !important; }
    .orangeborder-left { border-left: 5px solid #f93 !important; }
    .capbox { border: 1px solid #ccc; font-size: 80%; font-style: italic; padding: 0.2rem; border-radius: 2px; margin-right: 0.2rem; font-weight: normal; color: #999; cursor: help; }
    .no-border-top { border-top: none; }
    .no-border-bottom { border-bottom: none; }
    .autowidth { width: auto !important; }

    .minwidth20 { min-width: 20rem; }
    .autosize30:focus { min-width: 30rem; }


    .fsettable label { display: none; }

    //.bgpane { background: url(../img/andy-beales-53407.jpg) no-repeat top center fixed; background-size: cover; background-position: 0 -120px; } 
    //.bgpane { background: url(../img/charles-forerunner-378.jpg) no-repeat top center fixed; background-size: cover; background-position: 0 -350px; } 
    //.bgpane { background: url(../img/chuttersnap-255210.jpg) no-repeat top center fixed; background-size: cover; background-position: 0 -170px; } 
    //.bgpane { background: url(../img/clem-onojeghuo-175917.jpg) no-repeat top center fixed; background-size: cover; background-position: 0 -170px; } 
    

    //.topbar { max-width: 100rem; border: 1px solid #f3230c; border-top: none; border-radius: 0 0 2px 2px; flex-grow: 1; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: stretch; background: #fff; font-size: 0.9rem; }
    .topbar { max-width: 98.4rem; border: 1px solid #ccc; border-top: none; border-radius: 0 0 2px 2px; flex-grow: 1; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: stretch; background: #fff; font-size: 0.9rem; }
    .topbar > div { padding: 0.2rem 1.0rem; border-right: 1px solid #ccc; }
    .topbar > div:nth-last-child(0n+1) { border-right: none; }
    .topbar a { text-decoration: none; }

    .header { max-width: 100rem; margin: 1.5rem 0 1.5rem 0; flex-grow: 1; }
    .logo-nav { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; border: 0px solid green; flex-grow: 1; }
    /* .logo { width: 20%; align-self: center; border: 0px solid red; white-space: nowrap; color: #f3230c; font-size: 2.5rem; flex-grow: 1; } */
    .logo { align-self: center; border: 0px solid red; white-space: nowrap; color: #f3230c; font-size: 2.2rem; flex-grow: 0; }
    .logo a { text-decoration: none; color: inherit; }
    .logosub { display: block; font-size: 1.2rem; font-style: italic; color: #666; }
    .topnav { border: 0px solid green; flex-grow: 5; } 
    .topnav ul { display: flex; flex-flow: row wrap; justify-content: flex-end; list-style-type: none; }
    .topnav ul > li { align-self: center; font-size: 1.1rem; border-bottom: 0px solid #f3230c; margin-top: 0.5rem; margin-left: 0.5rem; }
    .topnav ul > li a { text-decoration: none; display: block; padding: 0.5rem 0.5rem; } 
    .topnav ul > li a:hover { border: 1px solid red; border-radius: 2px; margin: -1px; }
    .topnav ul > li a i { color: #f3230c; font-weight: bold; font-size: 1.5rem; } 
    .topnav ul > li.current a { color: #f3230c; font-weight: bold; border: 1px solid #f3230c; border-radius: 2px; margin: -1px; }
    

    .teaser { min-height: 13rem; width: 100%; }
    .heading { max-width: 100rem; padding: 2rem 0; flex-grow: 1; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; }
    .heading ul { list-style-type: square; margin-left: 1.7rem; }
    .heading-left { flex-grow: 5; border: 0px solid blue; } 
    .heading-left ul { list-style-type: none; margin-left: 0; }
    .heading-left ul li:nth-child(1) {
        font-weight: bold;
        font-size: 1.4rem;
        line-height: 1.8rem; 
    }
    .heading-left ul li:nth-child(2) {
        font-weight: bold;
        font-size: 1.1rem;
        line-height: 1.8rem;
    }
    /* .heading-right { flex-grow: 1; border: 1px solid #ccc; border-radius: 2px; padding: 0.4rem; box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); } */ 
    .heading-right { flex-grow: 1; border: 0px solid #ccc; border-radius: 2px; padding: 0.4rem; box-shadow: none; margin-top: 2rem; text-align: right; } 
    .breadcrumb { padding: 0.5rem 0 0.5rem 0; word-spacing: 0.1rem; letter-spacing: 0.1rem; text-transform: uppercase; color: #666; } 
    .breadcrumb > a { text-decoration: none; }

    .main { border: 0px solid pink; margin-bottom: 0.6rem; max-width: 100rem; width: 100%; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; } 
    .nav { border: 0px solid orange; flex-grow: 1; max-width: 20rem; min-width: 18rem; padding-right: 1.2rem; padding-bottom: 0; margin-bottom: 1rem; } 
    .nav ul { list-style-type: none; padding-left: 0.6rem; background: rgba(255, 255, 255, 0.95); } 
    .nav > ul { border: 1px solid #ccc; border-radius: 2px; margin: 0; margin-bottom: 0.3em; padding-left: 0; box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); }
    .nav li { margin: 0; padding: 0.1rem 0.1rem 0.1rem 0.4rem; border-bottom: 1px solid #eee; }
    .nav li:last-child { border-bottom: none; }
    .nav li a { display: block; text-decoration: none; cursor: pointer; word-spacing: 0.1rem; color: #666; padding: 0.3rem 0; }
    .nav li a .right { display: inline-block; float: right; margin-right: 0.5rem; font-size: 1.2rem; }
    .nav li a:hover { color: #f3230c; font-weight: bold; }
    .nav li.current a { color: #f3230c; font-weight: bold; }

    //.content { padding: 0.8rem; border: 1px solid #ccc; border-radius: 2px; flex-grow: 1; flex-basis: 45rem; min-height: 25rem; min-width: 35rem; max-width: 80rem; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); } 
    //.content { display: flex; flex-direction: column; padding: 0.4rem 0.8rem; margin-bottom: 0.3rem; border: 1px solid #ccc; border-radius: 2px; flex-grow: 1; flex-basis: auto; min-height: 25rem; min-width: 29.8rem; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); } 
    //.content { display: flex; flex-direction: column; padding: 0.4rem 0.8rem; margin-bottom: 0.3rem; border: 1px solid #ccc; border-radius: 2px; flex-grow: 1; flex-basis: auto; min-height: 25rem; min-width: 20rem; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); } 
    .content { display: flex; flex-direction: column; padding: 0.4rem 0.8rem; margin-bottom: 0.3rem; border: 0px solid #ccc; border-radius: 2px; flex-grow: 1; flex-basis: auto; min-height: 25rem; min-width: 20rem; background: rgba(255, 255, 255, 0.95); } 
    .content ul, .content dl { margin-left: 1.7rem; list-style-type: square; line-height: 1.8rem; }
    
    .content ol { margin-left: 1.7rem; line-height: 1.8rem; padding-left: 2em; counter-reset: item; }
    .content ol > li { counter-increment: item; }
    .content ol ol > li { display: block; }
    .content ol ol > li:before { content: counters(item, ".") ". "; margin-left: -2.4rem; }

    .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { margin-top: 1em; border-bottom: 0px solid #ccc; } 
    .content h1:nth-of-type(1){ margin-top: 0; padding-top: 0; border-bottom: none; }
    .content h2:nth-of-type(1){ margin-top: 0; padding-top: 0; border-bottom: none; }
    .content h3:nth-of-type(1){ margin-top: 0; padding-top: 0; border-bottom: none; }
    .content img { border: 1px solid #666; border-radius: 2px; margin: 1rem; box-shadow: 0 28px 16px -26px rgba(0, 0, 0, 0.5); } 
    .content img.resize { width: 95%; height: auto; }
    .content img.center { display: block; margin: 2rem auto; }
    .content video { padding: 0; }
    .content video.resize { width: 95%; height: auto; }
    .content video.center { display: block; margin: 2rem auto; }
    .content .center { text-align: center; }
    // .content .callout { border-left: 3px solid #f3230c; border-right: 1px solid #666; border-radius: 2px; background: #f6f6f6; margin: 1rem 0rem; padding: 0.4rem 1rem; line-height: 1.8rem; box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); }

    /* max-width: 98rem because content etc have padding 1rem left and right */
    /* .footer1 { border: 1px solid #ccc; border-radius: 2px; max-width: 98rem; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; background: rgba(255, 255, 255, 0.9); box-shadow: 0px 6px 4px -6px rgba(0,0,0,0.5); font-size: 0.9rem; } */
    .footer1 { border: 0px solid #ccc; border-radius: 2px; max-width: 98rem; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; box-shadow: none; font-size: 0.9rem; }
    .footer1 > div { border: 0px solid #ccc; padding: 0.4rem; flex-grow: 1; } 
    .footer2 { background: #fbfbfb; text-align: center; padding: 1rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } 
    /* .footer2 { background: #fbfbfb; text-align: center; padding: 1rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: fixed; left: 0px; bottom: 0px; height: 3rem; width: 100%; z-index: 10; } */

    @keyframes slideInMatomo {
      from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
      }

      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }

    .matomo-banner {
        padding-top: 2rem !important;
        padding-bottom: 1rem !important;
        border-bottom: 3px solid #ccc;
        animation-name: slideInMatomo;
        animation-delay: 0s;
        animation-duration: 1.5s;
    }

    ul.noshadow { box-shadow: none; }
    p.amendment { padding-left: 0.1rem; padding-top: 0; margin-top: -0.8rem; margin-bottom: 0.5rem; font-size: 85%; }

    .fieldsetcolumn {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        margin-left: 0.4rem;
    }

    .fieldsetcolumn:first-child { padding-left: 0; }

   .flexrow {
        display: flex;
        flex-direction: row;
        padding: 0;
        /* border: 1px solid pink; */
    }

    .flexcolumn {
        display: flex;
        flex-direction: column;
        /* flex-wrap: wrap; */
    }

    .flexwrap {
        flex-wrap: wrap;
    }

    .flexnowrap {
        flex-wrap: nowrap;
    }

    .flexgrow { flex-grow: 1; }
    .flexgrow0 { flex-grow: 0; }
    .flexgrow2 { flex-grow: 2; }
    .flexgrow3 { flex-grow: 3; }

    .flexgrowcenter {
        flex-grow: 1;
        align-items: center;
        justify-content: center;
    }

    .flexselfcenter {
        align-self: center;
        justify-self: center;
    }

    .autowidth { width: auto; }

    .flexspace-start { justify-content: flex-start; }
    .flexspace-end { justify-content: flex-end; }
    .flexspace-center { justify-content: center; }
    .flexspace-between { justify-content: space-between; }
    .flexspace-around { justify-content: space-around; }
    .flexspace-evenly { justify-content: space-evenly; }

    .flexitem-start { align-items: flex-start; }
    .flexitem-end   { align-items: flex-end; }
    .flexitem-center { align-items: center; }
    .flexitem-baseline{ align-items: baseline; }
    .flexitem-stretch{ align-items: stretch; }
   
    /* only on multiline */
    .flexcontent-start { align-content: flex-start; }
    .flexcontent-end { align-content: flex-end; }
    .flexcontent-center { align-content: center; }
    .flexcontent-between { align-content: space-between; }
    .flexcontent-around { align-content: space-around; }
    .flexcontent-stretch { align-content: stretch; }


   .row::after { content: ''; clear: both; display: block; }
   
   .col-1  { width:  4.16%; }
   .col-2  { width:  8.32%; }
   .col-3  { width: 12.48%; }
   .col-4  { width: 16.64%; }
   .col-5  { width: 20.80%; }
   .col-6  { width: 24.96%; }
   .col-7  { width: 29.12%; }
   .col-8  { width: 33.28%; }
   .col-9  { width: 37.44%; }
   .col-10 { width: 41.60%; }
   .col-11 { width: 45.76%; }
   .col-12 { width: 49.92%; }
   .col-13 { width: 54.08%; }
   .col-14 { width: 58.24%; }
   .col-15 { width: 62.40%; }
   .col-16 { width: 66.56%; }
   .col-17 { width: 70.72%; }
   .col-18 { width: 74.88%; }
   .col-19 { width: 79.04%; }
   .col-20 { width: 83.20%; }
   .col-21 { width: 87.36%; }
   .col-22 { width: 91.52%; }
   .col-23 { width: 95.68%; }
   .col-24 { width: 99.84%; }
   
   .ocol-1  { margin-left:  4.16%; }
   .ocol-2  { margin-left:  8.32%; }
   .ocol-3  { margin-left: 12.48%; }
   .ocol-4  { margin-left: 16.64%; }
   .ocol-5  { margin-left: 20.80%; }
   .ocol-6  { margin-left: 24.96%; }
   .ocol-7  { margin-left: 29.12%; }
   .ocol-8  { margin-left: 33.28%; }
   .ocol-9  { margin-left: 37.44%; }
   .ocol-10 { margin-left: 41.60%; }
   .ocol-11 { margin-left: 45.76%; }
   .ocol-12 { margin-left: 49.92%; }
   .ocol-13 { margin-left: 54.08%; }
   .ocol-14 { margin-left: 58.24%; }
   .ocol-15 { margin-left: 62.40%; }
   .ocol-16 { margin-left: 66.56%; }
   .ocol-17 { margin-left: 70.72%; }
   .ocol-18 { margin-left: 74.88%; }
   .ocol-19 { margin-left: 79.04%; }
   .ocol-20 { margin-left: 83.20%; }
   .ocol-21 { margin-left: 87.36%; }
   .ocol-22 { margin-left: 91.52%; }
   .ocol-23 { margin-left: 95.68%; }
   .ocol-24 { margin-left: 99.84%; }
   
   
   [class*="col-"]  { float: left; min-height: 1px; padding-left: 0.1em; padding-right: 0.1em; border: 0px solid red; }
   [class*="ocol-"] { float: left; min-height: 1px; padding-left: 0.1em; padding-right: 0.1em; border: 0px solid blue; }
   
   
   .button {
   font-size: 0.9rem;
   text-decoration: none;
   cursor: pointer;
   display: inline-block;
   background-color: #e6e6e6;
   background-repeat: no-repeat;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
   background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
   background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
   background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
   background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
   background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
   padding: 3px 6px 3px;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   color: #555;
   /*font-size: 13px;*/
   line-height: normal;
   border: 1px solid #ccc;
   border-bottom-color: #bbb;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -webkit-transition: 0.1s linear all;
   -moz-transition: 0.1s linear all;
   transition: 0.1s linear all;
   }
   .button:hover {
   background-position: 0 -15px;
   color: #333;
   text-decoration: none;
   }
   
   
   .button.primary {
   color: #fff;
   background-color: #0064cd;
   background-repeat: repeat-x;
   background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
   background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
   background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
   background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
   background-image: -o-linear-gradient(top, #049cdb, #0064cd);
   background-image: linear-gradient(top, #049cdb, #0064cd);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   border-color: #0064cd #0064cd #003f81;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   }
   .button:active {
   -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
   }
   .button.disabled {
   cursor: default;
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   filter: alpha(opacity=65);
   -khtml-opacity: 0.65;
   -moz-opacity: 0.65;
   opacity: 0.65;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   }
   .button[disabled] {
   cursor: default;
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   filter: alpha(opacity=65);
   -khtml-opacity: 0.65;
   -moz-opacity: 0.65;
   opacity: 0.65;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   }
   .button.large {
   font-size: 120%;
   line-height: normal;
   padding: 9px 14px 9px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   }
   .button.small {
   padding: 2px 4px 2px;
   font-size: 90%;
   }

   .globalmsg .calloutred { margin: 2rem 0 0 0; }
   .globalmsg .calloutgreen { margin: 2rem 0 0 0; }
   .globalmsg .calloutorange { margin: 2rem 0 0 0; }

   .margin-left-02 { margin-left: 0.2rem; }

   .scale85 { transform: scale(0.85); transform-origin: top left; }
   .rotate45 { height: 9rem; white-space: nowrap; }
   .rotate45 > div { transform: translate(-0.3rem, 3rem) rotate(315deg); width: 30px; }
  /*  .rotate45 > div > span { border-bottom: 1px solid #ccc; padding: 5px 10px; } */


  .nodipbox { display: none !important; } 

   @media screen and (max-width: 560px) {
        th, td { font-size: 90%; }
        .bg-white { background: #fff; }
        .nav { order: 2; margin-top: 0.4rem; padding-right: 0; min-width: 100%; max-width: 100%; } 
        .content { order: 1; padding: 0.4rem 0; }
        .content ul, .content dl, .content ol { margin-left: 0.7rem; }
        .content img.resize560 { width: 95%; height: auto; }
        .flexrow { padding: 0 1em; }
        .teaser { display: none;  } 
        .bgpane { background: #ddd; } 
        .top-line { border: none; } 
        .margin-top-heading { margin: 0; }
        .main {flex-wrap: wrap; }
        .hidesmall { display: none; }
        .footer1 { margin-top: 1rem; }
   }

  @media screen and (max-width: 800px) {
        .bg-white { background: #fff; }
        .nav { order: 2; margin-top: 0.4rem; padding-right: 0; min-width: 100%; max-width: 100%; } 
        .content { order: 1; }
        .flexrow { padding: 0 0em; }
        .topbar { margin: 0 1em; }
        .header { padding: 0 1em; }
        .heading, .main { padding: 1em; }
        .footer1 { margin: 0 1em; margin-top: 1rem; }
        //.bgpane { background: url(../img/andy-beales-53407a.jpg) no-repeat top center; background-size: contain; background-position: 0 0px; } 
        //.bgpane { background: url(../img/chuttersnap-255210b.jpg) no-repeat top center; background-size: contain; background-position: 0 0px; } 
        //.bgpane { background: url(../img/charles-forerunner-378a.jpg) no-repeat top center fixed; background-size: contain; background-position: 0 80px; } 
        .bgpane { background: url(../img/background-meeting2.jpg) no-repeat; background-size: cover; background-position: 0 0px; } 
        .main {flex-wrap: wrap; }
  }

  @media screen and (min-width: 801px) {
        .bg-white { background: rgba(255, 255, 255, 0.99); }
        .topbar { margin: 0 1em; }
        .header { padding: 0 1em; }
        .heading, .main { padding: 1em; }
        .footer1 { margin: 0 1em; margin-top: 1rem; }
        //.bgpane { background: url(../img/andy-beales-53407a.jpg) no-repeat top center; background-size: cover; background-position: 0 -50px; } 
        //.bgpane { background: url(../img/chuttersnap-255210b.jpg) no-repeat ; background-size: cover; background-position: 0 0px; } 
        //.bgpane { background: url(../img/charles-forerunner-378a.jpg) no-repeat; background-size: cover; background-position: 0 0px; } 
        .bgpane { background: url(../img/background-meeting2.jpg) no-repeat; background-size: cover; background-position: 0 -50px; } 
  }

  @media screen and (min-width: 1600px) {
        .bg-white { background: rgba(255, 255, 255, 0.99); }
        //.bgpane { background: url(../img/charles-forerunner-378a.jpg) no-repeat top center fixed; background-size: cover; background-position: 0 40px; } 
        //.bgpane { background: url(../img/andy-beales-53407a.jpg) no-repeat top center fixed; background-size: contain; background-position: 0 20px; } 
        //.bgpane { background: url(../img/chuttersnap-255210b.jpg) no-repeat top center fixed; background-size: contain; background-position: 0 0px; } 
        //.bgpane { background: url(../img/charles-forerunner-378a.jpg) no-repeat top center fixed; background-size: contain; background-position: 0 -20px; } 
        .bgpane { background: url(../img/background-meeting2.jpg) no-repeat top center fixed; background-size: contain; background-position: 0 -25px; } 
        .footer1 { margin-top: 1rem; }
  }
   
   @media print {
    body { font-size: 5.5pt; line-height: 7pt; }
   }