@charset "iso-8859-2";
/* CSS Document */

#menu { left: 52px; top: 123px; width: 150px; height: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#menu ul,#menu li,#menu a, #menu a span { display: block; margin: 0; padding: 0; border: none; text-transform: uppercase; }
#menu ul { width: 150px; list-style: none; background-color: #FFFFFF; }
#menu li { position: relative; padding: 1px; z-index: 9; }
#menu li.folder ul { position: absolute; left: 150px; /* IE */ top: 1px; }
#menu li.folder>ul { left: 150px; }

/* sub menu */
#menu ul ul { width: 200px; border: 1px solid #FFAA22; }
#menu ul ul li a { width: 174px; /* IE */ }
#menu ul ul li>a { width: auto; }
#menu ul ul li.folder ul { left: 198px; /* IE */ }
#menu ul ul li.folder>ul { left: 199px; }

/* others */
#menu a { padding: 2px; padding-left: 20px; border: 1px solid #FFFFFF; text-decoration: none; color: #666666; font-weight: bold; width: 125px; /* IE */ background: transparent url(../img/menuItemBg.gif) 4px 50% no-repeat; }
#menu li>a { width: auto; }
#menu li a.submenu span { background: url(../img/sub.gif) right no-repeat; }

/* regular hovers */
#menu a:hover { border-color: #FFAA22; background-color: #FFF2D8; color: #000000; }
#menu li.folder a:hover { background-color: #FFF2D8; }

/* hovers with specificity */
#menu li.folder:hover { z-index:10; }
#menu ul ul { display: none; }