#dropDownMenu { 									display: none;
														position: absolute;
														top: 47px;
														left: 0px; 
														height: 100%; 
														height: calc(100% - 47px); 
														margin: 0 0 0 0;
														width: 150px;
														background-color: #C6C6C6;
														border-right: 1px solid #AAAAAA;}

.sf-menu { 											width: 150px!important;}


.sf-menu, .sf-menu * {							margin: 0;
														padding: 0;
														list-style: none; }
														
.sf-menu li {										position: relative;
														width: 100%; }

.sf-menu ul {										position: absolute;
														display: none;
														left:	100%;
														top: -1px;
														z-index: 99;
														min-width: 12em; /* allow long menu items to determine submenu width */
														*width: 12em; /* no auto sub width for IE7, see white-space comment below */}
														
.sf-menu > li {									float: none; }

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {						display: block; }

.sf-menu a {										display: block;
														position: relative;
														font-size: 12px;
														font-weight: bold;
														padding: .75em 1em;
														text-decoration: none;
														zoom: 1; /* IE7 */ }
														
.sf-menu ul ul {									top: -1px;
														left: 100%; }




/* color styles */

.sf-menu > li {									border-bottom: 1px solid #AAAAAA;  }

.sf-menu ul {										box-shadow: 2px 2px 6px rgba(0,0,0,.2);
														border-bottom: 1px solid #AAAAAA; }
	
.sf-menu > li > a {								color: #FFFFFF; }

.sf-menu a:hover {								color: #FFFFFF!important; }

.sf-menu li {										background: #606060; }

.sf-menu ul li {									background: #DADADA;
														border-top: 1px solid #AAAAAA; 
														border-left: 1px solid #AAAAAA;
														border-right: 1px solid #AAAAAA; }
														
.sf-menu ul li a {								color: #606060; }

.sf-menu ul ul li {								background: #DADADA; }

.sf-menu li:hover,
.sf-menu li.sfHover {							background-color: #1c5e86; }

.sf-menu li.sfHover a,
.sf-menu li.sfHover li.sfHover a {			color: #FFF; }

.sf-menu li.sfHover ul li a {					color: #606060; }

.sf-menu li.sfHover ul li ul li a {			color: #606060!important; }
.sf-menu li.sfHover ul li ul li a:hover {	color: #FFF!important; }






/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {									padding-right: 2.5em;
																	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ }

.sf-arrows .sf-with-ul:after {							content: '';
																	position: absolute;
																	top: 50%;
																	right: 1em;
																	margin-top: -3px;
																	height: 0;
																	width: 0;
																	/* order of following 3 rules important for fallbacks to work */
																	border: 5px solid transparent;
																	border-top-color: #606060; 
																	border-top-color: rgba(96,96,96,.5); }

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {			border-top-color: #606060 }


/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {						margin-top: -5px;
																	margin-right: -3px;
																	border-color: transparent;
																	border-left-color: #606060; 
																	border-left-color: rgba(96,96,96,.5); }
																	
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {			border-left-color: #606060; }


/*** alter arrow directions ***/
.sf-menu.sf-arrows > li > .sf-with-ul:after {		margin-top: -5px;
																	margin-right: -3px;
																	border-color: transparent;
																	border-left-color: #FFF; /* edit this to suit design (no rgba in IE8) */
																	border-left-color: rgba(255,255,255,.5); }
																	
.sf-menu.sf-arrows li > .sf-with-ul:focus:after,
.sf-menu.sf-arrows li:hover > .sf-with-ul:after,
.sf-menu.sf-arrows .sfHover > .sf-with-ul:after {	border-left-color: white; }