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

<style>
* {
    box-sizing: border-box;
}

body {
  margin: 0;
}

/* Style the header */
.header {
    background-color: #f1f1f1;
    padding: 20px;
    text-align: center;
}

/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: #09C;
}

/* Style the topnav links */


/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}


.topnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #09C;	
}

.topnav li {
    float: left;
}

.topnav li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.topnav li a:hover, .dropdown:hover .dropbtn {
    background-color: #ddd;
}

.topnav li.dropdown {
    display: inline-block;
}

.topnav .dropdown-content {
    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;
}

.topnav .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topnav .dropdown-content a:hover {background-color: lightblue}

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



.middlectr {
   
    right:0;
	left:0;
    text-align:center;
	text-indent: 30px;
    overflow: auto;
	padding: 30px;
	margin: 30px;

}


.middlejy {
   
    right:0;
	left:0;
    text-align:justify;
	text-indent: 30px;
    overflow: auto;
	padding: 30px;
	margin: 30px;
	border: 1px dotted black;
}



/* Clear floats after the columns */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.wrap {
    background:white;
    width:100%;
    display:table;
    border-spacing:4px
	overflow: auto;
}
.element1 {
    background:white; 
	color:black; 
	text-align:center;
    width:30%;
	font-size:24px;
    display:table-cell;
	border-bottom:ridge;
	border-right-style:ridge;
}
.element2 {
    background:white; 
	color:black; 
	text-align:center;
	font-size:24px;
    width:70%;
    display:table-cell;
	border-bottom:ridge;
}
.element3 {
    background:white; 
	color:black; 
	text-align:center;
    width:30%;
	font-size:16px;
    display:table-cell;
	padding: 10px;
	overflow: auto;
}
.element4 {
    background:white; 
	color:black; 
	text-align:justify;
	font-size:20px;
    width:70%;
    display:table-cell;
	overflow: auto;
	padding: 20px;
}

.aside-nav > ul > li.active-item > a:link,.aside-nav > ul > li.active-item > a:visited {
  background:none repeat scroll 0 0 rgba(153, 153, 153, 0.25);
  color:#fff;
} 
.aside-nav a,.aside-nav a:link,.aside-nav a:visited,.aside-nav li > ul,.top-nav a,.top-nav a:link,.top-nav a:visited {
  transition:background 0.20s linear 0s;
  -o-transition:background 0.20s linear 0s;
  -ms-transition:background 0.20s linear 0s;
  -moz-transition:background 0.20s linear 0s;
  -webkit-transition:background 0.20s linear 0s;
}

.aside-nav ul {
  background:#e8e8e8; 
  padding:0;
}
.aside-nav li {
  list-style:none outside none;
  cursor:pointer;
}
.aside-nav li a,.aside-nav li a:link,.aside-nav li a:visited {
  color:#444;
  display:block;
  font-size:1rem;
  padding:1rem;
  border-bottom:1px solid #d2d2d2; 
}
.aside-nav > ul > li:last-child a {border-bottom:0 none;}
.aside-nav li > ul {
  height:0;
  display:block;
  position:relative;
  background:#f4f4f4;
  border-left:solid 1px #f2f2f2;
  border-right:solid 1px #f2f2f2;
  overflow:hidden;
}
.aside-nav li ul ul {
  border:0;
  background:#fff;
}
.aside-nav ul ul a {padding:0.625rem 1.25rem;}
.aside-nav li a:link, .aside-nav li a:visited {color:#333;}
.aside-nav li li a:hover, .aside-nav li li.active-item > a, .aside-nav li li.aside-sub-submenu li a:hover {
  color:#999;
  background:none;
}
.aside-nav > ul > li > a:hover {color:#fff;}
.aside-nav li li a:hover:before, .aside-nav li li.active-item a:before {
  content:"\f006";
  display:inline-block;
  font-family:"mfg";
  font-size:0.6rem;
  margin:0 0.625rem 0 -1.25rem;
  width:0.625rem;
} 
.aside-nav li li a:link, .aside-nav li li a:visited {background:none;}
.aside-nav .show-aside-ul, .aside-nav .active-aside-item {height:auto;}
.padding {
  display:list-item;
  list-style:none outside none;
  padding:10px;
}

table {
    border-collapse: collapse;
    width: 100%;
	 border: 1px solid black;
}

th, td {
    text-align: left;
	font:"Times New Roman", Times, serif;
	font-size:12px;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #999;
    color: white;
	font-size:14px;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
     .middlectr, .middlejy {
        width: 100%;
    }
}

.img1 {
    float: right;
	margin: 0 0 10px 10px;
}

ul.a {
    list-style-type:circle;
	font-size:12px;
	font:"Times New Roman", Times, serif;
}

.t16 {
	font-size:16px;
}
.t8 {
	font-size:12px;
}
.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f1f1f1;
  text-align: center;
  padding: 5px;
}
</style>