body {
margin: 0 auto;
width:100%;
}

a:link.body,a:visited.body {
  color: #000;
  text-decoration: none;
}

a:link.foot,a:visited.foot {
  color: #fff;
  text-decoration: none;
}

h1 {
color: #175E7F;
font-family: Comic Sans MS, Helvetica, sans-serif;
}

h1.white {
color: #FFFFFF;
font-family: Comic Sans MS, Helvetica, sans-serif;
}

img.toplogo {
width:40%;
float: left;
}

img.topsm {
float:right;
width:2%;
}

img.botsm {
float:left;
width:3%;
}

img.mission {
float:right;
width:35%;
}

img.slides {
float:left;
width:100%;
vertical-align:bottom;
}

img.psi {
width:100%;
vertical-align: middle;
vertical-align: middle;
}

img.qb {
width:100%;
float:right;
}

#header {
clear: both;
width: 100%;
overflow: auto;
}

#header1 {
position: relative;
margin: 0 auto;
width: 80%;
text-align: right;
overflow: auto;
padding-top:3%;
}


#menu {
width=:100%;
background-color:red;
margin:0 auto;
}

ul.menu {
    list-style-type: none;
    margin: 0;
    padding-left: 20%;
    overflow: hidden;
    background-color: #175E7F;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding:14px 16px;
    text-decoration: none;

}

/* drop down */


li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

#landing {
width:60%;
margin: 0 auto;
overflow: auto;
padding-right:15%;
padding-left:15%;
}

.slidewrap {
float:left;
width:50%;
height:auto;
}

.slide {
width:100%;
}

#body {
width:60%;
margin: 0 auto;
overflow: auto;
text-align:center;
padding:2%;
    border-radius: 25px;
    border: 2px solid #175E7F;
}

#body2 {
width:60%;
margin: 0 auto;
overflow: auto;
text-align:left;
text-align:center;
padding-top:2%;
padding-bottom:2%;
}

#psileft {
float:left;
width:49%;
overflow: auto;
text-align:left;
text-align:center;
padding-top:2%;
padding-bottom:2%;
}

#psiright {
float:right;
width:49%;
overflow: auto;
text-align:left;
text-align:center;
padding-top:2%;
padding-bottom:2%;
}

#clear {
clear:both;
}


#professional {
position: relative;
float: left;
width: 30%;
text-align:center;
margin-left:20%;
}

#serving {
position: relative;
float: right;
width: 30%;
text-align:center;
margin-right:20%;
}

#review {
clear:both;
width:90%;
margin:0 auto;
text-align:center;
padding-top:2%;
}

#footer {
clear:both;
width:100%;
margin: 0 auto;
background-color: #175E7F;
overflow: auto;
}

#footer1 {
clear:both;
width:80%;
margin: 0 auto;
text-align:right;
color:white;
vertical-align: text-bottom;
overflow: auto;
padding-top:2%;
}

#botsm {
clear:both;
width:80%;
margin: 0 auto;
padding-top:1%;
padding-bottom:2%;
vertical-align: text-bottom;
text-align:center;
color:white;
}

#footer2 {
clear:both;
padding-top:3%;
}