.menu{
	margin:1.5% 0;
	/* background:#0477CA; */
	background: #2c3e50; 
	width: 100%;
}
.menu ul li {
	list-style: none;
	height: 2.4rem;
	float:left;
	padding:0.9% 1%;
	/* width: 14.5%; */
}
.menu ul li a {
  	height: 1.8rem;
	vertical-align: middle;
	border-bottom:4px solid #636393;
	padding: 0;
	color: #fff;
	font-size:1.3rem;
	line-height: 1.4rem;
	font-weight:lighter;
	text-align:center;
	text-decoration: none;
	display: block;
	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;
}

.menu li:nth-child(1) a {
	border-color: #fff;
}
.menu li:nth-child(2) a {
	border-color: #fff;
}
.menu li:nth-child(3) a {
	border-color: #fff;
}
.menu li:nth-child(4) a {
	border-color:#fff;
}
.menu li:nth-child(5) a {
	border-color: #fff;
}
.menu li:nth-child(6) a {
	border-color: #fff;
}
.menu li:nth-child(1) a:hover {
	border-bottom: 35px solid #fff;
	height: 5px;
	color:#555;
}
.menu li:nth-child(2) a:hover {
	border-bottom: 35px solid #fff;
	height: 5px;
	color:#555;
}
.menu li:nth-child(3) a:hover {
	border-bottom: 35px solid #fff;
	height: 5px;
	color:#555;
}
.menu li:nth-child(4) a:hover {
	border-bottom: 35px solid #fff;
	height: 5px;
	color:#555;
}
.menu li:nth-child(5) a:hover {
	border-bottom: 35px solid #fff;
	height: 5px;
	color:#555;
}
.menu li:nth-child(6) a:hover {
	border-bottom: 35px solid #fff;
	height: 5px;
	color:#555;
}

/* header.php sub-menu style sheet

/* to hide sub menu links */
 ul.sub-menu {
  display:none; 
  position: relative;
  background: #1F7584; 
  right: 0;
  z-index: 99;
  padding: 5px;
  height: 12rem;
  width: 10rem;
  cursor: pointer;
  color: #fff;
  border-radius: 5px;
  }

li.sub-menu-children {
  width: 9rem !important;
  margin-left: 2%;
  }

li.sub-menu-children a {
  font-size: .90em !important;
}