Скачать ОЧЕНЬ красивая css карта сайта!

/*
   Sitemap Example
   by Chris Coyier
   http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 14px Georgia, serif; background: #222 url(images/bg.jpg); }

#page-wrap { width: 800px; margin: 0 auto; background: url(images/content-bg.jpg) no-repeat; }
#page-wrap div { width: 500px; margin: 0 auto; padding: 100px 0 0 0; }

a { text-decoration: none; color: #eee; display: block; padding: 4px 0;}
a:hover { text-decoration: underline; }

ul { padding: 8px 25px; list-style: none;
   -webkit-box-shadow: 2px 2px 5px black;
   background: #282828; }   
ul ul { background: #393939; }
ul ul ul { background: #4b4b4b; }
ul ul ul ul { background: #5a5a5a; }

<li>
   <a href="#">Athletics</a>
   <ul>
   <li><a href="#">Football</a></li>
   <li><a href="#">Baseball</a></li>
   <li><a href="#">Soccer</a></li>
   <li><a href="#">Volleyball</a></li>
   </ul> <!-- END Athletics -->
   </li>
   <li><a href="#">Arts</a></li>
   <li><a href="#">Science</a></li>
   <li><a href="#">Hospital</a></li>
   </ul> <!-- END Visiting Campus -->
   </li>
   <li><a href="#">Admissions</a></li>
   <li><a href="#">Student Life</a></li>
   <li><a href="#">Academics</a></li>
   <li><a href="#">International</a></li>
   <li><a href="#">Research</a></li>
   </ul>
     
   </div></div>
     
</body>

</html>