
/* top margin for this demo only */
#nav    { font-family: verdana, sans-serif; background-image: none; background-position: 0 0; list-style: none; margin: 0; padding: 0; z-index: 500 }
#nav li.top    { display: block; padding-top: 5px; left: 0; float: left }
#nav li a.top_link  { cursor: pointer; display: block; height: 21px; float: left }
#nav li a.top_link span  { display: block; height: 21px; float: left }
#nav li a.top_link span.down  { display: block; height: 21px; float: left }
#nav li a.top_link:hover  { }
#nav li a.top_link:hover span  { }
#nav li a.top_link:hover span.down  { }

#nav li:hover > a.top_link  { }
#nav li:hover > a.top_link span  { }
#nav li:hover > a.top_link span.down  { }

/* Default list styling */

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

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

#nav li:hover ul
   { white-space: nowrap; padding: 0; z-index: 300; top: auto; bottom: 25px; left: 13px; width: auto; height: auto }
* html #nav li:hover ul   { width: 0 }
#nav li:hover ul li
 { font-weight: normal; display: block; position: relative; float: left; clear: left }
#nav li:hover ul li a
  { color: #000; font-size: 12px; font-family: Verdana, Arial; text-decoration: none; display: block; padding: 0 5px; height: 18px }
#nav li ul li a.fly
  { color: #76081a }
#nav li:hover ul li:hover 
 { }
#nav li:hover ul li a:hover   { color: #76081a; text-decoration: underline }
#nav li:hover ul li a.fly:hover
 { text-decoration: none }
#nav li:hover ul li:hover.fly  { }

#nav li:hover ul li:hover.fly > a.fly  { text-decoration: none } 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
  { white-space: nowrap; margin-left: 100%; padding: 3px; z-index: 500; top: auto; bottom: -4px; left: -5px; width: auto; height: auto }

