/***************************************************************\

        vertical menu

\***************************************************************/

#navigation  > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
	text-align:left;
}

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

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

/* General link styling */
#navigation  > ul li a {
	/* Layout */
	display: block;
	position: relative;
	margin: 0px 0px;
	padding: 11px 20px;
	width: 197px;
  
	/* Typography */
	color:  #;
	text-decoration: none;		
	font-size: 13px;
	font-weight: 300;

	/* Background & effects */
	background:# ;
	border-bottom:1px dashed  #;
}

/* set up the left arrow for all items */
.udm li > a:before {
	float:left;
	margin-right:0;
	margin-left:-20px;
	content:'\25BA';
	font-size:80%;
}
		
/* The hover state of the menu/submenu links */
#navigation  > ul li>a:hover, 
#navigation  > ul li:hover>a {
	color: #;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
	background: #;
	border-color: transparent;	
	border-bottom:1px dashed  #;
}

#navigation  > ul li>a:hover::before, 
#navigation  > ul li:hover>a::before {
	border-left: 4px solid rgba(0, 0, 0, .25);
}

	
/* THE SUBMENUS */
#navigation  > ul ul {
	position: absolute;
	left: 240px;
	top: -9999px;
	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;
	-o-transition: opacity .3s ease-in;
	-ms-transition: opacity .3s ease-in;
}

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

/* remove top border on sub menu last item */
#navigation  > ul ul li:last-child>a {
	border-bottom:0px dashed  #;		
}

/* set top border on main menu first item */			
#navigation  > ul li:first-child>a {			
	border-top: 1px dashed  #;
}

/* remove top border on sub menu first item */		
#navigation  > ul ul li:first-child>a {			
	border-top:0px dashed  #;
}
	
/* The hover state of the menu/submenu links */
#navigation  > ul li>a:hover, 
#navigation  > ul li:hover>a {
	color: #;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
	background:#;		
}

/* 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:'';
}