.menu_css {
	background:-webkit-linear-gradient(#eef0ef, #fdfdfd);
	background:-o-linear-gradient(#eef0ef, #fdfdfd);
	background:-moz-linear-gradient(#eef0ef, #fdfdfd);
	background:linear-gradient(#eef0ef, #fdfdfd);
	width:100%;
	height:28px;
	border:1px solid #cccccc;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
}

.menu_css ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.menu_css ul li {
	float:left;
	border-right:1px solid #cccccc;
	padding-left:20px;
	padding-right:20px;
	padding-top:7px;
	height:28px;
	width:19%;
	box-sizing:border-box;
	position:relative;
	text-align:center;
}

.menu_css > ul > li:first-child {
	width:11%;
}

.menu_css > ul > li:nth-child(3) {
	width:21%;
}

.menu_css > ul > li:nth-child(4) {
	width:21%;
}

.menu_css > ul > li:nth-child(5) {
	width:13%;
}

.menu_css > ul > li:last-child {
	width:15%;
}

.menu_css > ul > li:hover {
	background:-webkit-linear-gradient(#2c566f, #3f89ac);
	background:-o-linear-gradient(#2c566f, #3f89ac);
	background:-moz-linear-gradient(#2c566f, #3f89ac);
	background:linear-gradient(#2c566f, #3f89ac);
}

.menu_css ul li:hover {
	background-color:#306781;
}

.menu_css ul li:hover > a{
	color:#ffffff;
}

.menu_css ul li:last-child {
	border-right:none;
}

.menu_css > ul > li:last-child a {
	color:#8a0000;
}

.menu_css ul li a {
	color:#306781;
	font-weight:bold;
	text-decoration: none;
}

.menu_css ul li ul {
	position:absolute;
	background-color:#cccccc;
	left:0;
	top:28px;
	width:120%;
	display:none;
	z-index:100;
}
.menu_css ul li:hover ul{
	display:block;
}
		
.menu_css ul li ul li {
	clear:both;
	width:100%;
	border-bottom:1px solid #9D9D9D;
	border-right:none;
	text-align:left;
}	

/********************************
* Mobile versions			    *
*********************************/

@media screen and (max-width: 500px) {
	
}