<div>
    <ul>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>
   <li><a href="#">3333333333</a></li>

    </ul>
   </div>
  
   <div>
    <ul>
   <li><a href="#">444444444444</a></li>
   <li><a href="#">4444444444</a></li>
   <li><a href="#">444444444444</a></li>
   <li><a href="#">4444444444</a></li>
   <li><a href="#">444444444444</a></li>
   <li><a href="#">4444444444</a></li>
   <li><a href="#">444444444444</a></li>
 
    </ul>
   </div>
  
   <div>
    <ul>
   <li><a href="#">555555555</a></li>
   <li><a href="#">555555555</a></li>
   <li><a href="#">555555555</a></li>
   <li><a href="#">555555555</a></li>
   <li><a href="#">555555555</a></li>
   <li><a href="#">555555555</a></li>
 
    </ul>
   </div>
  </div>
 </div>
 <div class="right_main">

 </div>
 <div class="nav">nav
 </div>

 <div id="footer">
aaaaaaaaaaa  </div>
</div>

<script>
<!--
 var h=document.getElementById("tab").getElementsByTagName("h3");
 var  d=document.getElementById("tab").getElementsByTagName("div");

 function go_to(ao)
 {
  for(var i=0; i<h.length; i++)
  {
   if(ao-1==i)
   {
    d[i].className+=" block";
    h[i].className+=" up";
   }else
   {
    h[i].className=" ";
    d[i].className=" ";
   }
  }
 }
 
//-->
</script>
</body>

</html>