@charset "UTF-8";
html {
  overflow-y: auto;
}
body {
  margin: 0;
  font-family: Arial,Helvetica,sans-serif;
}

div#page {
  padding: 30px 30px 0px;
  text-align: left;
}
div#date {
  font-family: "Times New Roman",Times,serif;
  font-weight: bold;
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
p {
  font-family: Arial,Helvetica,sans-serif;
  text-align: left;
  margin-left: 100px;
  margin-right: 150px;
}
h {
  font-family: Arial,Helvetica,sans-serif;
  text-align: left;
  margin-left: 20px;
  margin-right: 30px;
  font-size: 24px;
}
div#lsix {
  border-style: solid;
  border-width: 1px;
  position: absolute;
  width: 80px;
  height: 20px;
  top: 77px;
  left: 460px;
}

.header {
overflow: hidden;
padding: 25px 45px ;
background-image: url(../Images/Untitled.gif);
background-repeat: no-repeat;
}

.header-right {
float: right;
font-size: 18px;
text-align: left;
line-height: 2;

}
 *{
  margin: 0px;
  padding: 0px;
  }
.main ul{
  background-color: black;
  list-style: none;
  overflow: hidden;
}

.main ul li{
  width: 170px;
  float: left;

}

.main ul li a {
   display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  
}
.main ul li a:hover{
 background-color: #4c4fda;
}

.main ul li a.active {
  background-color: #585af7;
}

.main ul ul{
  position: absolute;
  display:	inline-grid;
  visibility: hidden;
 }
 
 .main ul li:hover ul{
   visibility: visible;
 }


@media screen and (max-width: 720px) {
.header a {
float: none;
display: block;
text-align: left;

}

.header-right {
float: none;
margin-top: 120px;
}
.main ul{
  background: none;
 }
 .main ul li{

  float: none;
width: 100%;
}

 .main ul {
  background-color: black;
  position: fixed:
    height: 100%;
}
 .main ul ul {
   position: relative;
   display: none;
   }
   .main ul li:hover ul{
   display:  inline;
   visibility: visible;
   }
   p {
  margin-left: 20px;
  margin-right: 30px;
}
}

#website { display: none; }
	
.wrapper {
    text-align: center;
}

.ct {
  display: table;
  margin: 0 auto;
}

.list li {
  margin: 10px 0;
}
div.container {
  text-align: center;
}

ul.myUL {
  display: inline-block;
  text-align: left;
  margin: 10px 0;
}