/* set layout on menu items */
#menu ul a { color:#000000; }

/* set layout on menu items hover (background must be set for drop-downs to work in IE. may use transparent though) */
#menu ul a:hover, #menu ul a.sel  { color:#3b5480; background:#ffffff url('/plugins/layouts/LM_Default/graphics/backgrounds/menu_elem_sel.gif'); }
#menu ul a.inactive, #menu ul a.inactive:hover { background:transparent none; color:gray;}
#menu ul a.sel_ancestor, #menu ul a.sel_ancestor:hover { font-weight:bold; }

/* set layout on selected menu items */
#menu ul a.sel { font-weight:bold; }

/* set layout on hovered selected menu items */
#menu ul a.sel:hover { font-weight:normal; }

/* set layout on submenu items (inherits from menu items) */
#menu ul ul a { background:#d0e1cd; }
#menu ul ul a.inactive, #menu ul ul a.inactive:hover { background:#d0e1cd; }
#menu ul ul a.inactive:hover { font-style:italic; }

/* set layout on submenu items hover (inherits from menu items) */
#menu ul ul a:hover {  }


/* dont change these */
#menu { float:left; width:678px;}
#menu li { position:relative; }
#menu .sep { float:left; width:8px; }
#menu .top { width:90px; text-align:center; }
#menu ul { float:left; list-style:none; margin:0px; padding:0px; text-align:left; }
#menu ul a { text-decoration:none; display:block; left:8px; width:82px; height:17px; margin-left:8px; padding-top:3px; }
#menu ul ul { position:absolute; z-index:500; left:8px; border:1px solid #c4c4c4;border-top-width:0px; }
#menu ul ul a { padding-left:4px; padding-right:0px; width:76px; margin:0px; }
#menu ul ul ul { top:0; left:100%; border-top:1px solid #c4c4c4; }
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul { display:none; }
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul { display:block; }