/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

@media screen {

  /* Begin CSS Popout Menu */
  
#menu{
    margin:0;
    padding:0;
    width:100%;
    float:left;
    border:1px solid #ccc; 
  }
  
#menu a, #menu h2{
  font:normal 12px/16px arial,helvetica,sans-serif;
  display:block;
  white-space:nowrap;
  margin:0;
  padding:2px 20px 2px 5px;
  text-decoration:none;
  }

  #menu h2{
  color:#444;
  }

  
  #menu a{
  text-decoration:none;
  }
  
  #menu a, #menu a:visited{
  color:#444;
  }
  
  #menu a:hover{
  color:white;
  background:blue no-repeat 100% 100%;
  }
  
  #menu a:active{
  color : #EB7E15;
  text-decoration : none;
  background:#444 no-repeat 100% 100%;
  }
  
  #menu ul{
  list-style:none;
  margin:0;
  padding:0;
  float:left;
  }

  #menu ul li ul{
  border: 1px solid #ccc;
  background: white;
  }

  #menu li{
  position:relative;
  }
  
  #menu ul ul{
  position:absolute;
  z-index:500;
  top:auto;
  display:none;
  }
  
  #menu ul ul ul{
  top:0;
  left:100%;
  }
  
  /* Begin non-anchor hover selectors */
  
  /* Enter the more specific element (div) selector
  on non-anchor hovers for IE5.x to comply with the
  older version of csshover.htc - V1.21.041022. It
  improves IE's performance speed to use the older
  file and this method */
  
  div#menu h2:hover, div#menu a:hover {
  background:#444 url(expand.gif) no-repeat -999px -9999px;
  color: #EB7E15;
  }
  
  div#menu li:hover{
  cursor:pointer;
  z-index:100;
  }
  
  div#menu li:hover ul ul,
  div#menu li li:hover ul ul,
  div#menu li li li:hover ul ul,
  div#menu li li li li:hover ul ul
  {display:none;}
  
  div#menu li:hover ul,
  div#menu li li:hover ul,
  div#menu li li li:hover ul,
  div#menu li li li li:hover ul
  {
    display:block;
  }
  
  /* End of non-anchor hover selectors */
  
  /* Styling for Expand */

  #menu a {
    background: white;
  }
  
  #menu a.x{
  color:black;
  background:url(expand.gif) no-repeat 100% 100%;
  background-position: center right;
  }
  
  #menu a.x:hover{
  color : #EB7E15;
  text-decoration : none;
  background:#444 url(expand.gif) no-repeat 100% 100%;
  background-position: center right;
  }
  
  #menu a.x:active, #menu a.x:visited{
  color:#EB7E15;
  background:#444 no-repeat 100% 100%;
  }
  
  /* End CSS Popout Menu */
}

@media print {
  #menu {
    display: none;
  }
}