topmenu {
	float: left;
	width: 100%;
}
topmenu ul {
	overflow: hidden;
	border-right: none;
	none; padding:0;
	margin: 0; 
}
topmenu ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
	width: 25%;
	height:100%;
	line-height:110%;
}
topmenu ul li a {
	display: block;
	font-size: 130%;
	color: #FFF;
	text-decoration: none;
	background-color: #0099cc;
	line-height:110%;
	text-shadow:0 1px 0 #666962;
	border-right: solid 1px #ececec;
	border-bottom: solid 1px #ececec;
	padding: 10% 0 9% 7%;
}
topmenu ul li a span { font-size: 70%; }
topmenu ul li:last-child a {
	border-right: none;
}
topmenu ul li a:hover {
	background-color: #0089b7;
}
topmenu ul li a#active {
	background-color: #005c7a;
	text-shadow: none;
}


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

topmenu ul li {
	width: 50%;
	border-bottom: solid 1px #ececec;
}
topmenu ul li a { font-size: 100%; }
topmenu ul li a span { display: none; }
topmenu ul li:nth-child(even) a {
	border-right: none;
}

}


@media only screen 
and (min-width : 320px) 
and (max-width : 479px) {

topmenu ul li {
	width: 50%;
	border-bottom: solid 1px #ececec;
}
topmenu ul li a { font-size: 120%; }
topmenu ul li a span { display: none; }
topmenu ul li:nth-child(even) a {
	border-right: none;
}

}


@media only screen 
and (min-width : 480px) 
and (max-width : 639px) {

topmenu ul li {
	width: 50%;
	border-bottom: solid 1px #ececec;
}
topmenu ul li a span { display: none; }
topmenu ul li:nth-child(even) a {
	border-right: none;
}

}