body{ font-family:Open Sans; margin:0; background-color:#001216 }
.bold{ font-weight:bold }
.normal{ font-weight:normal; }
.font_8{ font-size:8pt; }
.font_9{ font-size:9pt; }
.font_10{ font-size:10pt; }
.font_11{ font-size:11pt; }
.font_12{ font-size:12pt; }
.font_14{ font-size:14pt; }
.font_18{ font-size:18pt; }
.font_22{ font-size:22pt; }
h2{ font-size:18pt; color:yellow; }
nav { whitespace:nowrap; text-align:right; padding:30px; display:block; background-color:#001216; box-sizing:border-box; }
nav span a { position:relative; top:-12px; padding:0 20px 12px 20px; color:white; text-decoration:none; display:inline-block }
.navleft { margin:0; display:inline-block; border:solid 2px #001216; }
.navleft:hover{ border-bottom:solid 2px #550c8a; }
.navcenter { margin:0; display:inline-block; border:solid 2px #001216; }
.navcenter:hover{ border-bottom:solid 2px #550c8a; }
.navright { margin:0; display:inline-block; border:solid 2px #001216; }
.navright:hover{ border-bottom:solid 2px #550c8a; }
.spacer{ display:inline-block; width:10px; height:20px; }
.bar{ display:inline-block; width:2px; height:40px; background-color:#0070C0; }
.text{ display:none;background-color:#0070C0; }
#alttext{ display:none; }
#alttext ul{ line-height:1.5;list-style-type: square;margin-top:0 }
#alttext ul li{ white-space:nowrap }
#splash{width:100%;height:32.66%;min-height:387px;}

#imgx{
  width:80%;
  height:100%;
  min-height:387px;
  margin:0 auto;
  display:flex;
  max-width:1192px;
  max-height:387px;
  background-image:url('../bin-images/splashx.png');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center top;
}

@media screen and (max-width: 1200px) {
  .spacer { display: none; }
  .bar { display: none; }
  #splash{ margin:-20px 0 10px 0 }
}

@media screen and (max-width: 962px) {
  #splash{ margin:-40px 0 10px 0; }
  nav span a { padding:0 10px 12px 10px; color:white; }
   #imgx{ min-height:232px; }

  .navleft{ border:solid 2px transparent; }
  .navleft:hover{ border:solid 2px transparent; }
  .navleft > a:hover{ color:#ccc; }

  .navcenter{ border:solid 2px transparent; }
  .navcenter:hover{ border:solid 2px transparent; }
  .navcenter a:hover{ color:#ccc; }

  .navright{ border:solid 2px transparent; }
  .navright:hover{ border-bottom:solid 2px transparent; }
  .navright > a:hover{ color:#ccc; }
}

@media screen and (max-width: 846px) {
  nav span a { font-size:13pt }
  .font_14{ font-size:13pt; }
}

@media screen and (max-width: 784px) {
  nav span a { font-size:12pt }
  .font_14{ font-size:12pt; }
}

@media screen and (max-width: 743px) {
  nav span a { font-size:11pt }
}

@media screen and (max-width: 703px) {
  nav span a { font-size:10pt }
  .font_14{ font-size:10pt; }
}

@media screen and (max-width: 660px) {
  nav span a { padding:0 5px 6px 5px; color:white; }
  nav span a { font-size:9pt }
  .font_14{ font-size:9pt; }
  .font_18{ font-size:14pt; }
}

@media screen and (max-width: 600px) {
  #splash{ margin:40px 0 10px 0; }
  nav { width:0px; height:0px; display:none; }
  nav span a { font-size:8pt }
  #alttext{ display:block; width:80%; color:white; position:relative; margin:-80px auto 0 auto }
  #alttext a { text-decoration:underline; color:white; }
}

@media screen and (max-width: 480px) {
  #alttext{ display:block; width:80%; color:white; position:relative; margin:-120px auto 0 auto }
}

#we-believe { width:80%; margin:200px auto 0 auto; color:white; }
#services-grid1 {
  display: grid;
  grid-template-columns: 60% 40%;
  padding: 10px;
}

#services{ width:80%; margin:100px auto; color:white; }
#services-grid1 {
  display: grid;
  grid-template-columns: 60% 40%;
  padding: 10px;
}

#programs{position:relative; width:80%; margin:100px auto; color:white;}
.programs{position:relative; width:80%; margin:100px auto; color:white;}
.container1 {
  display: grid;
  grid-template-columns: 30% 70%;
  padding: 10px;
}
.container2 {
  display: grid;
  grid-template-columns: 30% 70%;
  padding: 10px;
}
.container3x {
  display: grid;
  grid-template-columns: 30% 70%;
  padding: 10px;
}

#leadership{width:80%; margin:100px auto; color:white;}
.container3 {
  display: grid;
  grid-template-columns: 10% 50% 40%;
  padding: 10px;
}
.container4 {
  display: grid;
  grid-template-columns: 10% 50% 40%;
  padding: 10px;
}
.container5 {
  display: grid;
  grid-template-columns: 10% 50% 40%;
  padding: 10px;
}

#VAP{
  width:114px;height:114px;
  border-radius:57px;
  background-image:url('../bin-images/VAP.jpg');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center top;
}
#MLH{
  width:114px;height:114px;
  border-radius:57px;
  background-image:url('../bin-images/MLH.png');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center top;
}
#MT{
  width:114px;height:114px;
  border-radius:57px;
  background-image:url('../bin-images/MT.png');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center top;
}

#insights{width:80%; margin:100px auto; color:white;}
#insights-grid1 {
  display: grid;
  grid-template-columns: 60% 40%;
  padding: 10px;
}
#insights-grid2 {
  display: grid;
  grid-template-columns: 60% 40%;
  padding: 10px;
}

#contact {width:80%; margin:100px auto; color:white;}
#contact-grid1 {
  display: grid;
  grid-template-columns: 60% 40%;
  padding: 10px;
}

#approach {width:80%; margin:100px auto; color:white;}
#approach-grid1 {
  display: grid;
  grid-template-columns: 60% 40%;
  padding: 10px;
}