/***************************************************************
vertical menu
\***************************************************************/
#navigation > ul {
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:baseline;
	line-height:1;
}

/* The container */
#navigation > ul {
	position:relative;
	display:block;
	width:150px;
}

/* The list elements which contain the links */
#navigation > ul li {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	/* width:150px; */
    list-style: none;
}

/* General link styling */
#navigation > ul li a {
	position:relative;
	margin:3px 0;
	padding:11px 20px;
	width: 14.25em;
	/* Typography */
	background #;
	color:#;
	text-decoration:none;
	font-weight:600;
	/* Background & effects */
	font-size:13px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	/* Layout */
	display:block;
}

.udm li > a:before {
	margin-right:-15px;
	float:right;
	position:relative;
	top:-10px;
	/* styling */
	content:'\2666';
	font-size:200%;
	color:#ffffff;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}


/* THE SUBMENUS */
#navigation > ul ul li a {
	/* width:170px; */
}

#navigation > ul ul {
	position:absolute;
	top:-9999px;
	left:185px;
	z-index:10;
	z-index:1;
	padding-left:5px;
	opacity:0;
	/* The fade effect, created using an opacity transition */
	-webkit-transition:opacity .3s ease-in;
	-moz-transition:opacity .3s ease-in;
	-ms-transition:opacity .3s ease-in;
	-o-transition:opacity .3s ease-in;
	/* set background color for hover effect */
	background-color: #;
	/* width:215px; */
}

/* Showing the submenu when the user is hovering the parent link */
#navigation > ul li:hover>ul {
	top:0;
	opacity:1;
}

/* The hover state of the menu/submenu links */
#navigation > ul li>a:hover,
#navigation > ul li:hover>a {
	background-color:rgba(0, 0, 0, .2);
	color:#;
	text-shadow:0 1px 0 rgba(0,0,0,.2);
}


/* set up the right arrows first */
.udm li > a:after {
	float:right;
	margin-right:0;
	margin-left:0px;
	content:'\25BA';
	font-size:80%;
}

/* set up the  arrow for top level items */
.udm > li > a:after {
	float:right;
	margin-right:0;
	margin-left:0px;
	content:'\25BA';
	font-size:70%;
}

/* clear the content if a is only child */
.udm li > a:only-child:after {
	margin-left:0;
	content:'';
}