body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: 'Montserrat', sans-serif;}
a[href^=tel] {color:inherit;text-decoration:none;}
a {text-decoration: none;}
a img {border:none;}
img, object, embed, video {max-width: 100%;}
.container {width: 100%;max-width: 1920px;margin: 0px auto;}
.google-maps {position: relative;padding-bottom: 75%; // This is the aspect ratioheight: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 96% !important;height: 100% !important;}
.wrap {margin:0 auto;width:85%;max-width:1500px;}
#header, #footer {width:100%;float:left;}
#header {height:100px;background:white;color:black;}
#logo {width:40%;float:left;}
#phone {width:16%;margin-right:2%;float:left;text-align:center;font-size:1.1em;padding-top:30px;}
#symbol {float:left;}
#text {float:left;padding-top:5px;padding-left:10px;color:#218BA5;}
#email {width:20%;margin-right:2%;float:left;text-align:right;font-size:1.1em;padding-top:30px;}
#email a{text-decoration:none;color:#218BA5;}
#social {text-align:right;width:20%;float:left;padding-top:25px;}
#mainbanner {width:100%;height:500px;}
#bannertextcontainer {width:60%;float:left;}
#bannerimage {width:40%;float:right;text-align:right;}
#bannerwelcome {font-size:3em;font-weight:300;color:#218BA5;padding-top:20px;}
#bannerkb {font-size:3em;font-weight:900;color:#213665;padding-top:5px;}
#bannermain {font-size:1.3em;font-weight:400;color:#808080;padding-top:20px;line-height:1.5em;}
#banneraction {font-size:1.1em;font-weight:400;color:#808080;padding-top:40px;line-height:1.8em;}
#bannerbutton {font-size:1em;font-weight:400;color:white;background:linear-gradient(to right, #218BA5, #213665);width:30%;padding-top:12px;text-align:center;height:30px;}
#bannerbutton a{text-decoration:none;color:white;}
#convbutton {font-size:1em;font-weight:400;color:white;background:linear-gradient(to right, #218BA5, #213665);width:30%;padding-top:12px;text-align:center;height:50px;margin-top:20px;margin-bottom:20px;}
#convbutton a{text-decoration:none;color:white;}
#convbutton2 {font-size:1em;font-weight:400;color:white;background:linear-gradient(to right, #218BA5, #213665);width:30%;padding-top:12px;text-align:center;height:50px;margin-top:20px;margin-bottom:20px;}
#convbutton2 a{text-decoration:none;color:white!important;}

#calltoaction{width:90%;margin-left:2%;background-color:#213665;zoom:1;color:white;padding:2px 10px 2px 15px;-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;margin-bottom:30px;text-align:center;}
#calltoaction a {color:white;text-decoration:none;font-size:1.2em;}
#calltoaction a:hover {color:white;font-style:italic;}


#greystripecontainer {width:100%;position:relative;}
.greytext-block {position: absolute;top: 200px;left:1100px;padding-left: 80px;padding-right: 40px;height:30%;width:30%;font-size:1.3em;color:#808080;line-height:1.7em;}
.extratext-block {position: absolute;top: 400px;left:600px;background:#218BA5;padding-left: 80px;padding-right: 40px;padding-top:20px;height:15%;width:50%;font-size:1.5em;color:white;line-height:1.7em;font-weight:800;}


#bluestripecontainer {width:100%;margin-top:-10px;position:relative;}
.bluetext-block {position: absolute;top: 200px;left: 200px;background:rgba(255,255,255, 0.8);padding-left: 80px;padding-right: 40px;height:50%;width:50%;font-size:1.3em;color:#808080;line-height:1.7em;}
#bluestripecontainerbutton {font-size:0.9em;font-weight:400;color:white;background:#218BA5;width:30%;padding-top:5px;text-align:center;height:40px;MARGIN-TOP:30PX;}
#bluestripecontainerbutton a{text-decoration:none;color:white;font-size:0.9em;}
h6 {font-size:1.8em;color:#218BA5;font-weight:900;padding: 0 0 0 0;margin: 0px 0px 0px 0px;}

#lightbluestripecontainer {width:100%;margin-top:-10px;margin-bottom:-10px;position:relative;}
.lighttext-block {position: absolute;top: 200px;left: 600px;background:rgba(255,255,255, 0.8);padding-left: 80px;padding-right: 40px;height:50%;width:50%;font-size:1.3em;color:#808080;line-height:1.7em;}
#secondstripecontainerbutton {font-size:0.9em;font-weight:400;color:white;background:#213665;width:30%;padding-top:5px;text-align:center;height:40px;MARGIN-TOP:50PX;}
#secondstripecontainerbutton a{text-decoration:none;color:white;font-size:0.9em;}
h5 {font-size:1.8em;color:#213665;font-weight:900;padding: 0 0 0 0;margin: 0px 0px 0px 0px;}

#maincontent {width:100%;min-height:500px;background:white;color:black;font-size:1.2em;line-height:1.9em;padding-bottom:40px;}
#maincontent ul {padding:10px 0px 0px 10%;}
#maincontent a {text-decoration:none;color:#218AA4;}
#maincontent a:hover {text-decoration:underline;}
#maincontent h1 {font-size:1.6em;color:#213665;text-align:left;font-weight:400;}
#maincontent h2,h3,h5,h6 {font-size:1.5em;color:#213665;text-align:left;font-weight:300;}
#maincontent h4 {font-size:1.5em;color:#213665;text-align:left;font-weight:800;text-decoration:underline;}

#testimonialbox {width:90%;border:1px solid grey;color:black;padding:1% 3% 1% 3%;margin-bottom:20px;text-align:left;}
#abovefooter {height:auto;background:white;border-top:1px solid #808080;}
#SRA {width:28%;margin-left:18%;float:left;padding-top:10px;padding-bottom:10px;}
#convlogo {width:23%;margin-left:2%;float:left;padding-top:40px;}
#footer {width:100%;background:#213665;margin-top:10px;clear:both;overflow:hidden;min-height:160px;font-size:1.1em;color:white;}
#footer a {text-decoration:none;color:#218BA5;}
#footer a:hover {text-decoration:underline;}
#footertext {float:left;width:100%;text-align:center;}
#maincontent {min-height:500px;background:white;color:black;font-size:1.1em;line-height:1.9em;}
#break {width:100%;height:1px;clear:both;}
/* START of NAV styling */
.toggleMenu {display:  none;background: #E0E0E0;/* menu button mobile version background colour */padding: 10px 15px;color: #213665;font-size:1.1em;}
.nav {list-style: none;*zoom: 1;background:#ffffff;/* menu bar background colour */font-size:1.1em;}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 15em;color: #213665;/* affects width of pop out nav */}
.nav a {padding: 10px 30px;/* affects width nav elements and sub elements */color:#213665;*zoom: 1;font-size:1.1em;}
.nav li {position: relative;}
.nav > li {float: left;border-top: 1px solid #ffffff;position: relative;left: 5%;/* this position moves the whole navigation towards the centre on large screens when full width nav used - removed for mobile version below */}
.nav > li > .parent {background-image: url("images/downArrow.png");background-repeat: no-repeat;background-position: right;}
.nav > li > a {display: block;}
.nav li  ul {position: absolute;left: -9999px;}
.nav > li.hover > ul {left: 0;}
.nav li li.hover ul {left: 100%;top: 0;}
.nav li li a {display: block;background: #E0E0E0;/* menu bar 1st sub level background colour */position: relative;z-index:100;border-top: 1px solid #FFFFFF;/* menu bar 1st sub level top border colour */}
.nav li li li a {background:#218AA4;zoom:1;/* menu bar 2nd sub level background colour */z-index:200;border-top: 1px solid white;/* menu bar 1st sub level top border colour */}
/* END of NAV styling */
@media screen and (max-width: 1700px) {
.greytext-block {position: absolute;top: 200px;left:900px;padding-left: 80px;padding-right: 40px;height:30%;width:30%;font-size:1.3em;color:#808080;line-height:1.7em;}
}

@media screen and (max-width: 1366px) {
.bluetext-block {position: absolute;top: 100px;left: 150px;background:rgba(255,255,255, 0.8);padding-left: 60px;padding-right: 20px;height:60%;width:50%;font-size:1.2em;color:#808080;line-height:1.7em;}
#bluestripecontainerbutton {font-size:0.9em;font-weight:400;color:white;background:#218BA5;width:50%;padding-top:5px;text-align:center;height:40px;MARGIN-TOP:30PX;}
h6 {font-size:1.7em;}

.lighttext-block {position: absolute;top: 100px;left: 600px;background:rgba(255,255,255, 0.8);padding-left: 60px;padding-right: 20px;height:60%;width:40%;font-size:1.2em;color:#808080;line-height:1.7em;}
#secondstripecontainerbutton {font-size:0.9em;font-weight:400;color:white;background:#213665;width:50%;padding-top:5px;text-align:center;height:40px;MARGIN-TOP:30PX;}
h5 {font-size:1.7em;}
   
.greytext-block {position: absolute;top: 100px;left:770px;padding-left: 80px;padding-right: 40px;height:30%;width:30%;font-size:1.2em;color:#808080;line-height:1.7em;}
.extratext-block {position: absolute;top: 350px;left:400px;background:#218BA5;padding-left: 80px;padding-right: 40px;padding-top:20px;height:15%;width:50%;font-size:1.3em;color:white;line-height:1.5em;font-weight:800;}

}
@media screen and (max-width: 1024px) {
/* iPad Pro and old monitor section */
 /* START of NAV styling */  
.nav > li {float: left;border-top: 1px solid #ffffff;position: relative;left: 3%;/* this position moves the whole navigation towards the centre on large screens when full width nav used - removed for mobile version below */}
/* END of NAV styling */
#header {height:auto;}
#logo {width:100%;float:left;text-align:center;}
#phone {width:100%;margin-right:0%;float:left;height:30px;text-align:center;font-size:1.1em;padding-top:0px;}
#email {width:100%;margin-right:0%;float:left;height:30px;text-align:center;font-size:1.1em;padding-top:0px;}
#text {width:100%;margin-right:0%;float:left;height:30px;text-align:center;font-size:1.1em;padding-top:0px;}
#symbol {display:none;}
#email a{text-decoration:none;color:#218BA5;}
#social {text-align:center;width:100%;float:left;padding-top:10px;padding-left:10px;}
#mainbanner {width:100%;height:auto;}
#bannertextcontainer {width:50%;float:left;}
#bannerimage {width:50%;float:right;}
#bannerwelcome {font-size:2em;font-weight:300;color:#218BA5;padding-top:20px;}
#bannerkb {font-size:2em;font-weight:900;color:#213665;padding-top:5px;}
#bannermain {font-size:1.1em;font-weight:400;color:#808080;padding-top:20px;}
#banneraction {font-size:1em;font-weight:400;color:#808080;padding-top:10px;line-height:1.8em;}
#bannerbutton {font-size:1em;font-weight:400;color:white;background:linear-gradient(to right, #218BA5, #213665);width:60%;padding-top:12px;text-align:center;height:30px;}
#bannerbutton a{text-decoration:none;color:white;}
#convbutton {font-size:1em;font-weight:400;color:white;background:linear-gradient(to right, #218BA5, #213665);width:60%;padding-top:12px;text-align:center;height:50px;margin-top:20px;margin-bottom:20px;}
#convbutton a{text-decoration:none;color:white;}
#convbutton2 {width:60%;}
.bluetext-block {position: absolute;top: 80px;left: 100px;background:rgba(255,255,255, 0.8);padding-left: 50px;padding-right: 10px;height:60%;width:50%;font-size:1.2em;color:#808080;line-height:1.4em;}
#bluestripecontainerbutton {font-size:0.9em;font-weight:400;color:white;background:#218BA5;width:50%;padding-top:5px;text-align:center;height:40px;MARGIN-TOP:20PX;}
h6 {font-size:1.5em;}
.lighttext-block {position: absolute;top: 80px;left: 400px;background:rgba(255,255,255, 0.8);padding-left: 50px;padding-right: 10px;height:60%;width:45%;font-size:1.2em;color:#808080;line-height:1.4em;}
#secondstripecontainerbutton {font-size:0.9em;font-weight:400;color:white;background:#213665;width:50%;padding-top:5px;text-align:center;height:40px;MARGIN-TOP:20PX;}
#secondstripecontainerbutton a{text-decoration:none;color:white;}
h5 {font-size:1.7em;}

.greytext-block {position: absolute;top: 60px;left:600px;padding-left: 30px;padding-right: 20px;height:40%;width:35%;font-size:1.2em;color:#808080;line-height:1.4em;}
.extratext-block {position: absolute;top: 270px;left:300px;background:#218BA5;padding-left: 40px;padding-right: 30px;padding-top:10px;height:15%;width:60%;font-size:1.2em;color:white;line-height:1.5em;font-weight:800;}

}

@media screen and (max-width: 768px) {
/* START of NAV styling */
.active {display: block;}
.nav > li {float: none;position: relative;left: 0%;/* this position moves the whole navigation back to the left on the mobile version*/}
.nav > li > .parent {background-position: 95% 50%;}
.nav li li .parent {background-image: url("images/downArrow.png");background-repeat: no-repeat;background-position: 95% 50%;}
.nav ul {display: block; width: 100%;}
.nav > li.hover > ul , .nav li li.hover ul {position: static;}
/* END of NAV styling */
.wrap {margin:0 auto;width:90%;}
#mainbanner {width:100%;height:auto;}
#bannertextcontainer {width:50%;float:left;}
#bannerimage {width:50%;float:right;}
#bannerwelcome {font-size:1.3em;font-weight:400;color:#218BA5;padding-top:20px;}
#bannerkb {font-size:1.3em;font-weight:900;color:#213665;padding-top:5px;}
#bannermain {font-size:1em;font-weight:400;color:#808080;padding-top:20px;}
#banneraction {font-size:1em;font-weight:400;color:#808080;padding-top:10px;line-height:1.8em;}
#bannerbutton {font-size:1em;font-weight:400;color:white;background:linear-gradient(to right, #218BA5, #213665);width:60%;padding-top:12px;text-align:center;height:30px;}
#bannerbutton a{text-decoration:none;color:white;}
#abovefooter {height:auto;}
#SRA {width:90%;margin-left:10%;float:none;padding-top:10px;padding-bottom:10px;text-align: center;}
#convlogo {width:100%;margin-left:0%;float:none;padding-top:40px;text-align: center;}

#bluestripecontainer {width:100%;margin-top:-10px;height:350px;}
#bluestripecontainer img {display:none;}  
.bluetext-block {position: absolute;top: 0px;left: 0px;background:rgba(29,52,97, 1);padding-left:10%;padding-right:10%;height:100%;width:80%;font-size:1.2em;color:white;line-height:1.6em;text-align:center;}
#bluestripecontainerbutton {font-size:0.9em;font-weight:400;color:white;background:#218BA5;width:50%;padding-top:5px;text-align:center;height:40px;MARGIN-TOP:50PX;margin-left:25%;}
#bluestripecontainerbutton a{text-decoration:none;color:white;}
h6 {font-size:1.7em;color:#218BA5;font-weight:900;padding: 0 0 0 0;margin: 0px 0px 0px 0px;}

#lightbluestripecontainer {width:100%;margin-top:0px;height:350px;}
#lightbluestripecontainer img {display:none;}  
.lighttext-block {position: absolute;top: 0px;left: 0px;background:rgba(43,138,160, 1);padding-left: 10%;padding-right: 10%;height:100%;width:80%;font-size:1.2em;color:white;line-height:1.6em;text-align:center;}
#secondstripecontainerbutton {font-size:0.9em;font-weight:400;color:white;background:#213665;width:50%;padding-top:5px;text-align:center;height:40px;MARGIN-TOP:50PX;margin-left:25%;}
#secondstripecontainerbutton a{text-decoration:none;color:white;}
h5 {font-size:1.7em;}

#greystripecontainer {width:100%;height:300px;}
#greystripecontainer img {display:none;}  
.greytext-block {position: absolute;top: 0px;left:0px;background:rgba(232,232,232, 1);padding-left: 10%;padding-right: 10%;height:100%;width:80%;font-size:1.2em;color:#808080;line-height:1.6em;text-align:center;padding-top:20px;}
.extratext-block {position: absolute;top: 160px;left:5%;background:#218BA5;padding-left: 20px;padding-right: 20px;padding-top:10px;height:70px;width:85%;font-size:1.2em;color:white;line-height:1.5em;font-weight:800;text-align:center;}

#maincontent h1 {font-size:1.4em;}
#maincontent h2,h3,h5,h6 {font-size:1.3em;}

}

@media screen and (max-width: 480px) {
/* Phone section */
#mainbanner {width:100%;height:auto;}
#bannertextcontainer {width:100%;float:left;}
#bannerimage {width:0%;display:hidden;}
#bannerwelcome {font-size:1.3em;font-weight:400;color:#218BA5;padding-top:20px;}
#bannerkb {font-size:1.3em;font-weight:900;color:#213665;padding-top:5px;}
#bannermain {font-size:1.0em;font-weight:400;color:#808080;padding-top:20px;}
#banneraction {font-size:1em;font-weight:400;color:#808080;padding-top:10px;line-height:1.8em;}
#bannerbutton {font-size:1em;font-weight:400;color:white;background:linear-gradient(to right, #218BA5, #213665);width:80%;padding-top:12px;text-align:center;height:30px;}
#bannerbutton a{text-decoration:none;color:white;}
#convbutton {font-size:1em;font-weight:400;color:white;background:linear-gradient(to right, #218BA5, #213665);width:80%;padding-top:12px;text-align:center;height:50px;margin-top:20px;margin-bottom:20px;}
#convbutton a{text-decoration:none;color:white;}
#convbutton2 {width:80%;}

#bluestripecontainer {width:100%;margin-top:-10px;height:300px;}
#bluestripecontainer img {display:none;}  
.bluetext-block {position: absolute;top: 0px;left: 0px;background:rgba(29,52,97, 1);padding-left:3%;padding-right:3%;height:100%;width:94%;font-size:1em;color:white;line-height:1.6em;text-align:center;}
#bluestripecontainerbutton {font-size:0.9em;font-weight:400;color:white;background:#218BA5;width:80%;padding-top:5px;text-align:center;height:30px;MARGIN-TOP:20PX;margin-left:10%;}
#bluestripecontainerbutton a{text-decoration:none;color:white;}
h6 {font-size:1.5em;color:#218BA5;font-weight:900;padding: 0 0 0 0;margin: 0px 0px 0px 0px;}

#lightbluestripecontainer {width:100%;margin-top:0px;height:350px;}
#lightbluestripecontainer img {display:none;}  
.lighttext-block {position: absolute;top: 0px;left: 0px;background:rgba(43,138,160, 1);padding-left: 3%;padding-right: 3%;height:100%;width:94%;font-size:1em;color:white;line-height:1.6em;text-align:center;}
#secondstripecontainerbutton {font-size:0.9em;font-weight:400;color:white;background:#213665;width:80%;padding-top:5px;text-align:center;height:30px;MARGIN-TOP:20PX;margin-left:10%;}
#secondstripecontainerbutton a{text-decoration:none;color:white;}
h5 {font-size:1.5em;}

#greystripecontainer {width:100%;height:350px;}
.greytext-block {position: absolute;top: 0px;left:0px;background:rgba(232,232,232, 1);padding-left: 3%;padding-right: 3%;height:100%;width:94%;font-size:1em;color:#808080;line-height:1.6em;text-align:center;padding-top:20px;}
.extratext-block {position: absolute;top: 160px;left:5%;background:#218BA5;padding-left: 10px;padding-right: 10px;padding-top:10px;height:130px;width:85%;font-size:1.1em;color:white;line-height:1.5em;font-weight:800;text-align:center;}

}