/******************************************
  LEFT NAVIGATION STYLES
 ******************************************/
div.leftNav {
  clear: left;
  margin: 8px 0 ;
  padding: 0 0;
  border: 0;
  background-color: transparent;

  /* this is the same ie workaround mentioned elsewhere */
  min-height: 400px;
  height: auto !important;
  height: 400px;
}

/* set all margins and padding to 0 */
.leftNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.leftNav li {
  margin: 0;
  padding: 0;
}

li.rootHide, li.rootShow  {
  background-repeat: no-repeat;

  /* correct for ie6 png transparency issue (background-image) */
  behavior: url(../scripts/iepngfix_v2.htc);
}
li.rootShow {
  background-image: url('../images/arrowDown.png');
}
li.rootHide {
  background-image: url('../images/arrowRight.png');
}

#leftNavMenu li {
  padding: 0 0 0 0px;  
  margin: 1em 0 0 0;
}
/* styles for non-IE browsers */
html>body #leftNavMenu li {
  padding: 0 0 0 20px;  
}
#leftNavMenu li a {
  padding-left: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}
/* styles for non-IE browsers */
html>body #leftNavMenu li a {
  padding-left: 0px;
}
#leftNavMenu li ul.show {
  list-style: none;
  list-style-position: outside;
}

#leftNavMenu li ul li {
/*  margin: .75em 0 0 20px;*/
  margin: .5em 0 0 40px;
  padding: 0 0 0 0px;
}
/* styles for non-IE browsers */
html>body #leftNavMenu li ul li {
  margin-left: 20px;
}

#leftNavMenu li ul li a {
  font-weight: normal;
  padding: 0;
  margin; 0;
}

#leftNavMenu li ul li a:hover {
  font-weight: bold;
  text-decoration: none;
}

#leftNavMenu .hide { display: none; }
#leftNavMenu .show { display: inline; }