/* the menu */
#nav
{
  margin: 0 0 0 0;
  padding: 0px;
  background-color: #eeeefe;
  border-right: 1px solid #ccc;
  width:150px;
  float:left;
  vertical-align:top;
}

#nav a:hover
{
  text-decoration: underline;
}

#nav ul,#nav li,#nav a 
{
  display:block;
  margin:0;
  padding:0;
  border:0;
}

#nav ul
{
  width:150px;
  border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-top:1px solid #cccccc;
  list-style:none;
}

#nav li
{
  position:relative;
  padding:1px;
  z-index:9;
  border-bottom:1px solid #cccccc;
}

#nav ul li a
{
  /* 
  ** Important divide padding in 4 grouping, because in 
  ** "#nav ul li ul li a" top and bottom are overridden.
  */
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
}

#nav ul li ul li a
{
  padding-top:2px;
  padding-bottom:2px;
}

#nav li.subCat
{
  background-color:#f9f9ff;
  border-right: 1px solid #ccc;
  font-size:80%;
  white-space:nowrap;
  overflow:hidden;
  z-index:8;
}

/*#nav li.folder	{ background:url("pics/navArrow.gif") no-repeat; background-position: center right;}		*/
#nav li.folder ul
{
  position:absolute;
  left:140px; /* IE */
  top:5px;
}		

/*#nav li.folder>ul { left:140px; } *//* others */

#nav a
{
  text-decoration:none;
  width:140px; /* IE */
}

li>a { width:auto; } /* others */

#nav li a.submenu
{
  background:url("pics/navArrow.gif") right no-repeat;
}

/* regular hovers */
#nav ul a:hover
{
  color: #258dfc;
  font-weight:bold;
  background-color: #ddddff;
  text-decoration:none;
  width:138px;
}

#nav li.folder a:hover
{
  color: #258dfc;
  font-weight:bold;
  background-color: #ddddff;
  text-decoration:none;
}
	
/* hovers with specificity */
#nav li.folder:hover { z-index:10; }		
		
#nav ul ul, #nav li:hover ul ul
{
  display:none;
  background: #eeeefe;
}

#nav li:hover ul, #nav li:hover li:hover ul
{
  display:block;
}