@charset "UTF-8";
/* CSS Document */


   #nav {
   position: relative;
   top: 0px;
   margin:0;
   padding:0;
   width: 240px;
}


   #nav li ul {
      margin: 0 0 0 120px;
      padding: 0;
   }

   #nav a {
      text-decoration: none;
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: #9e8c82;
   }

   #nav li {
      margin: 0;
      padding: 0;
      float: left;
      display: block;
      clear:left;
      height: 120px;
      width: 120px;
      list-style:none;
   }
   
   #nav li#idwhat, #nav li#idwhere, #nav li#idhow,  #nav li#idnow {
      background-repeat: no-repeat;
      background-position: 0px 0px;
   }
   
   #nav li#idwhat {
      background-image:url(../image/menu_what_txt.gif);
   }
   
   #nav li#idwhat:hover, #nav li.on#idwhat {
      background-image:url(../image/menu_what_txt_a.gif);
   }
   
   #nav li#idwhere {
      background-image:url(../image/menu_where_txt.gif);
   }
   
   #nav li#idwhere:hover, #nav li.on#idwhere {
      background-image:url(../image/menu_where_txt_a.gif);
   }
   
   #nav li#idhow {
      background-image:url(../image/menu_how_txt.gif);
   }
   
   #nav li#idhow:hover, #nav li.on#idhow {
      background-image:url(../image/menu_how_txt_a.gif);
   }
   
   #nav li#idnow {
      background-image:url(../image/menu_now_txt.gif);
   }
   
   #nav li#idnow:hover, #nav li.on#idnow {
      background-image:url(../image/menu_now_txt_a.gif);
   }

   #nav li ul {
      display: none;
   }
   
   #nav li ul li {
      margin: 0;
      padding: 5px;
      display: block;
      height: auto;
      width: 110px;
      list-style:none;
      background-color: #ffffff;
   }

   #nav li.off ul, #nav li.on ul  {
      html>position: fixed;
      position: relative; /*for ie*/
      top: -120px;
      html>top: -240px; /*for ie*/
      left: 0;
      padding: 0;
      margin: 0 0 0 120px;
      width: 120px;
   }

   #nav li.on ul {
      color: #ff0000;
   }

   #nav li.on ul, li.off ul {
      background: #ffffff;
      min-height: 110px;
   }

   #nav li.on:hover ul, #nav li.over ul { /*for ie*/
      color: #ff0000;
   }

   #nav li a {
      color: #9e8c82;
      display: block;
      width: 120px;
      padding: 0;
   }

   #nav li.on a {
      color: #ff0000;
   }

   #nav li.on ul a, #nav li.off ul a {
      border: 0;
      float: left; /*ie doesn't inherit the float*/
      color: #f90;
      width: 110px;
   }

   #nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
      background: #ffffff;
   }

   #nav li.on:hover ul, #nav li.on ul {
      display: block;
      z-index: 60;
   }

   #nav li.off:hover ul, #nav li.over ul {
      background-color: #ffffff;
      display: block;
      z-index: 6000;
   }

   #nav li.off a:hover, #nav li.on a:hover, #nav li.on a.on { 
      color: #ff0000;
   }

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
   display: block;
   color: #9e8c82;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
}