@charset "utf-8";
/* CSS Document */

h1 {
  color: #17252a; font:Arial, Helvetica, sans-serif;
}
h2 {
	color: #2b7a78; font:Arial, Helvetica, sans-serif;
}



body {
  margin: 0;
  background-color: #002747;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.everything {z-index: 2; position: relative; padding-bottom:250px;}

.navbar {z-index: 3;background-color:#002747; min-height: 100px; position:sticky; margin: auto; top: 0; max-width:1400px; overflow:visible; margin-bottom:0px;}

.logoimg {width: 25vw; min-height: 90px; min-width: 485px;}

.contentbox {margin: auto; max-width:1400px; position:relative; background-image:url(images/background1.jpg); background-position:center; background-size:cover; overflow:auto; margin-bottom:10px; }
.contentbox1 {margin: auto; max-width:1400px; position:relative; background-image:url(images/back2.jpg); background-position:center; background-size:cover; overflow:auto; margin-bottom:10px; }
.contentbox2 {margin: auto; max-width:1400px; position:relative; background-image:url(images/back3.jpg); background-position:center; background-size:cover; overflow:auto; margin-bottom:10px; }

.rightbox-content { width: 1000px; background-color: rgba(255, 255, 255, 0.8); text-align:center; ; float:left; padding:10px;  margin:10px; font-family: Verdana, Geneva, Tahoma,  sans-serif;  overflow:auto; }

.lefttext {text-align: left;}

.footerbox { bottom: 0; width:100%; background-color: #070707; height:250px; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
.footertext{

  margin: auto; max-width:1400px; position:relative;
}

.footerleft { color: #ffffff; float:left; width: 35%; margin: auto; }
.footermiddle { color: #ffffff; float:left; width: 30%;  margin: auto; padding-top: 60px;}
.footerright { color: #ffffff; float:right; width: 35%;  margin: auto; padding-top: 60px;}
.footertext{padding: 5px;}

.menubtn {
  float: right;
  margin: auto;
  display: block;
  margin: auto;
  object-fit: fill;


}
li {

  z-index: 999;

}
.lipad { padding-top: 5px;}

li a, .dropbtn {
  z-index: 999;
  display: inline-block;
  color: white;
  text-align: center;
  padding: 2px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {

  z-index: 999;
  background-color: rgb(26, 35, 220);
}

li.dropdown {
  z-index: 999;
  display: inline-block;
  float: right;
}
ul{background-color: #2b7a7700;}

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

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

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

.dropdown:hover .dropdown-content {
  z-index: 999;
  display: block;
}


.mainbox {background-color: rgba(255, 255, 255, 0.8); max-width:100%; float:left; padding:10px;  margin:10px; font:Arial, Helvetica, sans-serif; max-width:800px; }

.formbox {background-color: rgba(255, 255, 255, 0.8); text-align:center; width: auto; float:relative; padding:5px;  margin:10px;  font:Arial, Helvetica, sans-serif;}

.form1 { padding:5px; background-color: rgb(255, 255, 255); width: auto; text-align: right; font-family: Verdana, Geneva, Tahoma,  sans-serif; margin-bottom: 10px;}

.leftbox {width:55%;background-color:#C5c6c7;  text-align:center; min-width:400px; float:right;}

.boximg { padding:5px; padding-right:30px; text-align: right;}

input,
textarea,
select,
button {
  font-size: large;
  width: 500px;
  padding: 5;
  margin: 5;
  vertical-align: middle;
}