/* Credit to A List Apart: Suckerfish Dropdowns
   http://www.alistapart.com/articles/dropdowns/ */


/* Pushes the menu above other page elements so it doesn't reflow. */
#stlMenu 
  {
  z-index: 20;
  }  

/* Blow away formatting on the menu's ul */
#stlMenu ul
  {
  padding: 0;
  margin: 0;
  list-style: none;
  }

/* Push around the li so it sits next to each other. */
#stlMenu li
  {
  float: left;
  width: 97px;
  /* position: relative; */
  }

/* Hide our li's uls until we hover over them.
   position: absolute; pulls them out of the page
   layout so things don't get screwed up. */
#stlMenu li ul
  {
  z-index: 2000;
  position: absolute;
  left: -999em;
  width: 97px;
  /*display: none;
  position: absolute;*/
  /* These are here because IE can't add. */
  /*top: 100%;
  left: 0;*/ 
  }

/* A patch for our IE patch above (li ul) */
/*#stlMenu li > ul
  {
	top: auto;
	left: auto;
  }*/
  
/*********************************
 * :hover pseudoclass properties *
 *********************************/

/* This displays the "dropdown" part of the menu.

   You may be asking, "Why are there two selectors?"
   
   Well, since IE doesn't really _do_ :hover pseudoclasses
   on anything other than links, we have a JavaScript chunk
   that adds the "over" class to any mouseover-ed item.
   
   This effectively fixes IE so hover works properly everyone else. */
   
#stlMenu li.over ul
  {
  /*display: block;*/
  left: auto;
  /* position: static; */
  }

/* Note for IE7: it doesn't like to even see the :hover pseudoselector.
  We have a conditional comment filter in the HTMLhead document to serve up
  the :hover pseudoclass to all non-IE browsers.
  
  Stupid IE. */