/* MaxPageWidth - max-width: 1300px; } */

body { font-family: Arial, Helvetica, sans-serif;  }

.StickyNavbarContainerAll { position: fixed; top: -100px;  z-index: 99; }

/* GENERAL LAYOUT - Begin */
.DivAll { width: 100%; height: 100%; }
.HeaderAll { width: 100%; }
.HeaderAll_Inner { max-width: 1300px; background-size: 100% 100%; background-repeat: no-repeat; background-position: 0% 10%; margin: 0px auto 0px auto;}
.PageHeader { max-width: 1300px; width: 100%; height: 100px; margin: 0px auto 0px auto;  }
.PageHeader::after { content: ""; clear: both; display: table; }
.PageHeaderLeft { width: 100%; float: left; }
.PageHeaderRight { width: 0%; float: right; display: none; }
.PageTopLogo { display: inline-block; margin-top: 15px; max-width: 400px; width: 96%; margin-left: 2%; }
.NavbarContainerAll { width: 100%; }
.NavbarContainer { max-width: 1300px; width: 100%; height: 40px; margin: 0px auto 0px auto; background-color: red; }
.PageBodyAll { width: 100%;  }
.StickyNavbarContainerAll + .PageBodyAll { padding-top: 140px; /*This is to prevent content jumping when navbar reaches sticking position*/ }
.PageBody { max-width: 1300px; width: 100%; margin: 0px auto 0px auto; }
.PageBottomAll { width: 100%; }
.PageBottom { max-width: 1300px; width: 100%; margin: 0px auto 0px auto; }
/*Pageover message*/
#AllOuterOverlay { position: absolute; top: 0px; width: 100%; height: 100%; margin: 0px auto 0px auto; background-color: black ; opacity: 0.5; filter: alpha(opacity=50); z-index: 11;  }
#AllInnerOverlay { position: absolute; top: 0px; width: 100%; height: 100%; text-align: center;  z-index: 12; }
#div_pgeovrMsg_box { width: 800px; max-width: 100%; border-radius: 6px; margin: 140px auto 0px auto; z-index: 13 }
#div_pgeovrMsg { margin: 0px 5% 0px 5%; padding: 2%; }
#div_pgeovrMsg_btns { padding: 4%; overflow: hidden; text-align: center; font-size: 1.5em; font-weight: bold; }

@media only screen and (min-width: 768px /*Layout*/ ) {
.PageHeaderLeft { width: 60%; min-width: 425px; }
.PageHeaderRight { width: 40%; display: block; padding: 12px; }
.PageHeaderRight > .rightNav { text-align: right; }
}

/* Full Desktop */
@media only screen and (min-width: 1300px/*Layout*/) {
    .PageHeader, .NavbarContainer { /*border-left: solid 1px #5c64b9; border-right: solid 1px; box-shadow: 0px 0px 15px #34399b;*/ }
    .PageBody { border: solid 1px #aaaaaa; border-top: none; border-radius: 0px 0px 8px 8px; box-shadow: 0px 0px 15px #666666; -webkit-box-shadow: 0px 0px 15px #666666; -moz-box-shadow: 0px 0px 15px #666666;  }
    .PageTopLogo { margin-top: 15px; }
}


/* GENERAL LAYOUT - End */


/* HOME PAGE - Begin */

/* HOME PAGE - End */



/* MAIN NAVIGATION - Begin */

/*Mobile*/
.mblMenuIcon { float: right; margin: 0px 15px 0px 0px; font-size: 36px; color: yellow; }
.mobile_collapser { display: block; cursor: pointer; } 
.mobile_collapser:before { content: '\2261'; display: block; } 
#hidden_menu_collapser { display: none; } 
#hidden_menu_collapser:checked + ul { height: auto; min-height: 40px; max-height: 2999px;  } 
.mblPgHdrRightLinks { padding: 10px 15px 8px 15px; }
.mblPgHdrRightLinks > .contactInfo { margin-top: 8px; font-size: 12px; }
.menu_container { max-width: 1300px; margin-bottom: 0px; height: auto; clear: both; border-radius: 0px; margin-top: 40px; font-size: 16px; }  
.menu_container > ul { position: relative; list-style: none; margin: 0px; padding: 0; background-color: inherit; height: 0; overflow: hidden; text-align: left; z-index: 99;  }
.menu_container > ul > .li_dropdown { display: block; border-bottom: 1px solid; }
.menu_container > ul > .li_dropdown > .dropbtn { display: table-cell; height: 40px; vertical-align: middle; padding: 0 12px 0 12px;  }
.menu_container > ul > .li_dropdown > .dropdown_content { display: none; } 
.menu_container > ul > .li_dropdown:hover .dropdown_content { display: block; } 
.menu_container > ul > .li_dropdown > .dropdown_content a { display: block; font-weight: bold; padding: 8px 0px 8px 30px; border-bottom: 1px solid; }
.UlNavBar { font-size: 16px; }



/*Desktop*/
@media only screen and (min-width: 768px) {
    .hideInMbl { display: table-cell; }

    .hmPgBody { background-repeat: repeat-y; background-position: right 0; background-size: 33.33%; }

    .menu_container { position: relative; }

    .mblPgHdrRightLinks { display: none !important; }
    .mobile_collapser { display: none; } 
    .menu_container > ul > .quickLinks { float: right !important; border-right: none !important; }
    .menu_container > ul > .quickLinks > .dropdown_content { right: 0; left: auto; }

    .menu_container { margin-top: 0px;  }  
    .menu_container > ul { height: auto; position: static; text-align: left; float: right; /*left|right|none*/ max-width: 1164px !important; overflow-x: hidden !important; }
    .menu_container > ul > .li_dropdown { float: left; display: inline-block; border-right: 1px solid; border-bottom: none;   }
    .menu_container > ul > .li_first { border-left: 1px solid; }
    .menu_container > ul > .li_last { border-right: 1px solid; }

    .menu_container > ul > .li_dropdown > .dropdown_content { position: absolute; display: none; box-sizing: content-box; border-top: 1px solid; z-index: 99;  } 
    .menu_container > ul > .li_dropdown > .dropdown_content a { padding: 8px 15px 8px 15px; } 

}

@media only screen and (max-width: 768px) {
    .hideInMbl { display: none !important; }
}



/* menuColourTheme */
/* 
    topNavBkgColour (from/to) 91bf38/577321 -- topNavTextColour fffffe 
    ddownBkgColour 9bd727 -- ddownTextColour fffffd -- borderClor cdf580
    quickLinkBkgColour 38bf93 -- hoveredNavTextColour 000002
*/
/*Mobile*/
.menuColourTheme { background-color: #91bf38; }
.menuColourTheme > ul > .li_dropdown > a { color: #fffffe; }
.menuColourTheme > ul > .li_dropdown { border-color: #cdf580;  }
.menuColourTheme > ul > .li_dropdown > .dropdown_content { background-color: #9bd727; }
.menuColourTheme > ul > .li_dropdown > .dropdown_content > a { border-color: #cdf580; color: #fffffd;  }
.menuColourTheme > ul > .quickLinks { background-color: #38bf93 !important; }
/*Desktop*/
@media only screen and (min-width: 1164px/*Layout*/) {
    .menuColourTheme { background-color: transparent; }
    .menuColourTheme > ul > .li_dropdown > a { background: linear-gradient(#69a000, #3f6000); }
    .menuColourTheme > ul > .quickLinks > a { background-color: #38bf93 !important; background: linear-gradient(#38bf93, #38bf93); }
    .menuColourTheme > ul > .li_dropdown > a:hover { color: #000001;  }
    .menuColourTheme > ul > .li_dropdown:hover { background-color: #9bd727;  }
    .menuColourTheme > ul > .quickLinks:hover .dropbtn { background-color: #38bf93 !important; background: linear-gradient(#38bf93, #38bf93) !important; }
    .menuColourTheme > ul > .li_dropdown:hover .dropbtn { color: #000002; background-color: #9bd727; background: linear-gradient(#9bd727, #9bd727); }
    .menuColourTheme > ul > .li_dropdown > .dropdown_content { background-color: transparent; border-top-color: #cdf580; }
    .menuColourTheme > ul > .li_dropdown > .dropdown_content > a { background-color: #9bd727; }
    .menuColourTheme > ul > .li_dropdown > .dropdown_content > a:hover { background-color: #91bf38; color: #000002; }
}


/* MAIN NAVIGATION - End */