/* Main colours: light green #7dc243/7cc242 (82c34f) dark green #206045/206144 even darker green #233c03 mid green 478848 FB blue #3765a3 twitter pale blue #669fcc footer bg f0f2f1 */

/* -------  Main defaults  -------- */

@font-face {
        font-family: Bevan;
        src: url(/default/fonts/Bevan/Bevan.ttf);
        font-weight: normal;
}

@font-face {
        font-family: OpenSans-Regular;
        src: url(/default/fonts/Open_Sans/OpenSans-Regular.ttf);
        font-weight: normal;
}

@font-face {
        font-family: OpenSans-Bold;
        src: url(/default/fonts/Open_Sans/OpenSans-Bold.ttf);
        font-weight: bold;
}

body {
        background-color: white;
        color: #030505;
        font: normal 14px OpenSans-Regular, Verdana, Helvetica, sans-serif;
}

body.policies {
        padding: 10px;
}

/* -------  Top layout  -------- */

div.global {
        margin: 0 auto;
        background-color: white;
        border: 0;
        width: 100%;
        padding: 0;
}

#logindetails {
        padding: 5px 0;
        width: 1170px;
        color: #206144;
        font-size: 90%;
        margin: -160px auto 0 auto;
}

.bannerContent {
        height: 0;
}

#logindetails a, div.bannerContent a {
        color: #206144;
}

#logindetails a:hover, div.bannerContent a:hover {
        color: #303030;
}

/* No longer required, fixed propery in code GM20160319
-------------------------------------------------------
#logindetails a:nth-child(1), #logindetails a:hover:nth-child(1) {
        display: none;
}
------------------------------------------------------- */

div#searchSite {
        top: 30px;
        margin-left: 925px;
}

input.searchSite {
        background-color: white;
}

input#googlesearch.submit {
    color: black;
    background-color: white;
}

#sectioncontainer, #menucontainer, #submenucontainer, #bannercontainer {
        margin: 0 auto;
        width: 1170px;
}

.greeting1#sectioncontainer {
        margin: 20px auto 40px;
}

#sectioncontainer.login1 {
        margin-top: 40px;
}

#sectioncontainer {
        margin-bottom: 40px;
}

#sectioncontainer.generic {
        width: 900px;
        float: left;
}

#sectioncontainer.generic9,
#sectioncontainer.generic10,
#sectioncontainer.generic17,
#sectioncontainer.generic20,
#sectioncontainer.generic25,
#sectioncontainer.generic29 {
        width: 1170px;
        float: none;
        margin: 0 auto;
}

#sectioncontainer.generic29 img {
        width: 50%;
}

.generic20 h1#sectionHeading {
        visibility: hidden;
        margin: 0;
        padding: 0;
}

#headercontainer {
        background-color: white;
        position: relative;
        top: 25px;
}

#bannercontainer {
        height: 160px;
}

div#bannerExtra {
        background-color: #303030;
        color: white;
        width: 100%;
/*        opacity: 0.4; */
}

div.bannerExtra p {
        font-size: 90%;
}

div.bannerExtra a {
        color: white;
}

div.bannerExtra a:hover, div.web-site a:hover {
        color: #7dc243;
}

div.bannerContent a.button {
        padding: 10px;
        color: white;
        border: 1px solid #7dc243;
        background-color: #7dc243;
        border-radius: 5px;
        margin-top: 70px;
        float: right;
}

div.bannerContent a.button {
        margin-right: 10px;
}

div.bannerContent a.button:hover {
        background-color: #206144;
        color: white;
        border: 1px solid #206144;
}

img.donationButton {
        float: left;
        margin: 15px 80px;
}

div.web-site {
        font-size: 90%;
        background-color: white;
        border-radius: 10px;
        position: relative;
        width: 200px;
        padding: 10px;
        float: left;
        min-height: 190px;
        margin: 20px 10px;
        text-align: center;
}

div.web-site img {
        margin: 5px auto;
        display: block;
}

div.web-site a {
        color: #222222;
}

div#SupportCountName {
        width: 100%;
        height: 120px;
        background-color: transparent;
        background: white url("/liveherelovehere/images/supporter-background.gif") repeat-y center;
        color: white;
        font-size: 110%;
        margin: 60px auto 0;
        padding: 10px 0;
}

div#SupportCountName p {
        text-align: center;
}

div#SupportCountName a {
        color: white;
}

div#SupportCountName a:hover {
        color: #7dc243;
}

div#currentSupportCount {
        text-align: center;
        font-size: 300%;
        color: white;
    margin-top: 25px;
}

.virginmoney {
        float: right;
        margin-top: 60px;
}

div.bannerLinks {
        display: block;
}

/* -------  Social network icons at top  -------- */

#twitterLink, #facebookLink, #instagramLink {
        top: 0;
        float: none;
}

#instagramLink {
    padding: 2px 5px;
    position: relative;
}

/* -------  Figure border  -------- */

figure {
        border: 1px #e8e8e8 solid;
}

/* -------  Menu stuff light green #7dc243 dark green #206045  -------- */

#menucontainer {
        background-color: #206144;
        margin: 90px auto 0 auto;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        width: 100%;
}

#submenucontainer {
        background-color: #206144;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}

nav#submenucontainer.private {
        background-color: #999999;
}

.activeMenu, .inactiveMenu {
        font-size: 120%;
}

.activeMenu a, .inactiveMenu a {
        padding: 4px 13px;
}

#subMenuitems {
        min-width: 240px;
}

.inactiveMenu a, .inactiveMenu a:link, .inactiveMenu a:visited, #subMenuitems div.inactiveMenu a, #subMenuitems div.inactiveMenu a:link, #subMenuitems div.inactiveMenu a:visited {
        color: white;
        background-color: #206144;
}

.activeMenu a, .activeMenu a:link, .activeMenu a:visited, .inactiveMenu a, .inactiveMenu a:hover {
        color: white;
        background-color: #528215;
}

#subMenuitems div.activeMenu a, #subMenuitems div.inactiveMenu a:hover {
        color: white;
        background-color: #528215;
        font-size: 90%;
}

#subMenuitems div.inactiveMenu a {
        color: white;
        background-color: #206144;
        font-size: 90%;
}

.activeMenu a.private, .activeMenu a.private:link, .activeMenu a.private:visited, .inactiveMenu a.private:hover {
        color: white;
        background-color: #999999;
}

.activeOptionsMenu, .inactiveOptionsMenu  {
        font-size: 100%;
}

.inactiveOptionsMenu a, .inactiveOptionsMenu a:link, .inactiveOptionsMenu a:visited {
        color: gray;
        border: 1px solid gray;
        background-color: white;
}

.activeOptionsMenu a, .activeOptionsMenu a:link, .activeOptionsMenu a:visited, .inactiveOptionsMenu a, .inactiveOptionsMenu a:hover {
        color: white;
        border: 1px solid gray;
        background-color: gray;
}

#subMenuitems div.activeMenu a.private, #subMenuitems div.inactiveMenu a.private:hover {
        color: white;
        background-color: gray;
    border-bottom: 1px gray solid;
}

#subMenuitems div.inactiveMenu a.private {
        color: white;
        background-color: #999999;
    border-bottom: 1px gray solid;
}

#optionsMenuitems {
    margin-top: 10px;
}

#billboard1 #sectioncontainer {
        overflow: visible;
}

/* -------  General links  -------- */

a {
        color: #478848;
        text-decoration: none;
}

a.private {
        font-style: italic;
}

a:hover {
        color: #7dc243;
}

/* -------  Commonly used classes for layout  -------- */

.subtitle {
        font-family: OpenSans-Regular, Verdana, Helvetica, sans-serif;
        color: #909090;
}

/* -------  Defining common elements  -------- */

p, li {
        font-family: OpenSans-Regular, Verdana, Helvetica, sans-serif;
        line-height: 150%;
        font-size: 120%;
}

b {
        font-family: OpenSans-Bold, Verdana, Helvetica, sans-serif;
        font-size: 105%;
        font-weight: bold;
}

p.did-you-know {
        font-size: 140%;
}

i {
        color: gray;
}

h1 {
        font-family: Bevan, "Times New Roman", serif;
        font-weight: normal;
        color: #206144;
        font-size: 250%;
        line-height: 125%;
        padding-top: 20px;
}

h2 {
        font-family: Bevan, "Times New Roman", serif;
        font-weight: normal;
        color: #206144;
        font-size: 185%;
        line-height: 110%;
}

h3 {
        font-family: Bevan, "Times New Roman", serif;
        font-weight: normal;
        color: #206144;
        font-size: 150%;
        line-height: 110%;
}

h4 {
        font-family: OpenSans-Regular, Verdana, Helvetica, sans-serif;
        font-weight: normal;
        color: #206144;
        font-size: 140%;
        line-height: 130%;
        text-align: center;
}

div.textualPoster div h2 {
        font-family: OpenSans-Regular, Verdana, Helvetica, sans-serif;
        font-size: 225%;
}

.textualPoster h2 a {
        color: #096185;
}

div#posterCurrent39.poster {
        position: initial;
}

#logo {
        margin-top: 3px;
}

img.right {
        float: right;
        margin: 10px 0 10px 10px;
}

.generic9 img.right {
        width: 30%;
}

img.center {
        margin: 10px auto;
        display: block;
}

img.left {
        float: left;
        margin: 10px 10px 10px 0;
}

img.screenshot {
        border: 1px solid grey;
        margin: 10px 0 10px 5px;
}

ol, ul {
        overflow: visible;
}

li {
        padding: 5px 0 0 10px;

}

/* -------  The team  -------- */

.generic45 iframe, .generic34 iframe {
        width: 560px;
        height: 315px;
        border: 0;
}

#sectioncontainer.generic21 iframe {
        width: 880px;
        min-height: 1000px;
        border: 0;
}

/* -------  Main sidebar formatting  -------- */

#sidebar {
        border-left: 1px #e8e8e8 solid;
        line-height: 140%;
        margin-top: 30px;
}

/* -------  Main page formatting  -------- */

#greeting1 h1 {
        display: none;
}

#greeting1 h1.statement {
        color: #528215;
        margin-top: 30px;
        display: block;
    font-size: 220%;
}

div.home-message {
        margin: 10px 0 0 0;
}

div.home-facebook {
        width: 27%;
        float: right;
        margin: 120px 0 0 0px;
}

div.home-link-1, div.home-link-2 {
        width: 100%;
        display: block;
        margin: 10px 0;
        height: 175px;
    text-align: center;
        border-bottom: 1px solid #999999;
}

div.home-link-1 {
        width: 60%;
        margin: 60px auto 20px;
}

div.home-link-2 {
        height: 200px;
}

div.home-link-1 h2, div.home-link-2 h2 {
        font-family: OpenSans-Regular, Verdana, Helvetica, sans-serif;
        font-size: 210%;
}

div.home-text-2 {
        position: relative;
        top: -370px;
        text-align: center;
}

div.home-link-1 img {
        float: left;
}

div.home-link-2 img {
        width: 100%;
}

/* -------- Home page main campaigns -------- */

div.fullCampaigns {
        margin: 60px auto 20px;
        float: left;
        width: 70%;
}

.campaign1, .campaign2, .campaign3, .campaign4 {
        width: 45%;
        min-height: 220px;
        border: 1px solid #206144;
        float: left;
        margin: 50px 0 0 10px;
        padding: 1%;
        border-radius: 10px;
        text-align: center;
}

.campaign1, .campaign2, .campaign3, .campaign4 {
        margin-right: 1%;
}

img.homePageImage {
        width: 100%;
}

.campaign1 h2, .campaign2 h2, .campaign3 h2, .campaign4 h2 {
        font-family: OpenSans-Regular, Verdana, Helvetica, sans-serif;
        color: #206144;
        font-size: 170%;
        margin-top: 25px;
}

a.more {
        background-color: #7dc243;
        color: white;
        border: 1px solid #7dc243;
        margin-top: 5px;
        border-radius: 10px;
        padding: 2px 12px;
}

a.more:hover {
        background-color: #206144;
        border: 1px solid #206144;
}

/* -------  Classes used with divs for screen layout  -------- */

.form {
        border: 1px solid gray;
        background-color: #fffffa;
}

#sectioncontainer.show-your-support div.form-text {
        text-align: center;
    width: 98%;
}

/* -------  Highlights and main newsitem module  -------- */

.mainNews {
        max-width: inherit;
}

.newsDate {
        font-style: italic;
}

.newsTitle {
        font-weight: bold;
}

.newsContent {
        font-size: 110%;
}

.item {
        border-bottom: 1px #e8e8e8 solid;
}

.newsitems p {
        line-height: 150%;
}

.blogArticle h2 {
    color: #206144;
}

/* -------  Used at top of listings  -------- */

.headerRecord, .headerRecord a {
        font-weight: bold;
        color: gray;
}

/* -------  Article  -------- */

article {
        border-top: 1px #cccccc solid;
        padding: 20px 0;
}

/* -------  Greeting page formatting  -------- */

.welcomeText, .welcomeText p {
        font-size: 110%;
        line-height: 150%;
        overflow: visible;
}

/* -------- Background graphic for home page -------- */

div#posterCurrent44 {
        background-image: url('/liveherelovehere/documents/008998.jpg');
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100%;
        border-radius: 0;
}

div#control44 {
        display: none;
}

/* -------  Background image on generic pages  -------- */

#generic1 div.global,
#generic30 div.global,
#generic31 div.global,
#generic39 div.global,
#generic47 div.global,
#generic57 div.global,
#generic62 div.global {
        width: 100%;
}

.greeting1 div#LHLH-home-page-graphic,
.generic1 div#graphicArea,
.generic30 div#graphicArea,
.generic31 div#graphicArea,
.generic39 div#graphicArea,
.generic47 div#graphicArea,
.generic57 div#graphicArea,
.generic62 div#graphicArea {
        position: absolute;
        top: 173px;
        height: 400px;
        width: 100%;
        margin: 0;
        padding: 0;
        opacity: 0.8;
        left: 0;
        z-index: 0;
}

.greeting1 div#LHLH-home-page-graphic {
        background: #ffffff url('/liveherelovehere/documents/009265.png') no-repeat top center;
        background-size: contain;
        left: 0;
        right: 0;
        bottom: 0;
}

.generic1 div#graphicArea {
        background: #f6faf2 url('/liveherelovehere/documents/007833.jpg') no-repeat top center;
}

.generic30 div#graphicArea {
        background: #f6faf2 url('/liveherelovehere/documents/007829.jpg') no-repeat top center;
}

.generic31 div#graphicArea {
        background: #f6faf2 url('/liveherelovehere/documents/007832.jpg') no-repeat top center;
}

.generic39 div#graphicArea {
        background: #f6faf2 url('/liveherelovehere/documents/007830.jpg') no-repeat top center;
}

.generic47 div#graphicArea {
        background: #f6faf2 url('/liveherelovehere/documents/007831.jpg') no-repeat top center;
}

.generic57 div#graphicArea {
        background: #f6faf2 url('/liveherelovehere/documents/008075.jpg') no-repeat top center;
}

.generic62 div#graphicArea {
        background: #ffffff url('/liveherelovehere/documents/008130.png') no-repeat top center;
}

.greeting1 h1#sectionHeading, .greeting1 div#introduction p,
.generic1 h1#sectionHeading, .generic1 div#introduction p,
.generic30 h1#sectionHeading, .generic30 div#introduction p,
.generic31 h1#sectionHeading, .generic31 div#introduction p,
.generic39 h1#sectionHeading, .generic39 div#introduction p,
.generic47 h1#sectionHeading, .generic47 div#introduction p,
.generic57 h1#sectionHeading, .generic57 div#introduction p {
        color: white;
        text-align: center;
        background: rgba(0, 0, 0, 0.3);
        padding: 2%;
        margin: 10px 15%;
        position: relative;
        left: -120px;
        z-index: 100;
}

greeting1 h1#sectionHeading, .greeting1 div#introduction p {
        left: 0;
        right: 0;
}


.greeting1 h1#sectionHeading,
.generic1 h1#sectionHeading,
.generic30 h1#sectionHeading,
.generic31 h1#sectionHeading,
.generic39 h1#sectionHeading,
.generic47 h1#sectionHeading,
.generic57 h1#sectionHeading {
        margin-top: 0;
}

.generic1 div#introduction,
.generic30 div#introduction,
.generic31 div#introduction,
.generic39 div#introduction,
.generic47 div#introduction,
.generic57 div#introduction {
        position: relative;
    top: -320px;
}

.generic1 div#introduction p,
.generic30 div#introduction p,
.generic31 div#introduction p,
.generic39 div#introduction p,
.generic47 div#introduction p,
.generic57 div#introduction p {
        top: 330px;
        font-size: 130%;
        padding: 2% 5%;
}

.greeting1 h2.first,
.generic1 h2.first,
.generic30 h2.first,
.generic31 h2.first,
.generic39 h2.first,
.generic47 h2.first,
.generic57 h2.first {
        margin-top: 165px;
}

.generic1 #optionsMenucontainer,
.generic30 #optionsMenucontainer,
.generic31 #optionsMenucontainer,
.generic39 #optionsMenucontainer,
.generic47 #optionsMenucontainer,
.generic57 #optionsMenucontainer {
        position: absolute;
        margin-top: 230px;
}

section#sectioncontainer.generic1,
section#sectioncontainer.generic30,
section#sectioncontainer.generic31,
section#sectioncontainer.generic39,
section#sectioncontainer.generic47,
section#sectioncontainer.generic57 {
        margin-top: -300px;
}

section#sectioncontainer.greeting1 {
        margin-top: 260px;
}

#generic1 #submenucontainer,
#generic30 #submenucontainer,
#generic31 #submenucontainer,
#generic39 #submenucontainer,
#generic47 #submenucontainer,
#generic57 #submenucontainer {
        background-color: transparent;
    margin-top: 400px;
}

#generic1 form.generic,
#generic30 form.generic,
#generic31 form.generic,
#generic39 form.generic,
#generic47 form.generic,
#generic57 form.generic {
    margin-top: 275px;
}

#generic62 section#sectioncontainer, #generic62 div#subMenuitems {
        margin-top: 400px;
}

/* ------ Show your support ------- */

div#support-intro {
        margin-top: 150px;
}

/* -------  Paypal payment page  -------- */

body#donate div#freestyle div.blockCenter.form.columnsWide2, body#pay div#freestyle div.blockCenter.form.columnsWide2 {
        border-radius: 20px;
}

input.paypalButton {
        width: auto;
}

/* ------- Billboard  -------- */

.billboard {
        position: relative;
        margin-top: 5px;
        margin-bottom: 5px;
}

#billboard39 {
        margin-top: 20px;
        margin-bottom: 0;
        border-bottom: 2px dotted #206144;
}

.poster {
        border: 0;
        border-radius: 0;
}

div.textualPoster, div.visualPoster {
        position: relative;
        width: 100%;                                /* No difference */
}

.textualPoster div {
        text-align: center;
        background: transparent;
}

.textualPoster {
        z-index: 1;
}

.visualPoster {
        border-bottom-right-radius: 15px;
        z-index: -1;
        overflow: visible;
        margin-top: -375px;
}

.control {
        top: 290px;
}

/* -------  Event category images  -------- */

.event_category_0, a.event_category_0 {
        background: url("/liveherelovehere/images/awards-events.png") no-repeat;
}

.event_category_1, a.event_category_1 {
        background: url("/liveherelovehere/images/clean-up-events.png") no-repeat;
}

.event_category_2, a.event_category_2 {
        background: url("/liveherelovehere/images/greening-events.png") no-repeat;
}

.event_category_3, a.event_category_3 {
        background: url("/liveherelovehere/images/spruce-up-events.png") no-repeat;
}

.mediumBox, .smallBox {
    margin-top: 1px;
    width: 20px;
    height: 20px;
}

/* ------- Lists -------- */

ol, ul {
        margin-left: 10px;
        overflow: hidden;
}

/* -------  Learn more > Partners  -------- */

div.all-partners {
        width: 100%;
}

div.partner {
        background-color: white;
        box-shadow: 0 0 7px #999;
        min-height: 300px;
        padding: 10px;
        width: 28%;
        margin: 10px;
        float: left;
}

div.partner p, div.partner img {
        text-align: center;
}

div.partner img {
        display: block;
    margin: 5px auto 10px;
}

p.partner-text-small {
        font-size: 100%;
}

/* ------- Who's in ------- */

div.all-supporters {
        overflow: hidden;
        width: 100%;
        text-align: center;
}

div.supporters {
        text-align: center;
        vertical-align: middle;
        background-color: white;
        overflow: hidden;
        display: inline-block;
        margin: 10px;
        padding: 10px;
        float: none;
        width: 42%;
}

div.supporters img {
        border: 0;
        padding: 0;
        margin: 10px auto;
}

/* ------- No. 1 goal ------ */

p.note {
        font-size: 180%;
        font-style: italic;
}

/* ------ Small grants ------- */

p.statement {
        font-size: 130%;
        margin: 40px auto 20px;
        width: 60%;
        text-align: center;
}

div.container {
        margin: 1%;
}

div.councils {
        background: #ffffff;
        box-shadow:0 0 10px #999999;
        padding: 2%;
        position: relative;
        margin: 5%;
        text-align: center;
}

div.councils img {
        margin: 35px;
}

/* -------  Small background images  -------- */

#newsitems {
        background-image: url(/liveherelovehere/images/small-bg-images/news-bird.png);
        background-repeat: no-repeat;
    background-position: 80% 20%;
        background-attachment: fixed;
}

#newsitems1 {
        background-image: url(/liveherelovehere/images/small-bg-images/news-people.png);
        background-repeat: no-repeat;
    background-position: 0% 100%;
        background-attachment: fixed;
}

/* ------- Adopt a spot blog  -------- */

#sectioncontainer.blog2, #sectioncontainer.blog3 {
        margin: 0 0 40px 0;
        width: 900px;
}

/* ------ Footer styles ------ */

#footercontainer {
        width: 100%;
        padding: 40px 0 0 0;
        margin: 20px auto 0;
}

.footerContent {
        width: 1170px;
        margin: 0 auto;
        border-top: 0;
}

div.footer-logos {
        text-align: center;
        padding: 40px 0;
}

div.footer-logos img {
        padding: 15px;
        margin: 15px;
}

div.footer-copyright {
        float: left;
        margin-top: 40px;
}

div.footer-contacts {
        float: right;
        margin-top: 50px;
}

div.footer-copyright a.pledge-button {
    text-align: left;
}

div.footer-copyright a img.donationButton {
        display: block;
        margin: 20px 0;
        float: left;
}

div.footer-copyright p {
        text-align: left;
}

div.main-actions {
        min-height: 300px;
}

div.main-actions div {
        width: 25%;
        float: left;
        text-align: center;
}

div.main-actions span {
        text-align: center;
}

div.main-actions p {
        color: #528215;
        font-size: 105%;
        padding: 0 10px;
        text-align: center;
}

div.main-actions a:hover p, div.main-actions a:hover h3 {
        color: black;
}

/* -------  Large buttons  -------- */

/* -------  Buttons - key links  -------- */

a.pledge-button, a.donate-button, a.button {
        padding: 10px 25px;
        background-color: #7dc243;
        color: white;
        border: 1px solid #7dc243;
        border-radius: 5px;
        margin: 5px;
}

a.donate-button {
        background-color: #206144;
}

a.button, input.trigger, a.trigger {
        background-color: transparent;
        border: 1px solid #206144;
        color: #206144;
        margin-top: 5px;
}

a.trigger {
        border-radius: 10px;
        padding: 2px 15px;
}

input.trigger, a.trigger {
        margin-top: 2px;
}

a.pledge-button:hover, a.donate-button:hover {
        background-color: transparent;
        color: #206144;
        border: 1px solid #206144;
}

a.button:hover, input.trigger:hover, a.trigger:hover {
        background-color: #7dc243;
        color: white;
        border: 1px solid #7dc243;
}

/* ------ Events display ------ */

#eventsMonth {
        width: 100%;
}

table.eventCalendar {
        width: 50%;
}

table.eventCalendar td.caltoday, table.eventCalendar td.calcell, table.eventCalendar td.caldayname, table.eventCalendar td.calblank, table.eventCalendar td.eventOn {
        height: 40px;
        width: 14%;
}

#events1 td.calmonthname {
        border-bottom: 1px #909090 solid;
}

#events1 td.caldayname {
        background-color: #dfdfdf;
}

#events1 td.eventOn {
        background-color: #478848;
        color: white;
}

#events1 td.eventOn a {
        color: white;
        display: block;
        text-decoration: none;
        font-weight: normal;
        padding: 10px 0;
        overflow: hidden;
}

td.eventOn a:hover {
        background-color: #233c03;
}

td.calmonthname {
        font-weight: normal;
        color: #206144;
        font-size: 120%;
}

td.calcell {
        background-color: #efefef;
}

td.caltoday {
        background-color: #7dc243;
        color: white;
}

/* ------ 2024 BSC events ------- */

#events2 .subtitle {
        font-size: 50%;
}

#events2 .subtitle a.pledge-button {
        margin: 0 20px 10px 0;
}

#events2 div#eventsMonth {
        width: 370px;
}

#events2 table.eventCalendar {
        width: 100%;
}

#events2 table.eventCalendar td {
        height: auto;
        padding: 5px;
}

#events2 div.newsContent p:nth-child(4), #events2 div.newsContent form {
        display: none;
}

/* ------ Progress-panel ------- */

div.progress-panel {
        width: 380px;
        background-color: #206144;
        color: white;
        padding: 10px 20px 20px;
        border-radius: 20px;
}

div.progress-panel h2 {
        padding-bottom: 8px;
        border-bottom: 1px dotted white;
        color: white;
}

table {
        margin: 0 auto;
}

td {
        border-bottom: 1px solid white;
        border-collapse: collapse;
        padding-bottom: 8px;
        width: 180px;
        margin: 0;
}

td.right {
        text-align: right;
}

/* ------ Show your support ------- */

.selectdrop {
        background-color: #e8f5ff;
        border: 1px solid #c8c8c8;
        font-size: 100%;
    margin: 1px 0;
    padding: 3px;
}

#sectioncontainer.show-your-support .form {
        border: 1px solid darkgrey;
        border-radius: 10px;
}

div#support-intro {
    margin-top: 0;
}

div#left-column {
        float: left;
        width: 30%;
        margin-right: 10px;
}

#sectioncontainer.show-your-support .blockCenter {
        clear: none;
}

/* ---------- Statements  ----------- */

div.contactStatement, div.loginStatement, div.privacyStatement, div.supportStatement {
        width: 60%;
        margin: 10px auto;
        padding: 10px 5%;
        border: 1px #cccccc solid;
        border-radius: 20px;
        font-size: 90%;
}

/* ---------- Donate   Our programmes   Support us ----------- */

div.allDonations {
    margin: 0 auto;
}

div.donation1, div.donation2, div.donation3 {
        width: 30%;
    min-height: 220px;
    float: left;
    margin: 5px;
    padding: 1%;
    text-align: center;
}

div.donation1 img, div.donation2 img, div.donation3 img {
        width: 250px;
}

figcaption {
        font-size: 110%;
        padding-top: 10px;
}

figcaption b {
        font-size: 175%;
        padding: 10px 0;
}

.generic48 figcaption {
        font-size: 100%;
}

/* -------  From 0 - 1190px  ----------- */

@media only screen and (min-width: 0) and (max-width: 1190px) {

        img.donationButton {display: none;}
        div.donation1, div.donation2, div.donation3 {width: 100%;}
}

/* -------  From 0 - 960px  ----------- */

@media only screen and (min-width: 0) and (max-width: 960px) {

        div#bannerExtra {display: none;}
        #headercontainer {top: 0;}
        #menucontainer {width: 100%;}
        div#support-intro {margin-top: 0;}
        .generic17 img, .generic19 img {width: 40%;}
        .generic20 img.center {width: 80%;}
        div#left-column {float: none; width: 98%; margin: 0 auto;}
        #sectioncontainer.show-your-support .blockCenter {clear: both;}
        div.home-message, div.home-facebook {margin-top: 0;}
        div.home-facebook {width: 315px;}
        div.home-link-1, div.home-link-2 {display: none;}
        #sectioncontainer.generic29 img {width: 60%;}
        #blog2 aside#sidebar, #blog3 aside#sidebar {display: none;}
        #mainbar.blog img {width: auto;}
        #sectioncontainer.blog2, #sectioncontainer.blog3 {margin: 0 auto; width: 98%;}
        .generic1 div#graphicArea, .generic30 div#graphicArea, .generic31 div#graphicArea, .generic39 div#graphicArea, .generic47 div#graphicArea, .generic57 div#graphicArea, .generic62 div#graphicArea {display: none;}
        #generic62 section#sectioncontainer, #generic62 div#subMenuitems {margin-top: unset;}
}

/* -------  From 0 - 680px  ----------- */

@media only screen and (min-width: 0) and (max-width: 680px) {

        div.footer-contacts a.pledge-button {display: none;}
        div.footer-contacts, div.footer-copyright {margin-top: 20px; float: none; text-align: center;}
        div.footer-contacts {margin-top: 40px;}
        div.footer-copyright a.pledge-button, div.footer-copyright p {text-align: center;}
    div.footer-copyright a img.donationButton {margin: 20px auto; float: none;}
}

/* -------  Smartphones (portrait and landscape) from 0 - 319px----------- */

@media only screen and (min-width: 0px) and (max-width: 319px) {

        body {font: normal 12px 'OpenSans-Regular', Verdana, Helvetica, sans-serif;}
        img {width: 40%;}
        #mainbar.blog img {width: auto;}
        .footerContent img, #headercontainer img, #events1 img {width: auto;}
        #sectioncontainer, #menucontainer, #submenucontainer, #logindetails, #bannercontainer, .footerContent {width: 96%;}
        .activeMenu, .inactiveMenu {width: 85%;}
        #greeting1 .activeMenu:nth-child(1) {display: none;}
        #greeting1 h1.statement {margin-top: 0; font-size: 120%;}
        #sectioncontainer.generic {width: 96%; margin: 2%;}
        #sectioncontainer.generic10, #sectioncontainer.generic17 {width: 96%; float: none; margin: 0 auto;}
        #sectioncontainer.generic21 iframe {width: 98%;        min-height: 2000px;}
        .generic45 iframe, .generic34 iframe {width: 300px; height: 168px;}
        div.main-actions {min-height: 780px; background: url(/liveherelovehere/images/footer.png) repeat; padding-top: 0;}
        div.main-actions div {width: 100%; margin: 10px auto;}
        div.main-actions div img {width: 50%;}
        div.main-actions div h3 {font-size: 125%;}
        div.main-actions p {font-size: 100%; width: 80%; margin: 0 auto;}
        h1#sectionHeading {padding-top: 0;}
        a.button, input.trigger {display: block; text-align: center; margin: 20px 10px;}
        .generic9 img.right {width: 40%;}
        #generic1 #submenucontainer, #generic30 #submenucontainer, #generic31 #submenucontainer, #generic39 #submenucontainer, #generic47 #submenucontainer, #generic57 #submenucontainer {margin-top: 0;}
        .generic1 h2.first, .generic30 h2.first, .generic31 h2.first, .generic39 h2.first, .generic47 h2.first, .generic57 h2.first {margin-top: 5px;}
        .generic1 h1#sectionHeading, .generic30 h1#sectionHeading, .generic31 h1#sectionHeading, .generic39 h1#sectionHeading, .generic47 h1#sectionHeading, .generic57 h1#sectionHeading {font-weight: normal; color: #206144; font-size: 250%; line-height: 125%; padding: 20px 0 0 0; margin: 0; background-color: white;  text-align: left; left: 0;}
        .generic1 div#introduction, .generic30 div#introduction, .generic31 div#introduction, .generic39 div#introduction, .generic47 div#introduction, .generic57 div#introduction {top: 0; color: #206144;}
        .greeting1 div#introduction p, .generic1 div#introduction p, .generic30 div#introduction p, .generic31 div#introduction p, .generic39 div#introduction p, .generic47 div#introduction p, .generic57 div#introduction p {top: 0;line-height: 150%; font-size: 140%; background-color: white; color: #206144; margin: 0; left: 0; font-style: italic;}
        section#sectioncontainer.generic10, section#sectioncontainer.generic17 {margin-top: 0;}
        section#sectioncontainer.generic1, section#sectioncontainer.generic30, section#sectioncontainer.generic31, section#sectioncontainer.generic39, section#sectioncontainer.generic47, section#sectioncontainer.generic57 {margin-top: 0;}
        #generic1 div.global, #generic30 div.global, #generic31 div.global, #generic39 div.global, #generic47 div.global, #generic57 div.global {width: 98%;}
        .generic1 #optionsMenucontainer, .generic30 #optionsMenucontainer, .generic31 #optionsMenucontainer, .generic39 #optionsMenucontainer, .generic47 #optionsMenucontainer, .generic57 #optionsMenucontainer {text-align: right; position: relative;}
        .generic4 img.vision {width: 80%; float: none; margin: 5px auto;}
        div.partner {width: 60%; min-height: 200px;}
        div.supporters {width: 90%;}
        div.fullCampaigns {float: none; margin: 10px auto; width: 90%;}
        .campaign1, .campaign2, .campaign3, .campaign4 {margin-top: 20px; width: 96%; min-height: 220px;}
        div.home-facebook {float: none; margin: 50px auto;}
        .billboard {display: block; margin-top: 0;}
        .greeting1#sectioncontainer {margin-top: 0;}
        div#billboard43 {margin-top: -100px;}
        div.textualPoster input.trigger {display: inline;}
}

/* -------  Smartphones (portrait and landscape) from 320px - 480px --------- */

@media only screen and (min-width: 320px) and (max-width: 480px) {

        body {font: normal 12px 'OpenSans-Regular', Verdana, Helvetica, sans-serif;}
        img {width: 50%;}
        #mainbar.blog img {width: auto;}
        .footerContent img, #headercontainer img, #events1 img {width: auto;}
        #sectioncontainer, #menucontainer, #submenucontainer, #logindetails, #bannercontainer, .footerContent {width: 98%;}
        #logindetails, #menucontainer {margin-top: 0;}
        #greeting1 .activeMenu:nth-child(1) {display: none;}
        #greeting1 h1.statement {margin-top: 0; font-size: 140%;}
        #sectioncontainer.generic {width: 96%; margin: 2%;}
        #sectioncontainer.generic10, #sectioncontainer.generic17 {width: 96%; float: none; margin: 0 auto;}
        #sectioncontainer.generic21 iframe {width: 98%;        min-height: 2000px;}
        .generic45 iframe, .generic34 iframe {width: 300px; height: 168px;}
        div.main-actions {min-height: 920px; background: url(/liveherelovehere/images/footer.png) repeat; padding-top: 0;}
        div.main-actions div {width: 100%; margin: 10px auto;}
        div.main-actions div img {width: 50%;}
        div.main-actions div h3 {font-size: 120%;}
        div.main-actions p {font-size: 110%; width: 80%; margin: 0 auto;}
        div.partner {width: 60%; min-height: 200px;}
        a.button, input.trigger {display: block; text-align: center; margin: 20px 10px;}
        .generic9 img.right {width: 40%;}
        #generic1 #submenucontainer, #generic30 #submenucontainer, #generic31 #submenucontainer, #generic39 #submenucontainer, #generic47 #submenucontainer, #generic57 #submenucontainer {margin-top: 0;}
        .generic1 h2.first, .generic30 h2.first, .generic31 h2.first, .generic39 h2.first, .generic47 h2.first, .generic57 h2.first {margin-top: 5px;}
        .generic1 h1#sectionHeading, .generic30 h1#sectionHeading, .generic31 h1#sectionHeading, .generic39 h1#sectionHeading, .generic47 h1#sectionHeading, .generic57 h1#sectionHeading, .generic1 h1#sectionHeading {font-weight: normal; color: #206144; font-size: 250%; line-height: 125%; padding: 20px 0 0 0; margin: 0; background-color: white;  text-align: left; left: 0;}
        .generic1 div#introduction, .generic30 div#introduction, .generic31 div#introduction, .generic39 div#introduction, .generic47 div#introduction, .generic57 div#introduction {top: 0; color: #206144;}
        .greeting1 div#introduction p, .generic1 div#introduction p, .generic30 div#introduction p, .generic31 div#introduction p, .generic39 div#introduction p, .generic47 div#introduction p, .generic57 div#introduction p {top: 0;line-height: 150%; font-size: 140%; background-color: white; color: #206144; margin: 0; left: 0; font-style: italic;}
        section#sectioncontainer.generic10, section#sectioncontainer.generic17 {margin-top: 0;}
        section#sectioncontainer.generic1, section#sectioncontainer.generic30, section#sectioncontainer.generic31, section#sectioncontainer.generic39, section#sectioncontainer.generic47, section#sectioncontainer.generic57 {margin-top: 0;}
        #generic1 div.global, #generic30 div.global, #generic31 div.global, #generic39 div.global, #generic47 div.global, #generic57 div.global {width: 98%;}
        .generic1 #optionsMenucontainer, .generic30 #optionsMenucontainer, .generic31 #optionsMenucontainer, .generic39 #optionsMenucontainer, .generic47 #optionsMenucontainer, .generic57 #optionsMenucontainer {text-align: right; position: relative;}
        .generic4 img.vision {width: 70%; float: none; margin: 5px auto;}
        div.supporters {width: 90%;}
        div.fullCampaigns {float: none; margin: 10px auto; width: 90%;}
        .campaign1, .campaign2, .campaign3, .campaign4 {margin: 20px auto; width: 96%; min-height: 180px;}
        div.home-facebook {float: none; margin: 40px auto;}
        img.screenshot {width: 200px;}
        .billboard {display: block; margin-top: 0;}
        .greeting1#sectioncontainer {margin-top: 0;}
        div#billboard43 {margin-top: -120px;}
        div.textualPoster input.trigger {display: inline;}

}

/* -------  Devices for portrait and landscape) from 481px - 768px ---- */

@media only screen and (min-width: 481px) and (max-width: 768px) {

        body {font: normal 12px OpenSans-Regular, Verdana, Helvetica, sans-serif;}
        img {width: 60%;}
        #mainbar.blog img {width: auto;}
        .footerContent img, #headercontainer img, #events1 img {width: auto;}
        #sectioncontainer, #menucontainer, #submenucontainer, #logindetails, #bannercontainer, .footerContent {width: 98%;}
        #logindetails, #menucontainer {margin-top: 0;}
        .activeMenu a, .inactiveMenu a {padding: 4px 10px;}
        #greeting1 h1.statement {margin-top: 0; font-size: 160%;}
        #sectioncontainer.generic {width: 60%; float: left;}
        #sectioncontainer.generic9,
        #sectioncontainer.generic10,
        #sectioncontainer.generic17,
        #sectioncontainer.generic20,
        #sectioncontainer.generic25,
        #sectioncontainer.generic29,
        #sectioncontainer.generic30 {width: 96%; float: none; margin: 0 auto;}
        section#sectioncontainer.generic1, section#sectioncontainer.generic30, section#sectioncontainer.generic31, section#sectioncontainer.generic39, section#sectioncontainer.generic47, section#sectioncontainer.generic57 {margin-top: 5px;}
        #subMenuitems {min-width: 205px; margin-right: 10px; margin-top: 0;}
        #blog1 aside#sidebar {display: none;}
        #footercontainer {background: none; padding: 0;}
        #sectioncontainer.generic21 iframe {width: 98%; min-height: 1700px;}
        .generic45 iframe, .generic34 iframe {width: 400px; height: 224px;}
        div.main-actions {min-height: 540px; background: url(/liveherelovehere/images/footer.png) repeat; padding-top: 40px;}
        div.main-actions div {width: 48%; margin: 10px auto;}
        div.main-actions div img {width: 70%;}
        div.main-actions div h3 {font-size: 125%;}
        div.main-actions p {font-size: 100%; width: 80%; margin: 0 auto;}
        div.partner {width: 60%; min-height: 200px;}
        a.pledge-button, a.button {padding: 10px 5px; margin: 20px 5px;}
        div.bannerContent a.button {padding: 8px 5px; margin-top: 72px; margin-right: 2px;}
        .generic9 img.right {width: 40%;}
        .generic13 a.button, .generic1 a.button {padding: 10px; display: inline-table; margin: 2px;}
        #generic1 #submenucontainer, #generic30 #submenucontainer, #generic31 #submenucontainer, #generic39 #submenucontainer, #generic47 #submenucontainer, #generic57 #submenucontainer {margin-top: 0;}
        .generic1 h2.first, .generic30 h2.first, .generic31 h2.first, .generic39 h2.first, .generic47 h2.first, .generic57 h2.first {margin-top: 0;}
        .generic1 h1#sectionHeading, .generic30 h1#sectionHeading, .generic31 h1#sectionHeading, .generic39 h1#sectionHeading, .generic47 h1#sectionHeading, .generic57 h1#sectionHeading, .generic1 h1#sectionHeading {font-weight: normal; color: #206144; font-size: 250%; line-height: 125%; padding: 20px 0 0 0; margin: 0; background-color: white;  text-align: left; left: 0;}
        .generic1 div#introduction, .generic30 div#introduction, .generic31 div#introduction, .generic39 div#introduction, .generic47 div#introduction, .generic57 div#introduction {top: 0; color: #206144;}
        .greeting1 div#introduction p, .generic1 div#introduction p, .generic30 div#introduction p, .generic31 div#introduction p, .generic39 div#introduction p, .generic47 div#introduction p, .generic57 div#introduction p {top: 0;line-height: 150%; font-size: 140%; background-color: white; color: #206144; margin: 0; left: 0; font-style: italic;}
        .generic1 #optionsMenucontainer, .generic30 #optionsMenucontainer, .generic31 #optionsMenucontainer, .generic39 #optionsMenucontainer, .generic47 #optionsMenucontainer, .generic57 #optionsMenucontainer {text-align: right; position: relative;}
        .generic4 img.vision {width: 70%; float: none; margin: 5px auto;}
        div.supporters {width: 90%;}
        .campaign1, .campaign2, .campaign3, .campaign4 {margin-top: 30px;
width: 96%; min-height: 180px;}
        .campaign1, .campaign3 {margin-right: 2%;}
        .campaign2, .campaign4 {margin-right: 0;}
        img.screenshot {width: 270px;}
        .generic62 img.center {width: 90%;}
        .billboard {display: block;}
        .billboard {display: block; margin-top: 0;}
        .greeting1#sectioncontainer {margin-top: 0;}
        div#billboard43 {margin-top: -50px;}
        div.fullCampaigns {float: none; margin: 10px auto; width: 90%;}
        .campaign1, .campaign2, .campaign3, .campaign4 {margin: 10px auto; min-height: 140px;}
        div.home-facebook {float: none; margin: 20px auto;}
}

/* -------  Tablets (portrait and landscape) from 480px - 640px ----------- */

@media only screen and (min-width: 480px) and (max-width: 640px) {

        body {font: normal 11px 'OpenSans-Regular', Verdana, Helvetica, sans-serif;}
        #sectioncontainer.generic {width: 96%; margin: 2%;}
}

/* ---  Larger tablets (portrait and landscape) from 769px - 959px --- */

@media only screen and (min-width: 769px) and (max-width: 959px) {

        body {font: normal 12px 'OpenSans-Regular', Verdana, Helvetica, sans-serif;}
        #sectioncontainer, #menucontainer, #submenucontainer, #bannercontainer, #logindetails, .footerContent {margin: 0 auto; width: 98%;}
        div#searchSite {display: none;}
        div#global {width: 100%; margin: 0 auto;}
        #greeting1 h1.statement {margin-top: 0; font-size: 180%;}
        #sectioncontainer.generic {width: 70%; float: left;}
        #sectioncontainer.generic9,
        #sectioncontainer.generic10,
        #sectioncontainer.generic17,
        #sectioncontainer.generic20,
        #sectioncontainer.generic25,
        #sectioncontainer.generic29,
        #sectioncontainer.generic30 {width: 98%; float: none; margin: 0 auto;}
        section#sectioncontainer.generic1, section#sectioncontainer.generic30, section#sectioncontainer.generic31, section#sectioncontainer.generic39, section#sectioncontainer.generic47, section#sectioncontainer.generic57 {margin-top: 5px;}
        #subMenuitems {min-width: 205px; margin-right: 10px;}
        #sectioncontainer.generic21 iframe {width: 550px; min-height: 1200px;}
        .generic45 iframe, .generic34 iframe {width: 560px; height: 315px;}
        div.main-actions {min-height: 275px;}
        div.main-actions div img {width: 80%;}
        div.main-actions div h3 {font-size: 125%;}
        div.main-actions p {font-size: 95%;}
        .activeMenu a, .inactiveMenu a {padding: 4px 10px;}
        .activeMenu, .inactiveMenu {font-size: 115%;}
        #footercontainer {padding-top: 65px;}
        div.partner {width: 40%;}
        .generic13 a.button, .generic1 a.button {padding: 10px; display: inline-table; margin: 2px;}
        #generic1 #submenucontainer, #generic30 #submenucontainer, #generic31 #submenucontainer, #generic39 #submenucontainer, #generic47 #submenucontainer,  #generic57 #submenucontainer {margin-top: 0;}
        .generic1 h2.first, .generic30 h2.first, .generic31 h2.first, .generic39 h2.first, .generic47 h2.first, .generic57 h2.first {margin-top: 0;}
        .generic1 h1#sectionHeading, .generic30 h1#sectionHeading, .generic31 h1#sectionHeading, .generic39 h1#sectionHeading, .generic47 h1#sectionHeading, .generic57 h1#sectionHeading, .generic1 h1#sectionHeading {font-weight: normal; color: #206144; font-size: 250%; line-height: 125%; padding: 20px 0 0 0; margin: 0; background-color: white;  text-align: left; left: 0;}
        .generic1 div#introduction, .generic30 div#introduction, .generic31 div#introduction, .generic39 div#introduction, .generic47 div#introduction, .generic57 div#introduction {top: 0; color: #206144;}
        .greeting div#introduction p, .generic1 div#introduction p, .generic30 div#introduction p, .generic31 div#introduction p, .generic39 div#introduction p, .generic47 div#introduction p, .generic57 div#introduction p {top: 0;line-height: 150%; font-size: 140%; background-color: white; color: #206144; margin: 0; left: 0; font-style: italic;}
        .generic1 #optionsMenucontainer, .generic30 #optionsMenucontainer, .generic31 #optionsMenucontainer, .generic39 #optionsMenucontainer, .generic47 #optionsMenucontainer, .generic57 #optionsMenucontainer {text-align: right; position: relative;}
        div.supporters {width: 90%;}
        img.screenshot {width: 480px;}
        .generic33 img.hubert {width: 80%;}
        .generic62 img.center {width: 90%;}
        .billboard {display: block; margin-top: 0;}
        .greeting1#sectioncontainer {margin-top: 0;}
        .greeting1 div#LHLH-home-page-graphic {top: 209px;}
        div.home-facebook {width: 42%; margin-top: 90px;}
        div.fullCampaigns {width: 55%; margin: 10px auto 20px;}
        .campaign1, .campaign2, .campaign3, .campaign4 {width: 45%; min-height: 230px; margin-right: 0;}
}

/* -------  Tablets (portrait and landscape) from 360px - 920px ----------- */

@media only screen and (min-width: 360px) and (max-width: 920px) {

        #menucontainer {overflow: visible;}
        div.bannerContent {text-align: center;}
        div.bannerContent a.button {margin: 12px auto; float: none; display: inline-block;}
        #logo {margin: 10px auto; display: block; float: none;}
        .bannerContent {top: 15px;}
        .virginmoney {margin: -5px auto; float: none; display: block;}

}

/* -------  Smart phones (portrait and landscape) from 240px - 359px ------- */

@media only screen and (min-width: 240px) and (max-width: 359px) {

        #menucontainer {margin-top: 265px; overflow: visible;}
        #logindetails {margin-top: -300px;}
        div.bannerContent {text-align: center;}
        div.bannerContent a.button {margin: 12px auto; float: none; display: inline-block;}
        #logo {margin: 10px auto; display: block; float: none;}
        img#logo {margin-top: 20px;}
        .bannerContent {top: 15px;}
        .virginmoney {margin: -5px auto; float: none; display: block;}

}

/* -------  Larger monitors from 960px - 1190px ----------- */

@media only screen and (min-width: 960px) and (max-width: 1190px) {

        #sectioncontainer, #menucontainer, #submenucontainer, #bannercontainer, #logindetails, .footerContent {margin: 0 auto; width: 960px;}
        #menucontainer {width: 100%;}
        div#searchSite {margin-left: 715px;}
        #logindetails {margin: -160px auto 0 auto;}
        #menucontainer {margin: 90px auto 0;}
        #sectioncontainer.generic {width: 680px; float: left;}
        #subMenuitems {max-width: 240px;}
        #subMenuitems.private {max-width: 100%;}
        #sectioncontainer.generic9,
        #sectioncontainer.generic10,
        #sectioncontainer.generic17,
        #sectioncontainer.generic20,
        #sectioncontainer.generic25,
        #sectioncontainer.generic29 {width: 960px; float: none; margin: 0 auto;}
        .billboard {margin-bottom: 0;}
        .control {display: none;}
        #greeting1 h1.statement {margin-top: 0; font-size: 200%;}
        div.main-actions div img {width: 90%;}
        #sectioncontainer.generic21 iframe {width: 725px;}
        .generic45 iframe, .generic34 iframe {width: 560px; height: 315px;}
        div.main-actions div h3 {font-size: 130%;}
        div.main-actions p {font-size: 100%;}
        div.partner {width: 40%;}
        div.home-link-1 {width: 80%;}
        div.home-text-2 {top: -320px;}
        .campaign1, .campaign2, .campaign3, .campaign4 {min-height: 275px;}
        img.screenshot {width: 580px;}
        .generic33 img.hubert {width: 80%;}
        .generic62 img.center {width: 90%;}
        #sectioncontainer.blog2, #sectioncontainer.blog3 {margin: 0 auto; width: 960px;}
        div.home-facebook {width: 30%;}
        div.fullCampaigns {width: 67%;}
        .campaign1, .campaign2, .campaign3, .campaign4 {width: 42%; min-height: 240px;}
}

/* -------  Larger devices (portrait and landscape, 961px - 980px) ----------- */

@media only screen and (min-width: 961px) and (max-width: 980px) {

        #sectioncontainer, #menucontainer, #submenucontainer, #bannercontainer, #logindetails, .footerContent {margin: 0 auto; width: 940px;}
        div#searchSite {margin-left: 695px;}
        #logindetails {margin: -160px auto 0 auto;}
        #menucontainer {margin: 90px auto 0px;}
        #sectioncontainer.generic {width: 685px; float: left;}
        #sectioncontainer.generic10,
        #sectioncontainer.generic17 {width: 940px; float: none; margin: 0 auto;}
}

/* ------- 202411 Home page change from 0px - 959px ------- */

@media only screen and (min-width: 0px) and (max-width: 959px) {
        .greeting div#LHLH-home-page-graphic {display: none;}
        .greeting1 div#introduction {visibility: visible;}
        section#sectioncontainer.greeting1 {margin-top: 20px;}
}

@media only screen and (min-width: 960px) and (max-width: 6300px) {
        .greeting1 div#introduction {
        visibility: hidden;
}

/* ------- */