body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: 'Roboto', sans-serif;font-weight:300;}
a[href^=tel] {color:inherit;text-decoration:none;}
a {text-decoration: none;}
a img {border:none;}
img, object, embed, video {max-width: 100%;}
.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:80%;max-width:1199px;}
#header, #footer {width:100%;float:left;}
#header {height:130px;background:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);color:white;}
#narrowlogo {display:none;}
#logo {width:42%;height:120px;float:left;padding-top:0px;}
#text {width:58%;height:120px;float:right;padding-top:0px;}
#headeremail {width:58%;float:right;padding-top:0px;font-size:1em;text-align:right;}
#headeremail a{text-decoration:none;color:white;}
#title {text-align:right;color:#FFFFFF;font-size:2.2em;font-family: 'Palanquin Dark', sans-serif;font-weight:400;line-height:1.2em;padding-top:20px;}
#phone {text-align:right;color:#FFFFFF;font-size:1.4em;font-family:Roboto, sans-serif;font-weight:300;}
#maincontent {min-height:400px;background:white;color:black;padding-right:15%;line-height:1.7em;}
#maincontentfullwidth {min-height:500px;background:white;color:black;}
#maincontent ul {padding:0px 0px 0px 5%;}
#addressfooter {min-height:240px;height:auto;background:#FFFFFF;color:#666;border-top:1px solid #000000;font-weight:300;line-height:1.4em;margin-top:100px;word-wrap:break-word;}
#addressfooter a {text-decoration:none;color:#666;}
#addressfooter a:hover {text-decoration:underline;}
#addressfootercolumn {width:18%;margin-right:2%;float:left;margin-top:5px;}
#addressfooter H2 {font-size:1.5em;color:#264d87;font-family: 'Palanquin Dark', sans-serif;font-weight:300;padding-top:10px;}
#footer {height:100px;background:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);color:white;}
#copyright {width:40%;float:left}
#policies {width:60%;float:right;text-align:right;}
#footer a {text-decoration:none;color:#FFFFFF;}
#footer a:hover {text-decoration:underline;}
h1 {font-size:1.8em;padding: 0 0 0 0;margin: 10px 0px 0px 0px;color:#264d87;text-align:left;font-weight:400;}
h2,h3,h4,h5 {font-size:1.3em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#264d87;text-align:left;font-weight:400;}
#break {width:100%;height:5px;background-color:white;clear:both;}
#indexbanner {width:100%;height:300px;background:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);color:white;}
#indexlogo {width:42%;height:300px;float:right;padding-top:30px;}
#indextext {width:58%;height:300px;float:left;padding-top:0px;}
#indextitle {text-align:left;color:#FFFFFF;font-size:2.5em;font-family: 'Palanquin Dark', sans-serif;font-weight:400;line-height:1.2em;padding-top:50px;}
#indexsub{text-align:left;color:#FFFFFF;font-size:1.4em;font-family:Roboto, sans-serif;font-weight:300;padding-top:30px;}
#smallindexlogo {display:none;}
#break {width:100%;height:5px;background-color:white;clear:both;}
#indexbox {width:24%;min-width:250px;height:120px;background-color:#3B8987;color:white;float:left;margin-right:4%;margin-bottom:30px;padding:2% 2% 2% 2%;font-size:1.1em;border-radius: 7px;}
#indexbox h2 {font-size:1.4em;color:#FFFFFF;}
#indexbox a {color:#FFFFFF;text-decoration:none;}
#indexbox a:hover {text-decoration:underline;}
#socialfooter {min-height:70px;background:white;text-align:center;clear:both;border-top:1px solid #000000;}
#homepage {font-size:1.2em;line-height:1.6em;}
#covid {width:96%;min-width:250px;background-color:#3B8987;color:white;margin-bottom:10px;padding:2% 2% 2% 2%;font-size:1.1em;border-radius: 7px;}
#covid h2 {font-size:1.4em;color:#FFFFFF;}
#covid a {color:#FFFFFF;text-decoration:underline;}

/* START of NAV styling */
.toggleMenu {display:none;background:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);padding:10px 15px;color:#fff;}
.nav {list-style:none;*zoom:1;background:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);/* menu bar background colour */}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 22em;/* affects width of pop out nav */}
.nav a {padding: 10px 23px;color:#fff;/* affects width nav elements and sub elements */font-size:1em;*zoom: 1;}
.nav li {position: relative;}
.nav > li {float: left;border-top: 0px;position: relative;left: 12%;/* 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:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);;/* menu bar 1st sub level background colour */position: relative;z-index:100;border-top:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);/* menu bar 1st sub level top border colour */}
.nav li li li a {background:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);/* menu bar 2nd sub level background colour */z-index:200;border-top:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);/* menu bar 1st sub level top border colour */}
/* END of NAV styling */

@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%;}
#title {font-size:1.4em;font-family: 'Palanquin Dark', sans-serif;font-weight:400;padding-top:10px;}
#phone {font-size:1.3em;font-family:Roboto, sans-serif;font-weight:300;}
#logo {width:40%;}
#text {width:60%;}
#headeremail {width:60%;}
#narrowlogo {display:none;}
#addressfootercolumn {width:48%;margin-right:2%;float:left;margin-top:5px;}
#footer {height:150px;background:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);color:white;}
#copyright {width:100%;float:left;text-align:center;}
#policies {width:100%;float:right;text-align:center;}
h1 {font-size:1.5em;}
h2,h3,h4,h5 {font-size:1.3em;}
#indextitle {font-size:2.2em;font-family: 'Palanquin Dark', sans-serif;font-weight:400;line-height:1.2em;padding-top:50px;}
#indexsub{font-size:1.4em;font-family:Roboto, sans-serif;font-weight:300;padding-top:30px;}
#smallindexlogo {display:none;}
#maincontent {padding-right:0%;}
#indexbox {width:35%;min-width:250px;height:120px;float:left;margin-right:8%;margin-bottom:30px;}

}
@media screen and (max-width: 480px) {
#logo {display:none;}
#narrowlogo {display:block;width:100%;height:100px;padding-top:10px;}
#text {width:100%;height:150px;float:none;padding-top:0px;}
#headeremail {width:100%;float:none;padding-top:0px;text-align:center;}
#title {text-align:center;color:#FFFFFF;font-size:1.3em;font-family: 'Palanquin Dark', sans-serif;font-weight:400;line-height:1.2em;padding-top:10px;}
#phone {text-align:center;color:#FFFFFF;font-size:1.1em;font-family:Roboto, sans-serif;font-weight:300;}
#header {height:240px;background:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);color:white;}
#addressfootercolumn {width:98%;margin-right:2%;float:left;margin-top:5px;text-align:center;}
#addressfooter H2 {font-size:1.2em;color:#264d87;text-align:center;font-family: 'Palanquin Dark', sans-serif;}
h1 {font-size:1.4em;}
h2,h3,h4,h5 {font-size:1.2em;}
#indexbanner {width:100%;height:350px;background:linear-gradient(-224deg, rgb(61, 51, 147) 0%, rgb(43, 118, 185) 33%, rgb(44, 172, 209) 66%, rgb(53, 235, 147) 100%);color:white;}
#indexlogo {display:none;}
#indextext {width:100%;height:150px;float:left;padding-top:0px;}
#indextitle {text-align:center;color:#FFFFFF;font-size:2em;font-family: 'Palanquin Dark', sans-serif;font-weight:400;line-height:1.2em;padding-top:20px;}
#indexsub{text-align:center;color:#FFFFFF;font-size:1.2em;font-family:Roboto, sans-serif;font-weight:300;padding-top:10px;}
#smallindexlogo {width:100%;height:140px;float:right;padding-top:40px;display:block;text-align:center;}
#maincontent {padding-right:0%;}
#indexbox{width:86%;height:120px;float:left;margin-left:5%;margin-right:5%;margin-bottom:20px;}

}