/* from:  http://www.cssterm.com/css-menus/horizontal-css-menu/simple-drop-down-menu */
/* CSSTerm.com Simple Horizontal DropDown CSS menu */

.drop_menu {
	/* background:#ff0000; */
	padding:0;
	margin:0;
	list-style-type:none;
	height:30px;
	
}
.drop_menu li { float:left; }
.drop_menu li a {
	padding:9px 20px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	font:12px arial, verdana, sans-serif;
	
	width: 80px;   /* AZ: width in display menu item box */
	text-align: left;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	
	width: 305px;   /* AZ: width in display menu item box */
	
}
.drop_menu li:hover { position:relative; background:#aaaaaa; }  
.drop_menu li:hover ul {
	left:0px;
	top:30px;
	background:#5FD367;
	padding:0px;
	
	text-align: left;  /* AZ; */
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1000;   /* AZ: fix pull down menu is hidden behind pictures */
}

.drop_menu li:hover ul li a {
	padding:5px;
	display:block;
	width:168px;
	text-indent:15px;
	background-color:#ff0000;  /* AZ: 2th level pull down menus, */
	
	width: 305px;   /* AZ: width in touch move of the display menu item box */
}
.drop_menu li:hover ul li a:hover { background:#aaaaaa; }