/*  Generated by www.menucool.com/drop-down-menu  */


/* main menu
----------------------------*/



#ddmenu
{
	display: block;
	font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
	text-align: center; /*Specify the alignment of the whole UL if UL is not width:100%;*/
	letter-spacing: normal;
	font-weight: bold !important;
	float: right; /*    padding-right:150px;*/
	padding-top: 15px;
	padding-right:5px;
}

#ddmenu ul
{
	margin: 0 auto;
	padding: 0;
	text-align: left; /* Alignment of each top-level menu items within the UL */
	width: 100%;
	font-size: 0;
	background: white;
	display: inline-block;
	list-style: none;
	/*position: relative;*/
	z-index: 999999990; /*border-radius:2px;*/
	padding-top: 2px; /*border:solid 1px black;*/ /*color:White;*/
}

#ddmenu li
{
	margin: 0;
	/*padding-left: 20px;
	padding-right: 20px;
	padding-top:5px;
	padding-bottom:5px;*/
	padding:5px 10px 5px 10px;
	/*font-size: 16px;*/
	font-size: 14px;
	display: inline-block; *display:inline;
zoom:1;/*for IE6-7*/
position:relative;
color:white;
line-height:24px;/*This determines the height of the menu*/
transition:background-color0.2s;
outline:none;
min-height:20px!important;
font-weight:bolder!important;
}

#ddmenu li.full-width
{
	position: static;
}

#ddmenu li.over
{
	/*color: #333333;
	background-color: #e4e7ea;*/
	box-shadow:3px 3px 5px #555 !important;
}

/*#li_abt.over
{
	background-color: #3D93A5 !important;
}

#li_imp.over
{
	background-color: #809042 !important;
}

#li_wwd.over
{
	background-color: #B28433 !important;
}*/

.current
{
	box-shadow:3px 3px 5px #555 !important;
}

#ddmenu li.over.no-sub
{
	/*color: black; background-color:#366078;*/
	/*background-color: #2958A0;*/
	border-radius: 0;
}

#ddmenu .top-heading
{
	font-weight: normal;
	white-space: nowrap;
	margin: 0 10px;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	outline: 0;
	cursor: pointer;
	font-weight: lighter;
	text-shadow: 1px 1px 0 #000000;
	text-align:center !important;
}

/* links of top-heading */
#ddmenu li a, #ddmenu li a:link, #ddmenu li a:hover
{
	color: inherit;
	font-weight: lighter;
}
#ddmenu li a:hover
{
	/*text-decoration:underline;*/
	text-decoration: none;
}

#ddmenu li a:focus
{
	outline: 1px dotted #09F;
}

/* caret(arrow icon) */
#ddmenu i.caret
{
	color: white;
	bottom: 0px;
	left: -7px;
	width: 0;
	height: 0;
	overflow: hidden; /*for IE6*/
	vertical-align: middle;
	margin-bottom: 2px; /*border-bottom: 8px solid; 	border-right: 8px solid transparent; 	border-left: 8px solid transparent;*/
	display: inline-block;
	position: relative; /*border-left: 5px solid transparent; 	border-right: 5px solid transparent; 	border-bottom: 5px solid black;*/
}

/* sub-menu layout
----------------------------*/

#ddmenu .dropdown1
{
	width: auto;
	left: 0px; /*color:#333333;   */
	color: rgb(254,255,255);
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
	top: 100%; /*border:1px solid #bbb;*/
	border-top: none;
	border-radius: 0 0 3px 3px;
	box-shadow: 0px 6px 6px rgba(0,0,0,0.175);
}

#ddmenu li.full-width .dropdown1
{
	width: 100%;
	padding: 0;
	margin: 0;
}

#ddmenu .offset300
{
	left: -300px;
	right: auto;
}

#ddmenu .right-aligned
{
	left: auto;
	right: 0px;
}

/*#ddmenu li.over .dropdown1
{
	display: block;
}*/

#ddmenu .dd-inner
{
	text-align: center;
	padding: 10px;
	margin: 0px; /*background-color:rgb(43,88,150);*/
	background-color: White;
	color: Black;
	white-space: nowrap;
	font-size: 13px;
	line-height: 1.35;
	opacity: 0.9;
}

/* links in sub menu
----------------------------*/

#ddmenu .dropdown1 a
{
	display: block; /*color:#444;*/
	color: black;
	line-height: 22px;
	text-decoration: none;
	padding: 0;
	border-bottom: solid 1px black;
}

#ddmenu .dropdown1 a:hover, #ddmenu .dropdown1 a:focus
{
	/*text-decoration:underline;*/ /*color:#0099FF;*/
	text-decoration: none;
	color: black; /*padding-left:5px;*/
}

/* blocks within the sub-menu
-----------------------------*/
#ddmenu div.column
{
	text-align: left;
	vertical-align: top; /*or middle*/
	display: inline-block; *display:inline;
*zoom:1;
white-space:normal;
width:auto;min-width:170px;
max-width:300px;
/*padding:0 10px;*/

}

#ddmenu div.dd-inner div:last-child
{
	border-right: none;
}

#ddmenu div.column h3
{
	font-weight: 500;
	line-height: 1.1;
	margin-top: 12px;
	margin-bottom: 8px;
	font-size: 24px;
}

/*#ddmenu li {border-radius:3px 3px 0 0;}*/

#ddmenu div.column h3
{
	text-transform: uppercase;
	border-bottom: 1px solid white;
}

/* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages */
#ddmenuLink
{
	display: none;
}

/*######## add additional styles for mobile-friendly responsive menu ########*/

#ddmenu div.menu-icon
{
	display: none; /* hide menu icon initially */
}



/*styles for mobile*/
@media only screen and (max-width: 480px)
{
	#ddmenu li div.column.mayHide
	{
		display: none;
	}

	/*override the original settings*/
	#ddmenu ul
	{
		width: 100%;
		display: none;
		border-radius: 0;
	}

	#ddmenu li
	{
		position: relative;
		display: block;
		font-size: 20px;
		text-align: left;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}

	#ddmenu li.full-width
	{
		position: relative;
	}

	#ddmenu li .dropdown1
	{
		position: relative; *top:auto;/*for IE7*/
border:none;
border-radius:0;
box-shadow:none;
text-align:left;
background-color:#e4e7ea;
}

	#ddmenu .offset300
	{
		left: 0;
	}

	#ddmenu li.full-width div.dropdown1
	{
		width: auto;
	}

	#ddmenu .dd-inner
	{
		margin: 0; /*background:none;*/
		text-align: left;
	}

	/*turn each column to list vertically instead of horizontally */
	#ddmenu li div.column
	{
		width: auto;
		padding: 0;
		border: none;
		display: block;
	}

	/*move the arrow icon to right*/
	#ddmenu i.caret
	{
		position: absolute;
		left: auto;
		right: 14px;
		top: 19px;
		border-width: 5px;
	}


	/* All the following are for the div.menu-icon (pure CSS) */
	#ddmenu div.menu-icon
	{
		font-size: 32px; /*icon size*/
		display: block;
		position: relative;
		width: 40px;
		height: 36px;
		text-align: center;
		cursor: pointer;
		-moz-user-select: none;
		-webkit-user-select: none;
		background-color: #eeeeee;
		border-radius: 3px;
		margin-bottom: 6px; /*align the icon to the left*/
		margin-left: 12px;
		margin-right: auto;
	}

	#ddmenu div.menu-icon::before
	{
		content: "";
		position: absolute;
		top: 0.25em;
		left: 4px;
		width: 1em;
		height: 0.125em;
		border-top: 0.375em double #333333;
		border-bottom: 0.125em solid #333333;
		box-sizing: content-box;
	}

	#ddmenu div.menu-icon-active
	{
		background-color: #333333;
	}

	#ddmenu div.menu-icon-active::before
	{
		border-color: #eeeeee;
	}
}