body, nav, ul, li, a  {margin: 0; padding: 0;}
body {
font-family: 'Work Sans', sans-serif;font-weight:300;max-width: 1920px;margin: 0px auto;}
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:1200px;}
#header, #footer {width:100%;float:left;}
#header {height:auto;background:white;color:red;}
#footer {min-height:180px;background:black;color:white;border-top:8px solid #253C82;margin-top:100px;}
#footer a {text-decoration:none;color:#7399EC;}
#footer a:hover {text-decoration:underline;}
#addressftrleft {float:left;text-align:left;font-size:1em;color:white;width:60%;font-weight:300;padding-left:2%;}
#addressftrright {float:left;text-align:left;font-size:1em;color:white;width:36%;font-weight:300;padding-left:2%;}
#SRA {width:30%;margin-left:2%;float:left;padding-top:10px;}
#maincontent {min-height:500px;background:white;color:black;font-size:1.1em;line-height:1.8em;padding-top:20px;padding-bottom:40px;text-align:justify;}
#maincontent ul {padding:0px 0px 0px 10%;list-style-type:square;}
#indexadditionaltext ul {padding:0px 0px 0px 5%;list-style-type:square;}
#maincontent a {text-decoration:none;color:#253C82;}
#maincontent a:hover {text-decoration:underline;}
h1 {font-size:1.6em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#253C82;text-align:left;font-weight:500;}
h2,h3,h4,h5 {font-size:1.3em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#253C82;text-align:left;font-weight:500;}
#title {font-weight:500;width:100%;text-align:center;font-size:3.5em;color:#253C82;}
#subtitle {width:100%;text-align:center;font-size:2.5em;color:black;font-weight:300;color:#253C82;}
#indexcontainer {width:100%;height:200px;background-color:#EFEFEF;position: relative;}
#indeximage {height:200px;padding-top:20px;padding-left:20px;float:left;}
#indexdescriptionbox {padding-top:20px;padding-left:280px;padding-right:10px;}
#indexdescriptionbox h6 {font-size:1.8em;color:black;margin:0 0 0 0;padding:0 0 0 0;font-weight:300;}
#indexdescriptiontext {font-size:1.2em;color:black;width:98%;padding-top:10px;}
#button {width:130px;height:25px;background:linear-gradient(to right, #005BBC, #001633);color:white;padding:10px 10px 5px 10px;position: absolute;top: 140px;left: 280px;text-align:center;}
#button a{text-decoration:none;color:white;font-weight: 500;}
#WHindexcontainer {width:100%;height:200px;background-color:white;position: relative;}
#WHindeximage {height:200px;padding-top:20px;padding-left:10px;padding-right:20px;float:right;}
#WHindexdescriptionbox {padding-top:20px;padding-left:20px;padding-right:10px;}
#WHindexdescriptionbox h6 {font-size:1.8em;color:black;margin:0 0 0 0;padding:0 0 0 0;font-weight:300;}
#WHindexdescriptiontext {font-size:1.2em;color:black;width:98%;padding-top:10px;}
#WHbutton {width:130px;height:25px;background:linear-gradient(to right, #005BBC, #001633);color:white;padding:10px 10px 5px 10px;position: absolute;top: 140px;left: 20px;text-align:center;}
#WHbutton a{text-decoration:none;color:white;font-weight: 500}
#indexintro {margin: 0px auto;color:black;text-align:justify;width:96%;font-size:1.2em;line-height:1.8em;}
#indexintro h2 {font-size:2em;color:#253C82;font-weight:500;text-align:center;margin: 0 0 0 0;padding:0 0 0 0;}
#knockoutbox {width:96%;background:linear-gradient(to right, #005BBC, #001633);padding:5px 15px 5px 15px;color:white;}
#indexadditionaltext {margin: 0px auto;color:black;text-align:justify;width:96%;font-size:1.2em;line-height:1.8em;}
#indexadditionaltext h2 {font-size:1.8em;color:#253C82;font-weight:500;text-align:left;margin: 0 0 0 0;padding:0 0 0 0;}
#break {width:100%;height:2px;clear:both;}
#indexadditionaltext a {text-decoration:none;color:#cc0000;}
#indexadditionaltext a:hover {font-style: italic;}

/* START of NAV styling */
.toggleMenu {display:  none;background: #E0E0E0;/* menu button mobile version background colour */padding: 10px 15px;color: #000000;}
.nav {list-style: none;*zoom: 1;background:#ffffff;/* menu bar background colour */font-size:1.2em;}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 16em;color: #000000;/* affects width of pop out nav */}
.nav a {padding: 10px 60px;/* affects width nav elements and sub elements */color:#000000;*zoom: 1;}
.nav li {position: relative;}
.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 *//* menu button mobile version sub level top border colour and single pixel line on top of desktop nav */}
.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: #253C82;/* 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 */color:white;}
.nav li li li a {background:#194B95;zoom:1;/* menu bar 2nd sub level background colour */z-index:200;border-top: 1px solid #FFFFFF;COLOR:WHITE;/* 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:3em;}
#subtitle {font-size:2em;}
#indexdescriptionbox h6, #WHindexdescriptionbox h6 {font-size:1.6em;line-height:1.2em;}
#indexdescriptiontext, #WHindexdescriptiontext {font-size:1em;}
#addressftrleft {text-align:center;width:100%;}
#addressftrright {text-align:center;width:100%;}
#indexintro h2 {font-size:1.6em;}
#indexintro {margin: 0px auto;width:98%;}
#indexadditionaltext {margin: 0px auto;width:98%;}
#indexadditionaltext h2 {font-size:1.6em;}

}
@media screen and (max-width: 480px) {
#indexcontainer {width:100%;height:200px;}
#indeximage, #WHindeximage {display:none;}
#indexdescriptionbox, #WHindexdescriptionbox {padding-top:20px;padding-left:10px;text-align:center;}
#indexdescriptionbox h6, #WHindexdescriptionbox h6 {font-size:1.5em;color:black;margin:0 0 0 0;padding:0 0 0 0;font-weight:300;}
#indexdescriptiontext, #WHindexdescriptiontext {font-size:1em;color:black;width:98%;padding-bottom:20px;}
#button, #WHbutton {width:130px;height:25px;background-color:#253C82;color:white;padding:10px 10px 5px 10px;text-align:center;position:initial;margin:0px auto;}
#button a, #WHbutton a {text-decoration:none;color:white;}
#indexintro h2 {font-size:1.4em;}
#indexadditionaltext h2 {font-size:1.4em;}
h1 {font-size:1.4em;}
h2,h3,h4,h5 {font-size:1.2em;}
#title {font-size:2em;}
#subtitle {font-size:1.6em;}

}