* {margin: 0; padding: 0; border: 0;} 
body {text-align: center; background: white;font-family: verdana, tahoma, arial, sans-serif; font-size: 95%;}
a {color: white; padding: 0 2px;}
a:hover {color: silver;}
#center a {color: #516f24;}
#center a:hover {background: #d6aeb5; color: #000;}
h1 {margin: .6em 0; text-align: left; font-size: 98%;clear:both;color:white;}
h2, h3, h4, p {margin: 1em 0; text-align: left; font-size: 98%;}
ol {margin: 3px; padding:0; list-style-position: inside;}
ul {margin: 1em 2em;}
hr {color:#516f24; background-color:#516f24; height:1px; margin-top: 0px; margin-bottom: 1px;} /* General Site Colour */
img {max-width:100%;height:auto}
#members_photo  img  {float:right; border-radius:10px;border:1px solid #ccc;background:#fff;margin:5px}
#members_pictures {border-color:#fff; padding: 3px 3px;}
#image_right {float:right; margin-left: 3px;}
#wrapperc {background: #516f24; text-align: center; width: 100%; margin: 0 auto; border: 0px solid red;}
#wrapper {background: #fff; text-align: left; width: 90%; margin: 0 auto; font-size: 80%; border: 12px solid #fff;}
#header, #subnav, #footer {clear: both; width: 100%;}
#header {background: #516f24; color: #516f24; text-align: right; padding: 0px 0;}    /* General Site Colour - padding issue */
#subnav {background: #516f24; color: #000; border-width: 0px 0; border-style: solid; border-color: gray;}
#footer {text-align:center; color:gray; background:#fff;} 
#footer div {padding: 1px 0;}
#contentfloatholder {float: left; width: 100%; position: relative;}
#contentfloatholder:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#centerpad {margin: 0 200px;}
#centerpad {display: block;}
#center {color: #000; float:left; width: 100%; margin-right: -95%;}
#left {float:left;  width: 180px;  margin-left: -5%;}
#right {float:right;  width: 190px;}
#date {text-align:right;color:#fff}
#small {text-align: center; font-size: 50%;}
#sitemeter {text-align:left; visibility: hidden;}
/*#footer  a {color: #516f24;}*/
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p {padding: 0 5px;}
#pagetop {float:left;background: #fff; border: 6px solid #fff;}
#wrapper {position: relative;z-index: 500;}

#right a:link {text-decoration: underline; color: black;}
#right a:visited {text-decoration: underline;color: gray;}
#right a:hover {text-decoration: none;color: green;}
#left a:link {text-decoration: none;}
#left a:visited {text-decoration: none; color: silver;}
#left a:hover {text-decoration: underline; color: white;}
#left > label {color: white;}

.rjrounded h6, .zrounded h6 {margin:0; font-size:1.0em; padding:0 8px 3px 8px; border-bottom:1px solid #516f24;}
.rjrounded p, .zrounded p {margin:0; padding:5px 0; font-size:10px; line-height:125%;}
.rjrounded {background: transparent; width:100%;   /*Adjust the width here*/ float:left; margin:0 0 0px 0;line-height:125%;}
.rjtop, .rjbottom {display:block; background:transparent; font-size:1px;}
.rjb1, .rjb2, .rjb3, .rjb4 {display:block; overflow:hidden;}
.rjb1, .rjb2, .rjb3 {height:1px;}
.rjb2, .rjb3, .rjb4 { border-left:1px solid #516f24 ;border-right:1px solid #516f24;}  /* General Site Colour */
.rjb1 {margin:0 5px; background:#516f24;}   /* General Site Colour */
.rjb2 {margin:0 3px; border-width:0 2px; }
.rjb3 {margin:0 2px; }
.rjb4 {height:2px; margin:0 1px;}
.rjboxcontent {display:block; border:0 solid #516f24; border-width:0 1px; height:auto; }
div.rjboxcontent div{ padding: 0 0px 0px;}
* html .rjboxcontent {height:1px;}
.color_a {background: #516f24; /* Change the site side menu colour here*/ color:#000;}

#sidenavcontainer a, #menu a:visited {font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none; background-color:#516f24; color:#000; display:block; width:14.85em; height:1.1em; border-bottom:1px solid #516f24;  border-right:0px solid #516f24; padding:0.0em; text-indent: 1em}
#sidenavcontainer a:hover {font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif; text-align:left;background-color:#516f24;}
#sidenavcontainer a:visited {font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif; text-align:left;background-color:#516f24;color:maroon;}
#sidenavcontainer strong {font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none; display:block; background-color:#516f24; width:14.85em; height:1.3em; padding:0.0em; text-indent: 0.5em}

.textbottom {vertical-align:middle;} 

input.toggle {display: none;}

ul { margin-left:0.0em; padding-left:0px; }
li { margin-top:0.2em; }


.nav{ font-weight: bold;display:block; width:180px; float:left; height:auto;margin-top:10px;margin-left: -5%;background-color:#516f24;-webkit-border-radius: 5px;border-radius: 5px;}
.menu {padding:5px;margin:5px}
#toggle, .toggle { display: none; }
.menu > li { list-style: none;width:100%; float:left; ;-webkit-border-radius: 5px;border-radius: 5px;	}
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.menu > li > a{background-color:#516f24; color:#fff!important; display:block;padding:5px;text-decoration: none;}
.menu > li > a:hover, .menu > li > a:focus{text-align:left;color: #F4F4F4;important}
.menu a:visited {color: silver;}
.toggle{z-index: 2;}

@media only screen and (max-width: 760px) {
img {max-width:100%}
#hdim { display:none;}
#date{display:none}
#pagetop {width:100%;}
#subnav a{display:inline-block;float:left;padding:5px 10px;line-height: 20px;width:90px;text-align:center}
#subnav a:hover{color:black!important;background:#f2f2f2}
#subnav:after{   content:"";    display:table;    clear:both;}
#centerpad {margin: 0}
#right {clear:both;display:block;float:left}
#footer img {max-width:100%}
#topimage-right, #topimage-rightr, #topimage-rightt {display:none}
.toggle { display: block;  position: absolute;top:-180px;right:50px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none}
#members_photo img {display: block;    margin-left: auto;    margin-right: auto;float:none;max-width:200px; border-radius: 15px;-webkit-box-shadow:3px 3px 3px #767676;box-shadow:3px 3px 3px #767676}


#sidenavcontainer { display:block; width:100px; position: absolute;top:-150px;right:80px; height:auto;margin-left:0px;padding: 0px;background-color:#fff;}
#sidenavcontainer > a { display: block; text-decoration: none; width:120px}
#sidenavcontainer { display: none; opacity: 0;}
#toggle:checked ~ #sidenavcontainer { display: block; opacity: 1;}
#sidenavcontainer > a{display:block;padding: 5px 5px;}
#sidenavcontainer > a:hover, .menu > li > a:focus{background: #F2F2F2;padding: 5px}
.toggle:after {content: 'Menu';display: block;width: 100px;padding: 10px 20px;-webkit-border-radius: 5px;border-radius: 5px;text-align: center;color: #FFFFFF;}


.nav{ display:block; width:100px;  position: absolute;top:-180px;right:80px; height:auto;margin-left:0px;padding: 0px;background-color:#fff;}
.menu { display: none; opacity: 0;}
.menu > li { display: block;width: 150px;  }
.menu > li > a { display: block; text-decoration: none; }
.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
#toggle:checked ~ .menu { display: block; opacity: 1;}
.menu, .menu > li, .menu > li > a{height: auto;}
.menu > li > a{display:block;padding: 5px 5px;}
.menu > li > a:hover, .menu > li > a:focus{background: #F2F2F2;padding: 5px}
.toggle:after {content: 'Menu';display: block;width: 100px;background:#516f24;padding: 10px 20px;-webkit-border-radius: 5px;border-radius: 5px;text-align: center;color: #FFFFFF;}
#toggle:checked + .toggle:after{content: 'Close Menu';}
}

@media only screen and (max-width: 900px) {
#hdim img{max-width:450px;}}



.menu {padding:5px;margin:5px}
#toggle, .toggle { display: none; }
.menu > li { list-style: none;width:100%; float:left; ;-webkit-border-radius: 5px;border-radius: 5px;	}
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

#partners p {text-align: center;font-size: 100%;}
#rightcentre p {width:180px;margin:0px auto;text-align: center;font-size: 100%;}

@media only screen and (max-width: 760px) {
img {max-width:100%}
#hdim { display:none;}
#date{display:none}
#pagetop {width:100%;}
#subnav a{display:inline-block;float:left;padding:5px 10px;line-height: 20px;width:90px;text-align:center}
#subnav a:hover{color:black!important;background:#f2f2f2}
#subnav:after{   content:"";    display:table;    clear:both;}
#centerpad {margin: 0}
#right {clear:both;display:block;float:left}
#footer img {max-width:100%}
#topimage-right, #topimage-rightr, #topimage-rightt {display:none}


input.toggle ~ div {height: 0px;  overflow: hidden; }
input.toggle:checked ~ div {height: auto;}
input.toggle:checked + label {background: #00509F}
input.toggle {display: none;}
#lc {position: absolute;top:-250px; right:2px; width:130px; height:auto; margin-left:0px; padding: 0px; color:white}
#lc > a {display:block; text-decoration: none; width:130px}

}

/*24.) Partner Logo Animation
 ===============================================*/
 div#partners a,
img.aaduki, img.loxley, img.permajet{padding: 1%;}
 
img.aaduki:hover, img.loxley:hover, img.permajet:hover{
-webkit-box-shadow: 0px 0px 20px 0px #ce8da0;
-moz-box-shadow: 0px 0px 20px 0px #ce8da0;
box-shadow: 0px 0px 20px 0px #ce8da0;
animation: none;

}

div#footer-logo img:hover{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

div#footer-logo img,
#Footer img.trustPilot{animation: none;}

/* pulse animation */
img.aaduki, img.loxley, img.permajet {animation: pulse 2.5s infinite; border-radius: 4px;}

@keyframes pulse {
  0% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 0px transparent;}
  10% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 1px #eb5c9d;}
  20% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 2px #f39323;}
  30% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 3px #feca1a;}
  40% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 4px #8ec045;}
  50% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 4px #55b14b;}
  60% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 3px #65bfac;}
  70% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 2px #00a4e3;}
  80% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 1px #7671b2;}
  90% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 0px #000000;}
  100% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 0px transparent;}
}

img.aaduki:nth-child(1){
    -webkit-animation-delay: 0.1s;
}

img.loxley:nth-child(1){
    -webkit-animation-delay: 0.2s;
}

img.permajet:nth-child(1){
    -webkit-animation-delay: 0.3s;
}

/* pulse animation */

@media only screen and (min-width: 1200px) {
.row{display:table;width:100%;clear:both;border-spacing:10px;table-layout:fixed}
.grid_3{display:table-cell;width:25%;border:1px solid #ccc;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px}

}