body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family:Roboto, sans-serif;font-weight:300;background:#F7F7F7;}
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;}
.container {width: 90%;max-width: 960px;margin: 0px auto;background:#ffffff;border:1px solid #dddddd;padding-left:2%;padding-right:2%;margin-top:10px;}
#header {height:100px;background:white;color:black;}
#footer {min-height:180px;height:auto;background:black;color:white;border-top:5px solid #4488C1;font-family: 'Roboto', sans-serif;font-weight:300;line-height:1.4em;padding-top:10px;}
#footer a {text-decoration:none;color:#4488C1}
#footer a:hover {text-decoration:underline;}
#footeraddress {width:26%;margin-left:2%;margin-right:2%;float:left;margin-top:5px;}
#footercolumn {width:36%;margin-left:0%;margin-right:2%;float:left;margin-top:5px;}
#SRA {width:32%;margin-left:0%;float:left;padding-top:10px;}

#subfooter {width:92%;background:linear-gradient(to right, #039CE0, #013983);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#039CE0', endColorstr='#013983');background-color:#039CE0;zoom:1;padding-top:10px;padding-bottom:10px;padding-left:4%;padding-right:4%;color:white;text-align:justify;}
#indexintro{margin: 0px auto;color:black;text-align:center;width:95%;font-size:1.2em;}
#indexintro h2{font-size:2em;color:#4488C1;font-weight:300;text-align:center;margin: 0 0 0 0;padding:0 0 0 0;}
#indexbox{float:left;width:30%;min-width:160px;margin-left:2%;margin-right:1%;margin-bottom:20px;}
#indextitle{color:white;text-align:center;font-size:1.1em;background:linear-gradient(to right, #039CE0, #013983);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#039CE0', endColorstr='#013983');background-color:#039CE0;zoom:1;padding-top:10px;height:40px;line-height:1.3em;}
#indextitle a{text-decoration: none;color:white !important;}
#indexdescr{position: relative;top: -11px;background-color:black;color:white;font-size:1em;height:50px;padding:2% 5% 0% 5%;text-align:center;line-height:1.2em;}
#logo {width:33%;height:120px;float:left;padding-top:10px;}
#text {width:67%;height:120px;float:right;padding-top:10px;}
#phone {text-align:right;color:#000;font-size:2em;height:40px;font-family:Arial, Helvetica, sans-serif;}
#title {text-align:right;color:#4488C1;font-size:3.6em;height:80px;font-family:Arial, Helvetica, sans-serif;padding-top:10px;}
#break {height:5px;width:100%;background-color:#ffffff;clear:both;}
#maincontent {min-height:500px;background:white;color:black;font-size:1.1em;line-height:1.6em;padding-top:20px;padding-bottom:40px;text-align:justify;}
#maincontent ul {padding:0px 0px 0px 10%;list-style-type:square;}
#maincontent a {text-decoration:none;color:#4488C1;}
#maincontent a:hover {text-decoration:underline;}
h1 {font-size:1.6em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#4488C1;text-align:left;}
h2,h3,h4,h5 {font-size:1.3em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#4488C1;text-align:left;}
#profilebox {margin-top:30px;width:90%;padding:2% 5% 2% 5%;border:1px solid #999;}
/* START of NAV styling */
.toggleMenu {display:  none;background: #000000;/* menu button mobile version background colour */padding: 10px 15px;color: #fff;font-family: 'Arial', sans-serif;font-weight:300;}
.nav {list-style: none;*zoom: 1;background:#000000;/* menu bar background colour */}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 16em;/* affects width of pop out nav */}
.nav a {padding: 10px 35px;/* affects width nav elements and sub elements */color:#fff;*zoom: 1;font-family: 'Arial', sans-serif;font-weight:300;}
.nav li {position: relative;}
.nav > li {float: left;border-top: 1px solid #000000;/* 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: #4488C1;/* 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:#000000;zoom:1;/* menu bar 2nd sub level background colour */z-index:200;border-top: 1px solid #ffffff;/* menu bar 1st sub level top border colour */}
/* END of NAV styling */
@media screen and (max-width: 960px) {
#phone {font-size:1.6em;}
#title {font-size:2.6em;padding-top:0px;}
}
@media screen and (max-width: 768px) {
/* START of NAV styling */
.active {display: block;}
.nav > li {float: none;}
.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%;}
#logo {height:90px;}
#text {height:90px;}
#phone {font-size:1.4em;}
#title {font-size:2em;padding-top:0px;}
#footer {min-height:210px;}
#indexbox{float:left;width:44%;min-width:200px;margin-left:2%;margin-right:2%;margin-bottom:20px;}
#footer {min-height:450px;}
#footercolumn {width:100%;text-align:center;margin-top:5px;margin-left:0%;height:auto;}
#footeraddress {width:100%;text-align:center;margin-top:5px;margin-left:0%;height:auto;}
#SRA {width:100%;text-align:center;margin-top:5px;margin-left:0%;height:auto;}

}
@media screen and (max-width: 480px) {
#logo {width:100%;height:60px;padding-top:10px;text-align:center;}
#logo img {max-height:60px;}
#text {width:100%;padding-top:10px;}
#phone {text-align:center;font-size:1.2em;}
#title {text-align:center;font-size:1.3em;}
#footer {min-height:520px;}
#indexbox{float:left;width:80%;min-width:200px;margin-left:10%;margin-bottom:20px;}
#indexintro h2{font-size:1.4em;}
h1 {font-size:1.4em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#4488C1;text-align:left;}
h2,h3,h4,h5 {font-size:1.2em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#4488C1;text-align:left;}

}