Reimplement drop down menus

css/index.css

@@ -1189,16 +1189,38 @@ span.lowerframe span
 	position: absolute;
 	width: 19.2em;
 	font-weight: normal;
-	border-bottom: 1px solid #999;
-	background: url(../images/theme/menu_gfx.png) 0 -130px no-repeat;
-	padding: 7px 0 0 0;
+	border: 1px solid #999;
+	background: linear-gradient(180deg, #dbdfe5, #fffffe);
+	margin-top: 7px;
+	box-shadow: 5px 5px 10px #88888866;
+}
+/* beak */
+.dropmenu li ul::before {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 10px;
+    bottom: 100%;
+    width: 0;
+    height: 0;
+    border: 10px solid transparent;
+    border-bottom-color: #999;
+}
+.dropmenu li ul::after {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 12px;
+    bottom: 100%;
+    width: 0;
+    height: 0;
+    border: 8px solid transparent;
+    border-bottom-color: #dbdfe5;
 }
 .dropmenu li li
 {
 	width: 19em;
 	margin: 0;
-	border-left: 1px solid #999;
-	border-right: 1px solid #999;
 }
 .dropmenu li li a span
 {
@@ -1232,6 +1254,7 @@ span.lowerframe span
 	color: #000;
 	text-decoration: none;
 }
+
 .dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
 {
 	top: -999em;