topmenu {
	float: left;
	width: 100%;
	display:block;
	position:relative;
}
topmenu ul {
	overflow: hidden;
	border-right: none;
	none; padding:0;
	margin: 0; 
	display:block;
}
topmenu ul li {
	display:block;
	list-style: none;
	float: left;
	margin: 0;
	height:100%;
	line-height:100%;
	width:15%;
}
.genismenu {
	width: 20%;
}
.darmenu {
	width: 12%;
}
topmenu ul li a {
	display: block;
	font-size: 100%;
	color: #FFF;
	text-decoration: none;
	background-color: #0099cc;
	line-height: 40px;
	border-right: solid 1px #ececec;
	border-bottom: solid 1px #ececec;
	text-align:center;
}
topmenu ul li:last-child a {
	border-right: none;
}
topmenu ul li a:hover {
	background-color: #0B64A6;
}
topmenu ul li a#active {
	background-color: #044089;
	text-shadow: none;
}

@media only screen 
and (max-width : 767px) {

topmenu ul li {
	width: 33%;
	border-bottom: solid 1px #ececec;
}
.genismenu {
	width: 33%;
}
.darmenu {
	width: 33%;
}

topmenu ul li a {
	line-height: 60px;
}

topmenu ul li:nth-child(even) a {
	border-right: none;
	border-right: solid 1px #ececec;
}

}

@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {

topmenu ul li {
	border-bottom: solid 1px #ececec;
}


}


bottommenu {
	float: left;
	width: 100%;
	display:block;
	position:relative;
}
bottommenu ul {
	overflow: hidden;
	border-right: none;
	none; padding:0;
	margin: 0; 
	display:block;
}
bottommenu ul li {
	display:block;
	list-style: none;
	float: left;
	margin: 0;
	height:180px;
	line-height:100%;
	width:20%;
	padding-bottom:10px;
}
bottommenu ul li a {
	display: block;
	font-size: 100%;
	color: #9ad3e6;
	text-decoration: none;
	background-color: #0099cc;
	line-height: 120%;
	border-right: solid 1px #ececec;
	border-bottom: solid 1px #ececec;
	text-align:center;
	padding:10px 0;
}
bottommenu ul li:last-child a {
	border-right: none;
}
bottommenu ul li a:hover {
	background-color: #0B64A6;
	color:#FFF;
}