@charset "utf-8";
/* CSS Document */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

body {}

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
#navbar {
	
	padding-bottom:0px;
	margin-bottom:5px;
	margin-top: 0px;
	border-bottom:#505CA8 solid thin;
	background: rgba(131,169,230,1);
	background: -moz-linear-gradient(top, rgba(131,169,230,1) 0%, rgba(131,169,230,1) 1%, rgba(110,141,191,1) 9%, 					rgba(39,84,156,1) 31%, rgba(39,84,156,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(131,169,230,1)), color-stop(1%, rgba(131,169,230,1)), color-stop(9%, rgba(110,141,191,1)), color-stop(31%, rgba(39,84,156,1)), color-stop(100%, rgba(39,84,156,1)));
background: -webkit-linear-gradient(top, rgba(131,169,230,1) 0%, rgba(131,169,230,1) 1%, rgba(110,141,191,1) 9%, rgba(39,84,156,1) 31%, rgba(39,84,156,1) 100%);
background: -o-linear-gradient(top, rgba(131,169,230,1) 0%, rgba(131,169,230,1) 1%, rgba(110,141,191,1) 9%, rgba(39,84,156,1) 31%, rgba(39,84,156,1) 100%);
background: -ms-linear-gradient(top, rgba(131,169,230,1) 0%, rgba(131,169,230,1) 1%, rgba(110,141,191,1) 9%, rgba(39,84,156,1) 31%, rgba(39,84,156,1) 100%);
background: linear-gradient(to bottom, rgba(131,169,230,1) 0%, rgba(131,169,230,1) 1%, rgba(110,141,191,1) 9%, rgba(39,84,156,1) 31%, rgba(39,84,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83a9e6', endColorstr='#27549c', GradientType=0 );
}

#navbar {  background-color: #4f77ad;
}
<![endif]-->

ul.drop {
	position: relative;
	z-index: 597;
	float: left;
	width: 970px;
}
ul.drop a {
	display:block;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	width: 104px;
	text-align:center;

}
ul.drop a:hover {
	color: #FFF;
	font-weight:bold;
	border-bottom:none;
	
	/*text-shadow: 1px 1px 1px #010629;*/
	/*border-bottom:#FFF thin dotted; */

	
}
ul.drop, ul.drop li, ul.drop ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #fff;
}
ul.drop li {
	float: left;
	vertical-align: middle;
	zoom: 1;
	font-size: 15px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 2px;
	/*margin-right: 9px;
	margin-left: 9px; */
	margin-top: 3px;
	display: block;
	
}

ul.drop li.hover, ul.drop li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
	background: none;
}


ul.drop ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 200px;
	background: #4F77AD; /* Old browsers 
 */

	
	
}
ul.drop ul li {
	float: none;
	margin: 0px;
	display: block;
	padding: 0px;
	background: /*#4c66a6; /* Old browsers */	#244b8f;

background: rgba(0,0,255,0.3)  ;
background: -moz-linear-gradient(top, #5A7DB5,   #456DAB, rgba(39,84,156,1) 55%, rgba(39,84,156,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,255,0.3)  ), color-stop(21%, rgba(105,137,190,1)), color-stop(55%, rgba(39,84,156,1)), color-stop(100%, rgba(39,84,156,1)));
background: -webkit-linear-gradient(top, #5A7DB5,   #456DAB, rgba(39,84,156,1) 55%, rgba(39,84,156,1) 100%);
background: -o-linear-gradient(top, #5A7DB5,   #456DAB, rgba(39,84,156,1) 55%, rgba(39,84,156,1) 100%);
background: -ms-linear-gradient(top, #5A7DB5,   #456DAB, rgba(39,84,156,1) 55%, rgba(39,84,156,1) 100%);
background: linear-gradient(to bottom, #5A7DB5,   #456DAB, rgba(39,84,156,1) 55%, rgba(39,84,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9d5e8', endColorstr='#27549c', GradientType=0 );

}
ul.drop ul li a {
	float: none;
	margin: 0 0 0 6px;
	display: block;
	padding: 7px 5px;
	text-align:left;
width: 185px;
min-height: 1.2em;}

ul.drop ul ul {
	top: -2px;
	
	left: 100%;
}
ul.drop li:hover > ul {
	visibility: visible;
		font-weight:normal;
}