body {
	padding-bottom: 300px;
}
h3{
	clear: both;
	padding: 50px 0 0;
	color: #333;
	text-align: center;
}
.clear:before, .clear:after {
	content: "";
	display: table;
}
.clear:after {
	clear: both;
}
.clear {
	*zoom: 1;
}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 850px;
  margin: 5px auto 0px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #021F4D;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #021F4D;
  background: #87CEFA;
  text-align: center;
}
.dropmenu li:hover > a{
  background: #87CEFA;
}
.dropmenu li a:hover{
  background: #00BFFF;
}

#fade-in { position: relative; z-index: 6; }
#fade-in li ul{
  opacity: 0;
  visibility: hidden;
  transition: .5s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}