#menu{ width:878px; background:url(../img/bg_nav.jpg) repeat-x top; margin:0 auto; padding:0; height:62px; clear:both; }
#menu ul { list-style:none; margin:0; padding:20px 10px 0px 10px; background:none; float:left; }
#menu li{ position:relative; }
#menu ul li a { color:#fff; font-weight:bold; font-size:13px; text-decoration:none; display:block !important; text-align:center; height:30px; padding:4px 5px 0 5px; }
#menu ul li a:hover { }

#menu ul li { margin:0 !important; padding:0 !important; width:auto !important; background:none; }

#menu ul ul{ background:#5c1e81; width: auto; clear:both; height: auto; line-height: 20px; margin:0; padding:0; z-index:500; top:auto; display:none; width:228px; height:auto; margin-left:0px;  border-left:2px #391051 solid; border-right:2px #391051 solid; border-bottom:2px #391051 solid; padding:0; position:absolute !important; }
#menu ul ul a { width:218px; text-align:left; height:28px !important; border-right:0px !important; color:#fff; font-size:11px; margin:0;  border-bottom:1px #391051 solid; }
#menu ul ul a:hover { background:none; color:#dfe8ed; }
#menu ul ul ul{ top:0; left:100%; }



/* Begin 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{ background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px; }
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;}

div#menu li a.selected { font-weight:bold; color:#d2cff1; }

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{  font-weight:bold; color:#000; background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%; }
#menu a.x:hover{ color:#a00; background:#ddd; }
#menu a.x:active{ color:#060; background:#ccc; }

/* End CSS Popout Menu */


div#menu li:hover{ 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;}

/* End of non-anchor hover selectors */