#navigation {padding:0; margin:0; list-style:none; height:24px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} 
#navigation li.toplevel {display:block; float:left; height:24px;}
#navigation li a.flevel {display:block; float:left; height:22px; line-height:21px; color:white; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#navigation li a.flevel span {float:left; display:block; padding:0 24px 0 2px; height:22px; }
#navigation li a.flevel span.down {float:left; display:block; padding:0 14px 0 2px; height:22px; }

#navigation li.toplevel {background: url('images/horizontalbgr.png') repeat-x ;}

#navigation li:hover a.flevel {color:#fff; background: url(images/slmenu1.gif) no-repeat;}
#navigation li:hover a.flevel span {background:url(images/slmenu1.gif) no-repeat right top;}
#navigation li:hover a.flevel span.down {background:url(images/slmenu1.gif) no-repeat right top;}

#navigation li:hover {position:relative; z-index:200;}

#navigation li:hover ul.sub
{left:1px; top:24px; background: #CCFFCC; padding:3px; border:1px solid black; white-space:nowrap; width:120px; height:auto; z-index:300;}

#navigation li:hover ul.sub li
{display:block; background: #CCFFCC; height:20px; position:relative; float:left; width:120px; font-weight: normal;}
#navigation li:hover ul.sub li a
{display:block;  text-align:left; background: #CCFFCC; font-size:11px; height:18px; width:100px; line-height:18px; text-indent:5px; color:#000; text-decoration:none; }

#navigation li ul.sub li a.slevel
{background:#CCFFCC right no-repeat; width:120px; text-align:left;}




#navigation li:hover ul.sub li a:hover 
{background:#808080; color:#fff; border-color:black;font-weight:bold; } /* Third level menu*/

#navigation li:hover ul.sub li a.slevel:hover
{background: #808080; color:#fff; font-weight:bold;  }


#navigation li:hover li:hover ul,
#navigation li:hover li:hover li:hover ul,
#navigation li:hover li:hover li:hover li:hover ul,
#navigation li:hover li:hover li:hover li:hover li:hover ul
{left:120px; top:-4px; background: #808080; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#navigation ul, 
#navigation li:hover ul ul,
#navigation li:hover li:hover ul ul,
#navigation li:hover li:hover li:hover ul ul,
#navigation li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#navigation li:hover li:hover a.slevel,
#navigation li:hover li:hover li:hover a.slevel,
#navigation li:hover li:hover li:hover li:hover a.slevel,
#navigation li:hover li:hover li:hover li:hover li:hover a.slevel
{background:#808080 ; color:#fff; border-color:#fff; font-weight:bold; } 

#navigation li:hover li:hover li a.slevel,
#navigation li:hover li:hover li:hover li a.slevel,
#navigation li:hover li:hover li:hover li:hover li a.slevel
{background:#808080 ; color:#000; border-color:#808080; } 


#navigation li.toplevel ul.sub li ul { width:120px;  background:#CCFFCC; text-align:left;} /* background of third level menu */
#navigation li.toplevel ul.sub li ul li a { width:120px;}