/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */
      /* Begin CSS Popout Menu */

      #menu{
         width:100%;
      }

      /* Border Settings */
      #menu a{
         font:Bold                          /* font weight [bold, bold italic, italic]*/
              12px/12px								/* font size */
              Arial;					            /* font type */
         display:block;
         border-width:0px;						/* Border width */
         border-style:none;						/* [none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset] */
         border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;					   /* Border Color [top, right, bottom, left]*/
         white-space:nowrap;							/* normal,pre,nowrap */
         margin:0px;								/* space outside the menu button */
         padding:5px 0 5px 45px;							/* space inside the menu button [top, right, bottom, left] */	
         background:#FFFFFF;					/* menu background color - not mouse over */
         text-decoration:none;				/* none, capitalize, uppercase, lowercase */
      }

      /* Main Menu Settings */
      #menu a.head{
         color:#797c75;								/* MAIN menu font color */
         background:url(../img/menu_us.gif) #FFFFFF bottom left repeat-x;;					/* MAIN menu background colour */
         text-decoration:none;			/* none, overline, underline, line-through, blink */
      }

      #menu a:hover.head{
         color:#006cc2;							/* MAIN menu mouse over font color */
         background:url(../img/menu_over.gif) #FFFFFF bottom left repeat-x;;			/* MAIN menu mouse over background */
      }

      #menu a:active.head{
         color:#006cc2;						/* MAIN menu click font color */
         background:none;			/* MAIN menu click background */
      }

      /* Sub Menu Settings */
      #menu a{
         color:#88816a;									/* SUB menu font color */
         background:#f2f5e7;					/* SUB menu background colour */
         text-decoration:none;				/* none, overline, underline, line-through, blink */
      }

      #menu a:hover{
         color:#000000;							/* SUB menu mouse over font color */
         background:#CACBB3;				/* SUB menu mouse over background */
      }

      #menu a:active{
         color:#c66017;							/* SUB menu click font color */
         background:none;			/* SUB menu click background */
      }

      #menu ul{
         list-style:none;
         margin:0;													/* top margin */
         padding:0;													/* left padding */
         width:100%;
      }

      /* Styling for Expand */
      #menu a.x, #menu a.x:visited{
         font-weight:bold;
         color:#000;
         background:#eee;               /* image to display a sub level */
      }

      #menu a.x:hover{
         color:#a00;							/* PARENT menu mouse over font color */
         background:#ddd;				/* PARENT menu mouse over background */
      }

      #menu a.x:active{
         color:#060;							/* PARENT menu click font color */
         background:#ccc;			/* PARENT menu click background */
      }

      /* Requirement: Put the element selector name (div)
      onto non anchor hover selectors to force IE5 and
      5.5 to correctly apply the csshover file. */

      div#menu li, div#menu li:hover{
         position:relative;
      }

      div#menu li ul{
      position:absolute;
      top:0;
      left:100.1%;
      display:none;
      }

      div#menu ul ul,
      div#menu ul ul ul,
      div#menu ul li:hover ul ul,
      div#menu ul li:hover ul ul ul,
      div#menu ul li:hover ul ul ul ul,
      div#menu ul li:hover ul ul ul ul ul
      {display:none;}

      div#menu ul li:hover ul,
      div#menu ul ul li:hover ul,
      div#menu ul ul ul li:hover ul,
      div#menu ul ul ul ul li:hover ul,
      div#menu ul ul ul ul ul li:hover ul
      {display:block;}

      /* End non-anchor hover selectors */