#nav {padding:0; margin:0; list-style:none; height:51px; position:relative; z-index:5; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:51px;}
#nav li a.top_link {display:block; float:left; height:51px; line-height:33px; color:#6c6c6c; text-decoration:none; font-size:14px; font-weight:normal; padding:0 0 0 6px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:16px 12px 0 6px; height:51px;}
#nav li a.top_link span.down {float:left; display:block; padding:16px 12px 0 6px; height:51px; background: url(http://www.saue.edu.ee/design/design/saue_gymnaasium/common/img/three_0a.png) no-repeat right top;}

#nav li:hover a.top_link {color:#000000;}
#nav li:hover a.top_link span {}
#nav li:hover a.top_link span.down {background:url(http://www.saue.edu.ee/design/design/saue_gymnaasium/common/img/three_0a.png) no-repeat right top;}



#nav li:hover {position:relative; z-index:2;}

#nav li:hover ul.sub
{left:12px; top:58px; background: #2cca4b; border:1px solid #0baa29; white-space:nowrap; width:180px; height:auto; z-index:3;}
#nav li:hover ul.sub li
{display:block; height:28px; position:relative; float:left; width:180px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; line-height:28px; height:28px; padding-left:10px; color:#ffffff; text-decoration:none; border-bottom:1px solid #4de36a;}
#nav li ul.sub li a.fly
{background:url(http://www.saue.edu.ee/design/design/saue_gymnaasium/common/img/arrow.gif) 170px 10px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#0baa2a; color:#fff; border-color:#42ea63;}
#nav li:hover ul.sub li a.fly:hover
{background:#0baa2a url(http://www.saue.edu.ee/design/design/saue_gymnaasium/common/img/arrow_over.gif) 170px 10px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:180px; top:0px; background: #2cca4b; border:1px solid #0baa29; white-space:nowrap; width:180px; z-index:4; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav 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;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#0baa2a url(http://www.saue.edu.ee/design/design/saue_gymnaasium/common/img/arrow_over.gif) 170px 10px no-repeat; color:#fff; border-color:#4de36a;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(http://www.saue.edu.ee/design/design/saue_gymnaasium/common/img/arrow.gif) 80px 10px no-repeat; color:#000; border-color:#bbd37e;}