body {background: #fff; margin:0; padding:0; font-family:'Trebuchet MS'; font-size:13px;}
a img {border: none;}
.menu {padding:0px; margin:0px; height:40px; background:#f4f4f4; border-bottom: solid 1px #e0e1dc; border-top: solid 4px #3a3a3a;}
.menu ul{padding:0px; margin:0px; max-width:980px; height:20px; margin: 0 auto; margin-top:-4px;}
.menu ul li {float:left; list-style:none; height:10px; border-top: solid 4px transparent;}
.menu ul li a {color:#777; text-decoration:none; padding:24px; padding-top:10px; padding-bottom:20px; padding-left:15px; padding-right:15px; display:block; height:10px; line-height:20px; font-size:11px; font-weight:bold; border-right: solid 1px #e0e1dc border-left: solid 1px #fff; text-align:center; text-shadow: 0 1px #fff;}
.menu ul li a span{background: #3b8de2;
	border: 1px solid #215a96;
	background-image: -webkit-linear-gradient(top, #67a7e9, #2580df);
	background-image: -moz-linear-gradient(top, #67a7e9, #2580df);
	background-image: -o-linear-gradient(top, #67a7e9, #2580df);
	background-image: linear-gradient(to bottom, #67a7e9, #2580df);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a7e9', endColorstr='#2580df');
	line-height: 10px;
	font-weight: normal;
	color: white;
	text-align: center;
	font-size:10px;
	font-family:arial;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	padding: 5px;
	border-radius: 100%;
	height: 8px;
	line-height: 8px;
	width: 8px;
	display: block;
	position: absolute;
	margin-top: -34px;
	margin-left: -16px;

}
.menu ul li:first-child a {padding-left:0px; padding-right:0px; border-left: none; height:10px; line-height:0px;}
.menu ul li a i{font-size: 15px; color: #999; padding: 6px; border: solid 1px #e4e4e4; box-shadow: 0 1px #fff inset; border-radius: 3px; background:#f4f4f4; display:block; margin: 0 auto;}
.menu ul li.active,.menu ul li:hover {border-top: solid 4px #3b8de2;}
.menu ul li a:hover {background:#f1f1f1;}
.menu ul li.active a,.menu ul li.active a i {color:#3b8de2;line-height:0px;}
.menu ul li a:hover, .menu ul li a:hover i {color:#3b8de2;}

.menu ul li.active a {line-height:20px;}

/*Dropdown*/
.menu ul li div {max-width:200px; display:none; position:absolute; margin-left:-1px;}
.menu ul li:hover div {display: table;}
.menu ul li div ul {display: table-cell; border: solid 1px #e0e1dc; border-top:none; width: 120px;}
.menu ul li ul li,
.menu ul li ul li:hover {border-top:none; height:auto;}
.menu ul li ul li a,
.menu ul li ul li:first-child a {
	text-decoration: none;
	color: #888;
	padding:0px;
	display: block;
	width: 120px;
	background: #f4f4f4;
	border:none;
	text-align:left;
	border-bottom: solid 1px #f8f8f8;
	border-top: solid 1px #e0e0e0;
	padding-left:10px;
	font-weight:normal;
	line-height:44px;
	height:40px;
	box-shadow:  0 1px #fff inset;
	font-size:12px;

}

.menu ul li ul li a:hover,
.menu ul li ul li:first-child a:hover {background-color:#3b8de2; color:white; text-shadow: none;}

.menu ul li ul li a i {margin-right:6px; padding:4px; display:inline-block;}

/*Responsive*/
@media only screen and (min-width: 0px) and (max-width: 800px) {


.menu ul li,.menu ul li:hover {float:none; border-bottom: solid 1px #e0e1dc; border-top: solid 1px #fff; padding-bottom:2px;}
.menu ul li.active{border-top: solid 4px #3b8de2;}

.menu ul li:first-child {display:none;}
	
}