html{
    background-color: #061c43;
}
#wrapper {
    width: 970px;
    height: auto;
    margin: 0 auto;
}

/*#logo {
    text-align: center;
    height: 140px;
    width: 140px;
    float: left;
    margin-left: 0 auto;
    background-color: aquamarine;
}*/

div#header img {
    max-width:100%;
    height:auto;
}

#header {
    background-color: white;
    text-align: center;
    height: 90px;
    width: 970px;
    float: left;
    margin: 0 auto;
}

#mainNav{
  text-align: center;
  background-color: #061c43;
  text-align: center;
  height: 40px;
  width: 970px;
  float: left;
  z-index: 9;
}

div#mainNav ul { 
  margin: 0 auto;
  list-style-type: none;
  background-color: #061c43;
}
div#mainNav li {
    display: inline-block;
  float: left;
}
div#mainNav li a {
  font-family: sans-serif;
  display: block;
  color: white;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right:10px;
  font-size: 11px;
  text-decoration: none;
}
div#mainNav li a:hover {
  background-color: white;
  color: #000035;
}

h3{
    color: #000035;
    text-align: center;
    font-family: sans-serif;
}

#leftSideBar{
    background-color:#9fb6dc;
    height: 700px;
    width: 250px;
    float: left;    
}

/*div#leftSideBar li:nth-child(1) a{
 color: #000035;
 font-size: 20px;
 background-color: white;
 padding-top: 30px;
 padding-bottom: 30px;
 list-style-type: none;
 text-align: center;*/
}


div#leftSideBar li a:hover {
  background-color: white;
  color: #000035;
}

div#leftSideBar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#leftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
.dropbtn {
 text-align: left;
  background-color: #9fb6dc;
  color: white;
  font-size: 12px;
  border: none;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown:hover {
background-color:#061c43;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  color: #061c43;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
font-size: 12px;
display: block;
  
}
.dropdown-content a:hover{
background-color: #061c43;
color: white;
}

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

.dropdown:hover .dropbtn {
background-color: #061c43;
color: white;}

div#leftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}

#mainContent{
background-color: white;
height: 700px;
width: 720px;
float: left;
}

#menu{
width: 970px;
height:290px;
background: url(../Images/plexus-blue-tech-background_njn9oc0ne__F0000.png);
margin: 0 auto;
float: left;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
}

#map{
    width: 92px;
    height: 138px;
    position: absolute; 
    padding-left: 15px;
    padding-top: 10px;
}

#menu li a, #menu li{
    padding-top: 20px;
    padding-bottom: 10px;
    width: 96px;
    height: 186px;
    font-family: sans-serif;
    font-size: 12px;
    color: gray;
    text-align: center;
    display: block; 
    list-style-type: none; 
    text-decoration: none;
    float: left;
}



ul{
    color: #000035;
    font-family: sans-serif;
    font-size: 12px;
}
   
#menu img{
    margin-top: 10px;
    box-shadow: 10px 5px 5px black;
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

/**ul.tracklist li:hover, ul.tracklist li:hover a {
    background-color: #D21600;
    color: #FFFFFF;
}**/
#menu li{
    filter:opacity(80%);
    filter:contrast(80%);
    padding: 6px;
}
#menu li:hover{
color: white;
font-size: 13px;
 filter:contrast(150%);
 filter:opacity(100%);
}
#menu li:hover a{
color: inherit;
font-size: inherit;
}

#mainImage{
    background-color: #061c43;
    height: 200px;
    width: 720px;
    float: left;
    
    }
div#mainImage img {
width: 720px;
height: 200px;
object-fit: fill;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;

}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#pageHeading{
    height: 40px;
    width: 720px;
    margin: 0 auto;
    float: left;
}
p{
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    color: #000035;
    font-family: sans-serif;
    font-size: 12px;
    text-align: justify;
}
#leftTextBox {
    background-color:white;
    width: 360px;
    height:400px;
    float: left;
}
#rightTextBox {
    background-color:white;
    width: 360px;
    height:400px;
    float: left;
}
#ppleftTextBox {
    background-color:white;
    width: 360px;
    height:950px;
    float: left;
}
#pprightTextBox {
    background-color:white;
    width: 360px;
    height:950px;
    float: left;
}

#srightTextBox{
    background-color:white;
    width: 360px;
    height:780px;
    float: left;  
}

#sleftTextBox{
    background-color:white;
    width: 360px;
    height:780px;
    float: left;
}
#srightTextBox li{
 display: inline-block;
padding-bottom: 35px;
}

#sleftTextBox li{
 display: inline-block; 
padding-bottom: 35px;
}
#sleftTextBox li a{
    color: #061c43;
    float: right;
   /* padding-top: 30px;*/
    padding-left: 10px;
}

#srightTextBox li a:hover {
color: aqua;
}
#srightTextBox li a{
    color: #061c43;

    float: right;
    /*padding-top: 30px;*/
    padding-left: 10px;
}

#srightTextBox ul{
padding-top: 30px;
text-decoration: none;
list-style-type: none;
}
#sleftTextBox ul{
padding-top: 30px;
text-decoration: none;
list-style-type: none;
}

#sleftTextBox img{
vertical-align: middle; 
}
#srightTextBox img{
vertical-align: middle; 
}
.mapouter{
   
}

#footer{
  text-align: center;
  background-color: #061c43;
  text-align: center;
  height: 40px;
  width: 970px;
  float: left;
}

div#footer ul { 
  margin: 0 auto;
  list-style-type: none;
  background-color: #061c43;
}
div#footer li {
  float: left;
}
div#footer li a {
  font-family: sans-serif;
  display: block;
  color: white;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 5px;
  padding-right:5px;
  font-size: 11px;
  text-decoration: none;
}
div#footer li a:hover {
  background-color: white;
  color: #000035;
}  

/**ul{
    color: #000035;
    font-family: sans-serif;
    font-size: 12px;**/
}




div#ppleftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#ppleftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#ppleftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#ppleftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#ppleftSideBar{
background-color:#9fb6dc;
    height: 1160px;
    width: 250px;
    float: left;      
}

div#EIAleftTextBox{
     background-color:white;
    width: 360px;
    height:1200px;
    float: left;
}

div#EIArightTextBox{
     background-color:white;
    width: 360px;
    height:1200px;
    float: left;
}


div#EIAleftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#EIAleftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#EIAleftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#EIAleftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#EIAleftSideBar{
background-color:#9fb6dc;
    height: 1400px;
    width: 250px;
    float: left;      
}
div#tleftTextBox{
     background-color:white;
    width: 360px;
    height:600px;
    float: left;
}

div#trightTextBox{
     background-color:white;
    width: 360px;
    height:600px;
    float: left;
}


div#tleftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#tleftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#tleftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#tleftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#tleftSideBar{
background-color:#9fb6dc;
    height: 700px;
    width: 250px;
    float: left;      
}
div#sleftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#sleftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#sleftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#sleftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#sleftSideBar{
background-color:#9fb6dc;
    height: 1020px;
    width: 250px;
    float: left;      
}
#tleftSideBar{
background-color:#9fb6dc;
    height: 800px;
    width: 250px;
    float: left;      
}

#dleftSideBar{
background-color:#9fb6dc;
    height: 800px;
    width: 250px;
    float: left;      
}

div#dleftTextBox{
     background-color:white;
    width: 360px;
    height:600px;
    float: left;
}

div#drightTextBox{
     background-color:white;
    width: 360px;
    height:600px;
    float: left;
}

div#dleftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#dleftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#dleftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#dleftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}






table {
  width:720px;
}
table, th, td {
  border: 1px solid #061c43;
  border-collapse: collapse;
}
th, td {
  font-size: 12px;
  font-family: sans-serif;
  padding: 15px;
  text-align: left;
}
table#t01 tr:nth-child(even) {
  background-color: #9fb6dc;
}
table#t01 tr:nth-child(odd) {
 background-color: #fff;
}
table#t01 th {
  background-color: #061c43;
  color: white;
}


div#a1leftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#a1leftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#a1leftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#a1leftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#a1leftSideBar{
background-color:#9fb6dc;
    height: 2065px;
    width: 250px;
    float: left;      
}

div#b1leftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#b1leftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#b1leftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#b1leftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#b1leftSideBar{
background-color:#9fb6dc;
    height: 915px;
    width: 250px;
    float: left;      
}
#b1leftSideBar{
background-color:#9fb6dc;
    height: 2040px;
    width: 250px;
    float: left;      
}

div#d1leftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#d1leftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#d1leftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#d1leftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#d1leftSideBar{
background-color:#9fb6dc;
    height: 8988px;
    width: 250px;
    float: left;      
}
div#e1leftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#e1leftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#e1leftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#e1leftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#e1leftSideBar{
background-color:#9fb6dc;
    height: 725px;
    width: 250px;
    float: left;      
}
div#f1leftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#f1leftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#f1leftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#f1leftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#f1leftSideBar{
background-color:#9fb6dc;
    height: 2155px;
    width: 250px;
    float: left;      
}
div#n1leftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#n1leftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#n1leftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#n1leftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#n1leftSideBar{
background-color:#9fb6dc;
    height: 1400px;
    width: 250px;
    float: left;      
}

div#l1leftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#l1leftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#l1leftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#l1leftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#l1leftSideBar{
background-color:#9fb6dc;
    height: 780px;
    width: 250px;
    float: left;      
}

div#c1leftSideBar li a:hover {
background-color: #061c43;
  color: white;
}

div#c1leftSideBar ul {
   list-style-type: none;
  margin: 0;
  padding: 0;
  /*list-style-position: inherit;*/
  background-color: #9fb6dc;
  font-family: sans-serif;
}
div#c1leftSideBar li {
width: 230px;
padding-left: 10px;
padding-right: 10px;

}
div#c1leftSideBar li a {
padding-left:2px;
padding-right:2px;
padding-top:7px;
padding-bottom:7px;
font-size: 12px;
display: block;
text-decoration:none ;
}
#c1leftSideBar{
background-color:#9fb6dc;
    height: 915px;
    width: 250px;
    float: left;      
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}
a:visited, a:active, a:focus { color:navy }

.DownloadButton.OpensAModal{ 
  padding: 5px 10px;
  background: linear-gradient(45deg, #9fb6dc57, transparent);
  border: 1px solid #9fb6dc;
  cursor: pointer;
}