#ddmenu {display:block;	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:left;letter-spacing:normal;}
#ddmenu ul {
	margin:0 auto;
	text-align:center; /* Alignment of each top-level menu items within the UL */
	width:100%;
	background:#CCF8F7;
	display:inline-block;
	list-style:none;
	position:relative;
	z-index:999999990;
	max-width:1400px;
	background:rgba(44, 192, 190, 0.8);
	border:1px solid rgba(44, 192, 190, 0.2);
	border-radius:4px;
}
#ddmenu li {margin:0;padding:0;font-size:16px;display:inline-block; *display:inline;zoom:1; /*for IE6-7*/position:relative;color:#000;line-height:46px; /*This determines the height of the menu*/transition:background-color 0.2s;outline:none;padding:0px 20px;}
#ddmenu li.full-width {position: static;}
#ddmenu li.over {color:#000;background-color:#CCF8F7;}
#ddmenu li.over.no-sub {}
#ddmenu .top-heading {font-weight:bold;white-space:nowrap;margin:0 16px;color:inherit;text-decoration:none;	display:inline-block;outline:0;cursor:pointer;}
/* links of top-heading */
#ddmenu li a, #ddmenu li a:link, #ddmenu li a:hover {color:inherit;text-decoration:none;}
#ddmenu li a:hover {text-decoration:none;}
#ddmenu li a:focus {outline:1px dotted #09F;}
/* caret(arrow icon) */
#ddmenu i.caret {color:inherit;left:-12px;width: 0;height: 0;overflow:hidden;/*for IE6*/vertical-align:middle;margin-bottom:2px;border-top: 4px solid;/*caret size is 4px now*/
	border-right: 4px solid transparent;border-left: 4px solid transparent;display: inline-block;position:relative;}
/* sub-menu layout
----------------------------*/

#ddmenu .dropdown {width:auto;left:0px;color:#000;padding:0;margin:0;display:none;position:absolute;top:100%;border:1px solid rgba(255, 255, 255, 0.35);border-top:none;
	border-radius:2px;background-color:rgba(0, 0, 0, 0.1);background-color:#ccc \9;/*fallback for old IE*/}
#ddmenu li.full-width .dropdown {width:100%;padding:0;margin:0;margin-left:-1px; /*Set to 0 if UL has no border*/}
#ddmenu .offset300 {left:-300px;right:auto;}
#ddmenu .right-aligned {left:auto;right:0px;}
#ddmenu li.over .dropdown {	display:block;}
#ddmenu .dd-inner {text-align:center;padding:20px;margin:16px;background-color:#FFF;white-space:nowrap;font-size:12px;line-height:1.35;}
/* links in sub menu
----------------------------*/

#ddmenu .dropdown a {display:table-row; *display:block;	color:#000;	line-height:22px;text-decoration:none;padding:0;}
#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus {text-decoration:underline;color:#09F;}
/* 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;
	padding:0 30px;
	border-right:1px solid #999;
}
#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: 16px;}
#ddmenu div.column h3 {text-transform:uppercase;}
/* 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;}
.hidelink{display:block; padding:10px; text-transform:uppercase; font-size:1em; font-weight:bold; z-index:999px; position:absolute;}
    /*override the original settings*/
#ddmenu{background:#2CC0BE; margin-top:15px;}
#ddmenu ul {width: 100%;display: none; border-radius:0;background:rgba(255, 255, 255, 0.90);}
#ddmenu li {position:relative; display:block;font-size:15px;text-align:left;border-bottom: 1px solid rgba(0, 0, 0, 0.2);line-height:36px;}
#ddmenu li.full-width {position: relative;}
#ddmenu li .dropdown {position:relative;*top:auto;/*for IE7*/ border:none; border-radius:0; box-shadow:none; text-align:left; background-color:#FFF;}
#ddmenu .offset300 { left:0;}
#ddmenu li.full-width div.dropdown { 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:20px; 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: #eee; border-radius: 3px; margin-bottom:6px; /*align the icon to the right*/  margin-left: auto; margin-right: 11px;}
 #ddmenu div.menu-icon::before {
 content: "";
 position: absolute;
 top: 0.25em;
 left: 4px;
 width: 1em;
 height: 0.125em;
 border-top: 0.375em double #333;
 border-bottom: 0.125em solid #333;
 box-sizing: content-box;
}
 #ddmenu div.menu-icon-active {background-color: #333;}
 #ddmenu div.menu-icon-active::before {border-color: #eee;}
}