behavior:url("css/csshover.htc");\r
}\r
\r
-#menu{\r
+#menu {\r
width:100%;\r
float:left;\r
-background:url(../image/bg_css_menu.png) repeat 100% 100%;\r
-border-width:1px 0 1px 1px;\r
-border-style:solid;\r
+background:url(../image/bg_css_menu.png) repeat bottom;\r
+border:1px solid;\r
border-color:#ccc #888 #555 #bbb;\r
}\r
\r
#menu a, #menu h2, #menu div.x {\r
font:11px/16px arial,helvetica,sans-serif;\r
display:block;\r
-border-width:0 1px 0 0;\r
+border:0;\r
+border-right:1px;\r
border-style:solid;\r
border-color:#ccc #888 #555 #bbb;\r
white-space:nowrap;\r
padding:1px 0 1px 3px;\r
}\r
\r
-#menu h2{\r
+#menu h2 {\r
color:#fff;\r
-background:#000 url(../image/bg_css_menu.png) repeat 100% 100%;\r
+padding:0 5px;\r
}\r
\r
-#menu a{\r
-background:#eee;\r
+#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {\r
+color:#000;\r
text-decoration:none;\r
-border-width:1px;\r
+/*border-width:1px;*/\r
padding-right:10px;\r
}\r
\r
-#menu a, #menu a:visited{\r
-color:#000;\r
+#menu a {\r
+background:#eee;\r
}\r
\r
-#menu a:hover{\r
+#menu div.x, #menu div.x:visited {\r
+background:#eee url(../image/right.gif) no-repeat right;\r
+}\r
+\r
+#menu a:hover, #menu div.x:hover {\r
color:#a00;\r
-background:#ddd;\r
+background-color:#ddd;\r
}\r
\r
-#menu a:active{\r
+#menu a:active, #menu div.x:active {\r
color:#060;\r
-background:#ccc;\r
+background-color:#ccc;\r
}\r
\r
-#menu ul{\r
+#menu ul {\r
list-style:none;\r
margin:0;\r
padding:0;\r
min-width:7em;\r
}\r
\r
-#menu li{\r
+#menu li {\r
position:relative;\r
+float:none;\r
+border:0;\r
}\r
\r
-#menu ul ul{\r
+/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far */\r
+#menu ul ul li {\r
+border:solid;\r
+border-width:0 0 1px 0;\r
+}\r
+\r
+#menu ul ul {\r
position:absolute;\r
z-index:500;\r
top:auto;\r
display:none;\r
+/* IE6 event bug fix, a z-indexed layer without some kind of background will lose its events to the leyer below */\r
+background:#000;\r
}\r
\r
-#menu ul ul ul{\r
+#menu ul ul ul {\r
top:0;\r
left:100%;\r
+background:#000;\r
}\r
\r
/* Begin non-anchor hover selectors */\r
improves IE's performance speed to use the older\r
file and this method */\r
\r
-div#menu h2:hover{\r
-background:#A3C5FF url(../image/expand3.gif) no-repeat -999px -9999px;\r
+div#menu h2:hover {\r
+background:#A3C5FF;\r
color:#a00;\r
}\r
\r
-div#menu li:hover{\r
+div#menu li:hover {\r
cursor:pointer;\r
z-index:100;\r
}\r
\r
/* End of non-anchor hover selectors */\r
\r
-/* Styling for Expand */\r
-\r
-#menu a.x, #menu a.x:visited{\r
-/*font-weight:bold;*/\r
-color:#000;\r
-background:#eee url(../image/right.gif) no-repeat 100% 50%;\r
-border-width:1px;\r
-}\r
-\r
-#menu a.x:hover{\r
-color:#fff;\r
-background-color:#000;\r
-}\r
-\r
-#menu a.x:active{\r
-color:#060;\r
-background-color:#ccc;\r
-}\r
-\r
-#menu div.x, #menu div.x:visited{\r
-/*font-weight:bold;*/\r
-border-width:1px;\r
-color:#000;\r
-background:#eee url(../image/right.gif) no-repeat 100% 50%;\r
-padding-right:10px;\r
-}\r
-\r
-#menu div.x:hover{\r
-color:#a00;\r
-background-color:#ddd;\r
-}\r
-\r
-#menu div.x:active{\r
-color:#060;\r
-background-color:#ccc;\r
-}\r