#menu {	list-style:none; position:relative; z-index:500; }
#menu li.top{float:left; }
#menu li a.top_link{
   float:left;
   display:block; 
   height:30px; 
   margin:10px 0px 0px 0px; 
   padding:5px 8px; 
   color:#fff; 
   text-decoration:none; 
   font-size:14px; 
   font-weight:bold; 
   text-transform:uppercase; 
   background:url(/tolteam/images/bcg_topmenuh.gif) right top no-repeat;
   }
#menu li a.top_link:hover{ 
   text-decoration:none; 
   color:#dee5ef !important; 
   }
a.current {color:#dee5ef!important;	text-decoration:none;}


/*
$(".sub, .top, .top_link").mouseenter(function(){
    if ($(this).children(".sub").size()){
        var thisEl = $(this).children(".sub");
    }
    else if ($(this).children(".top_link").size()){
        var thisEl = $(this).parent(".top_link").children(".sub");
    }
    else {
        var thisEl = $(this);
    }

    var subLeft = thisEl.offset().left;
    var containerLeft = $("#meni").offset().left;
    var minus = subLeft - containerLeft;

    thisEl.css({'left' : '-'+minus+'px'});
});

*/

/* Default list styling */

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

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu li:hover ul ul,
#menu li:hover ul li:hover ul ul,
#menu li:hover ul li:hover ul li:hover ul ul,
#menu li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu li:hover ul.sub
{position:absolute; left:0px; top:42px; width: 170px; height:auto; z-index:800; float: left; background:#1d4f7b; }
#menu li:hover ul.sub li
{display:block; float:left; font-size:12px; font-weight:normal; border-bottom: 1px dotted #dee5ef; background:#1d4f7b;  }
#menu li:hover ul.sub li a
{display:block;   color:#dee5ef; text-decoration:none; text-transform:none;padding:5px 10px; width: 150px; }
#menu li:hover ul.sub li a:hover 
{background:#1d4f7b; color:#fff;}

#menu li:hover ul li:hover ul,
#menu li:hover ul li:hover ul li:hover ul,
#menu li:hover ul li:hover ul li:hover ul li:hover ul,
#menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:0; top:0px; background: #fff; padding:0px 0px; width:135px; z-index:400; height:auto;}