* { padding:0; margin:0; }

header { top: 0; left: 0; width:100%; height: 60px;
  color: #0000CD;
  position:fixed;  z-index:100;
  background-color: #B0E0E6; }

header {   font-family: "Trebuchet MS", Helvetica, sans-serif;
  text-align: center; }
header h1 { font-size: x-large; }
header h2 { font-size: large; }

/*----- Place first level menus -----*/
nav.Menu ul { list-style: none; z-index:100; }
nav.Menu li { text-align:center; }
nav.Menu.DropDown { position: fixed;
  margin-left:10px;;
  top:60px;
  height:40px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: small;
  background:#66CDAA;
  z-index:100; }
nav.Menu.DropDown li{ position:relative; float:left;
  width:8em; }
nav.Menu.DropDown a { display:block;
  text-decoration:none;
  padding:5px 5px;
  background:#66CDAA;
  color:#0000CD;
  transition:0.2s; }

/*----- Place hidden sub level menus -----*/
nav.Menu.DropDown ul ul{
  position:absolute; top:20; width:100%;
  visibility:hidden; opacity:0;
  transition: transform 0.3s;
  transform: translateX(50px); }
  /*----- Show hidden sub level menus -----*/
nav.Menu.DropDown li:hover > ul { left:0;
  visibility:visible; opacity:1; z-index:50;
  transform: translateX(0px);  }
nav.Menu li a.active { color: #E0FFFF;
  background-color: #00008B; }

nav.Menu li a:hover { color: #00008B;
  background-color: #40E0D0; }


main { position:relative;
  top:100px;
  background-color: #E0FFFF ;
  color:#00008B;
  z-index:10
  }

aside { padding-left:10%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color:  #87CEFA;
  }