/*Top Menu*/
.content-menu
{
}

#menu-bar
{
	width: 98.5%;
	margin: 0px 0px 0px 0px;
	padding: 4px 6px 4px 6px;
	height: 25px;
	line-height: 100%;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	box-shadow: 2px 2px 3px #CBD4B5;
	-webkit-box-shadow: 2px 2px 3px #CBD4B5;
	-moz-box-shadow: 2px 2px 3px #CBD4B5;
	background: #708633;
	background: linear-gradient(top, #708633, #708633);
	background: -ms-linear-gradient(top, #708633, #708633);
	background: -webkit-gradient(linear, left top, left bottom, from(#708633), to(#708633));
	background: -moz-linear-gradient(top, #708633, #708633);
	border: solid 1px #CBD4B5;
	position: relative;
	z-index: 999;
	display: inline-block;
}

#menu-bar:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] #menu-bar
{
	display: block;
}

* html #menu-bar
{
	height: 0%;
}

#menu-bar li
{
	margin: 0px 0px 6px 0px;
	padding: 0px 6px 0px 6px;
	float: left;
	position: relative;
	list-style: none;
}

#menu-bar li:hover > ul
{
	display: block;
}

#menu-bar li ul
{
	margin-top: -10px;
}

#menu-bar li ul li .hyperlink
{
	margin: 0;
}

#menu-bar .active .hyperlink,
#menu-bar li:hover > .hyperlink
{
	background: #CFD8B9;
	background: linear-gradient(top, #CFD8B9, #CFD8B9);
	background: -ms-linear-gradient(top, #CFD8B9, #CFD8B9);
	background: -webkit-gradient(linear, left top, left bottom, from(#CFD8B9), to(#CFD8B9));
	background: -moz-linear-gradient(top, #CFD8B9, #CFD8B9);
	color: #444444;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 2px 2px 3px #FFFFFF;
}

#menu-bar .hyperlink
{
	font-weight: bold;
	font-family: arial;
	font-style: normal;
	font-size: 12px;
	color: #E7E5E5;
	text-decoration: none;
	display: block;
	padding: 6px 20px 6px 20px;
	margin: 0;
	margin-bottom: 6px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-shadow: 2px 2px 3px #000000;
}

#menu-bar ul
{
	background: #DDDDDD;
	background: linear-gradient(top, #FFFFFF, #CFCFCF);
	background: -ms-linear-gradient(top, #FFFFFF, #CFCFCF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
	background: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 40px;
	left: 0;
	border: solid 1px #B4B4B4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 3px #222222;
	-moz-box-shadow: 2px 2px 3px #222222;
	box-shadow: 2px 2px 3px #222222;
}

#menu-bar ul li
{
	float: none;
	margin: 0;
	padding: 0;
}

#menu-bar ul li:hover .hyperlink, #menu-bar li:hover li .hyperlink
{
	background: none;
	border: none;
	color: #666;
	-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

#menu-bar ul li:first-child > .hyperlink
{
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}

#menu-bar ul li:last-child > .hyperlink
{
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
}

#menu-bar ul .hyperlink
{
	padding: 10px 0px 10px 15px;
	color: #424242 !important;
	font-size: 12px;
	font-style: normal;
	font-family: arial;
	font-weight: normal;
	text-shadow: 2px 2px 3px #FFFFFF;
}

#menu-bar ul .hyperlink:hover
{
	/*Default background color*/
	/*background: #0399D4 !important;
	background: linear-gradient(top, #04ACEC, #0186BA) !important;
	background: -ms-linear-gradient(top, #04ACEC, #0186BA) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
	background: -moz-linear-gradient(top, #04ACEC, #0186BA) !important;*/
	
	/*Default radius*/
	/*border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;*/
	color: #FFFFFF !important;
	text-shadow: 2px 2px 3px #FFFFFF;

	background: #b5bdc8 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ) !important; /* IE6-9 */
}

/*For menu bar animation*/
#menu-bar li { -webkit-transition: all 0.2s; }
#menu-bar li .hyperlink { -webkit-transition: all 0.5s; }
#menu-bar li ul { -webkit-transition: all 1s; }
#menu-bar li ul li { -webkit-transition: height 0.5s; }
/*End of Top Menu*/