
      #navigation {
        background: url(/images/osa-navigation-off.jpg) top left no-repeat;;
        height: 212px;
        position: relative;
        width: 431px;
        margin: 0;
        z-index: 1000;
        top: 0;
        left: 209px;
      }

      #navigation > li {
        height: 30px;
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        text-decoration: none;
        list-style: none;
 
      }
      
      #navigation li a {
        width: 150px; 
        height: 30px;
        text-decoration: none;
        position: absolute;
        top: 0;
        left: 0;
      }

      #navigation li a span { visibility: hidden; }

      #navigation li:hover { background-image: url(/images/osa-navigation-on.jpg) }

      ul#navigation li#nav-homepage { left: -209px; top: 0; background-image: none; width: 207px; height: 210px; background-position: 0 0; }
      ul#navigation li#nav-homepage a { width: 207px; height: 210px; }
      ul#navigation li#nav-about-us { top: 0; background-position: 0 0; }
      ul#navigation li#nav-regionals { top: 35px; background-position: 0 -35px; }
      ul#navigation li#nav-nationals { top: 65px; background-position: 0 -65px; }
      ul#navigation li#nav-photo-gallery { top: 95px; background-position: 0 -95px; }
      ul#navigation li#nav-osa-tv { top: 125px; background-position: 0 -125px; }
      ul#navigation li#nav-osa-cruise { top: 155px; background-position: 0 -155px; }
      ul#navigation li#nav-beijing-bound { top: 185px; background-position: 0 -185px; }

      ul#navigation li ul {
        width: 152px;
        position: relative;
        top: 50px;
        left: -1px;
        display: none;
      }
      
      ul#navigation li ul#subnav-the-tour {
        height: 189px;
        background: url(/images/hl-the-tour-subnav-off.gif);
      }
      
      ul#navigation li ul#subnav-gallery {
        height: 57px;
        background: url(/images/hl-gallery-subnav-off.gif);
      }

      ul#navigation li ul#subnav-products {
        height: 150px;
        background: url(/images/hl-products-subnav-off.gif);
      }
      
      ul#navigation li ul#subnav-about-us {
        height: 128px;
        background: url(/images/hl-about-us-subnav-off.gif);
      }
      
      #navigation li:hover > ul { display: block; } 

      #navigation li > ul {
        padding: 0;
        margin: 0;
      }
      #navigation li > ul li { 
        height: 24px;
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        padding: 0;
        margin: 0;
      }

      #navigation li > ul li a {
        height: 24px;
        width: 100%;
        padding: 0;
      }
      
      #navigation li > ul#subnav-the-tour li:hover { background-image: url(/images/hl-the-tour-subnav-on.gif) }
      #navigation li > ul#subnav-gallery li:hover { background-image: url(/images/hl-gallery-subnav-on.gif) }
      #navigation li > ul#subnav-products li:hover { background-image: url(/images/hl-products-subnav-on.gif) }
      #navigation li > ul#subnav-about-us li:hover { background-image: url(/images/hl-about-us-subnav-on.gif) }
      
      .subnav-1 { top: 3px; background-position: 0 -3px; }
      .subnav-2 { top: 26px; background-position: 0 -26px; }
      .subnav-3 { top: 49px; background-position: 0 -49px; }
      .subnav-4 { top: 72px; background-position: 0 -72px; }
      .subnav-5 { top: 95px; background-position: 0 -95px; }
      .subnav-6 { top: 118px; background-position: 0 -118px; }
      .subnav-7 { top: 141px; background-position: 0 -141px; }
      .subnav-7-5 { top: 160px; background-position: 0 -160px; }
      .subnav-8 { top: 168px; background-position: 0 -168px; }
      
      #navigation li > ul li.tworows, #navigation li > ul li.tworows a {
        height: 42px;
        display: block;
      }
      
