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

#menu { margin: 0 8px; font-size: 12px; background: #3FA7E6 url(../img/menuBg.png) left top no-repeat; letter-spacing: 1px; }
#menu ul,#menu li,#menu a, #menu a span { display: block; margin: 0; padding: 0; border: none; text-transform: uppercase; }
#menu ul { width: 234px; padding-bottom: 10px; list-style: none; background: transparent url(../img/menuBgBottom.png) left bottom no-repeat; }
#menu li { position: relative; padding: 1px; z-index: 9; }
#menu li.folder ul { position: absolute; left: 234px; /* IE */ top: 1px; }
#menu li.folder>ul { left: 234px; }

/* 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: 100px; text-decoration: none; color: #FFFFFF; font-weight: bold; width: 125px; /* IE */ }
#menu a span { padding: 15px 0; }
#menu li { background: transparent url(../img/menuItemBg.png) center bottom no-repeat; }
#menu li>a { width: auto; }
#menu li a.submenu span { background: url(../img/sub.gif) right no-repeat; }

/* special */
#menu li#id-8  a { background: transparent url(../img/menu-id1.png) 50px 50% no-repeat; }
#menu li#id-467 a { background: transparent url(../img/menu-id2.png) 50px 50% no-repeat; }
#menu li#id-9  a { background: transparent url(../img/menu-id3.png) 50px 50% no-repeat; }
#menu li#id-14 a { background: transparent url(../img/menu-id4.png) 50px 50% no-repeat; }
#menu li#id-15 a { background: transparent url(../img/menu-id5.png) 50px 50% no-repeat; }
#menu li#id-13 a { background: transparent url(../img/menu-id6.png) 50px 50% no-repeat; }
#menu li#conf a { padding: 2px; }
#menu li#conf { background: transparent url(../img/conf.png) center no-repeat; }
* html #menu li#id-8  a { background: transparent url(../img/menu-id1.gif) 50px 50% no-repeat; }
* html #menu li#id-467 a { background: transparent url(../img/menu-id2.gif) 50px 50% no-repeat; }
* html #menu li#id-9  a { background: transparent url(../img/menu-id3.gif) 50px 50% no-repeat; }
* html #menu li#id-14 a { background: transparent url(../img/menu-id4.gif) 50px 50% no-repeat; }
* html #menu li#id-15 a { background: transparent url(../img/menu-id5.gif) 50px 50% no-repeat; }
* html #menu li#id-13 a { background: transparent url(../img/menu-id6.gif) 50px 50% no-repeat; }
* html #menu li#conf { background: transparent url(../img/conf.gif) center no-repeat; }

/* regular hovers */
#menu a:hover { color: #000000; }

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


/* FOOT MENU */
#footMenu { margin: 10px 8px 0 8px; font-size: 10px; }
#footMenu ul,#footMenu li,#footMenu a, #footMenu a span { display: block; margin: 0; padding: 0; border: none; }
#footMenu ul { width: 234px; padding-bottom: 10px; list-style: none; }
#footMenu li { position: relative; padding: 1px; z-index: 9; }
#footMenu li.folder ul { position: absolute; left: 234px; /* IE */ top: 1px; }
#footMenu li.folder>ul { left: 234px; }

/* others */
#footMenu a { padding: 2px; padding-left: 40px; text-decoration: none; color: #FFFFFF; font-weight: bold; width: 125px; /* IE */ }
#footMenu a span { padding: 3px 0; }
#footMenu li { background: transparent url(../img/footMenuItemBg.png) center bottom no-repeat; }
#footMenu li>a { width: auto; }
#footMenu li a.submenu span { background: url(../img/sub.gif) right no-repeat; }

/* regular hovers */
#footMenu a:hover { color: #000000; }