#menu {width:100%; float:left; position:absolute; top: 54px; text-align: left;}
#menu a, #menu h2 {font: normal 12px arial,helvetica,sans-serif; display:block; border: 1px #FC3 solid;white-space:nowrap; margin:0; padding:3px 0px 3px 3px;}
#menu h2 {color:#000; background:#FFC10E url(images/menudown.gif) no-repeat 100% 100%; cursor: default;}
#menu a {background:#FFC10E; text-decoration:none; filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.90); -moz-opacity: 0.90;}
#menu a, #menu a:visited {color:#000;}
#menu a:hover {color:#000; background:#FC3; filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=1); -moz-opacity: 1;}
#menu a:active {color:#009; background:#CCC;}
#menu ul {list-style:none; margin:0; padding:0; float:left; width:120px;}
#menu li {position:relative;}
#menu ul ul {position:absolute; z-index:500; top:auto; display:none;}
#menu ul ul ul {top:0; left:100%;}

/* non-anchor hover selectors 
Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of csshover.htc - 
V1.21.041022. It improves IE's performance speed to use the older file and this method */
div#menu h2:hover {color:#000; background:#FC3 url(images/menudown.gif) no-repeat -999px -9999px; cursor: default;}
div#menu li:hover {cursor:pointer; z-index:100;}
div#menu li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, div#menu li li li li:hover ul ul {display:none;}
div#menu li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, div#menu li li li li:hover ul {display:block;}

/* Styling for Expand */
#menu a.x, #menu a.x:visited {font-weight:normal; color:#000; background:#FFC10E url(images/menuright.gif) no-repeat 100% 100%; cursor: default;}
#menu a.x:hover {color:#000; background:#FC3;}
#menu a.x:active {color:#009; background:#CCC;}