html, body, .grid-container { height: 100%; margin: 0; font-family: Arial, Helvetica, sans-serif;}

.grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0.7fr 0.1fr 2.7fr 0.1fr;
  gap: 0px 0px;
  grid-template-areas:
    "header"
    "menu"
    "Body"
    "Footer";
}

.header { grid-area: header; }

.menu { grid-area: menu; }

.Body { grid-area: Body; }

.Footer { grid-area: Footer; }

@media all and (-ms-high-contrast:none) {
  .grid-container {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 0.7fr 0.2fr 2.7fr 0.4fr;
  }

  .header {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .menu {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .Body {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .Footer {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
.headerlogo{
  width: 70%;
  height: auto;
  margin-left:5%;
  margin-top:2%;
}

.shadow{
 box-shadow: 10px 10px 5px #a6a6a6;
      -moz-box-shadow: 10px 10px 5px #a6a6a6;
      -webkit-box-shadow: 10px 10px 5px #a6a6a6;
      -khtml-box-shadow: 10px 10px 5px #a6a6a6;	
}
.stretch {  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.menu{
	background-image: url("/images/menu.png");
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	/* Needed to position the navbar */
	position: relative;
}
.Footer{
	 background-image: url("/images/menu.png");
}
.Body{
	
	background-color:#D9D9D9;
}
h1{
	color: #595959;
	font-family: Arial, Helvetica, sans-serif;
}
h2{
	color:#002060;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
h4{
	color: #595959;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

a {
  text-decoration: none;
  /*font-weight: bold;*/
  color: #002060;
}

nav ul {
  background: #BFBFBF;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

nav{
	margin-left:5%;
	font-size: 22px;
}
ul li a{
	font-weight:lighter;	
}
.menu1{
	font-weight:bold;
}
@media only screen and (min-width: 1200px){
	nav{
		min-width:900px;
	}
}
nav li {
  color: #fff;
  /*background: #002060;*/
  display: block;
  float: left;
  padding: 1rem;
  padding-bottom:0.5rem;
  position: relative;
  text-decoration: none;
  /*font-weight: 100!important;*/
  /*transition-duration: 0.5s;*/
  
  list-style: none;
 margin-left: 4%;
 padding-left: 1em;
 text-indent: -1em;
 
 white-space: nowrap;
}
  
li a {
  /*color: #fff;*/
}
#content{
	height:100%;
}
ul li ul li:hover,
ul li ul li:focus-within {
  background: #8c8c8c;
  cursor: pointer;
  min-width:13.1rem;
  margin-left:-0.05rem;
}

li:focus-within a {
  outline: none;
}

ul li ul {
  /*background: orange;*/
  visibility: hidden;
  opacity: 0;
  min-width: 15rem;
  position: absolute;
  transition: all 0.5s ease;
  /*margin-top: 1rem;*/
  left: 0;
  display: none;
  text-align:left!important;
  z-index:999;
}
p{
color: #595959;
}
td{
	border-bottom: 1px solid #000000;
}
table {
    border-collapse: collapse;
    width: 100%;
}
th {
    text-align: left;    
	border-bottom: 2px solid #000000;
}
ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover,
ul li ul:focus {
  visibility: visible;
  opacity: 1;
  display: block
}
.center {
  margin: auto;
  width: 60%;  
  padding: 10px;
  text-align: center;
}
[class^='dropdown'] li:before {
 content: "> ";
 color: #002060;
 }

ul li ul li {
  clear: both;
  /*width: 15rem;*/  
}

.Footer .footer-content ul > li {
    display: inline-block;
    /* You can also add some margins here to make it look prettier */
    zoom: 1;
	list-style-type: circle;
	list-style-position: outside;
    display:inline;
	margin-right:4em;
    /* this fix is needed for IE7- */
}
.footer-content{
	float:right;
	min-width:50rem;
	font-size: 22px;
}
.footer-content ul{
	padding: 0px;
	margin:0.5rem;
}
/* For presentation only, no need to copy the code below 
.grid-container * {
  border: 1px solid red;
  position: relative;
}

.grid-container *:after {
  content:attr(class);
  position: absolute;
  top: 0;
  left: 0;
}
*/
.form-style-1 {

}
.form-style-1 li {
	padding: 0;
	display: block;
	list-style: none;
	margin: 10px 0 0 0;
}
.form-style-1 label{
	margin:0 0 3px 0;
	padding:0px;
	display:block;
	font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #BEBEBE;
	padding: 7px;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;	
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
	-moz-box-shadow: 0 0 8px #88D5E9;
	-webkit-box-shadow: 0 0 8px #88D5E9;
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
	width: 49%;
}

.form-style-1 .field-long{
	width: 100%;
}
.form-style-1 .field-select{
	width: 100%;
}
.form-style-1 .field-textarea{
	height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
	background: #4B99AD;
	padding: 8px 15px 8px 15px;
	border: none;
	color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
	background: #4691A4;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.form-style-1 .required{
	color:red;
}


.flex-container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: space-around;
}

.flex-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}

.flex-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}

.flex-items:nth-child(3) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}