/* ************************************************ */
/* Left-hand Navigation
/* ************************************************ */


/* jScrollPane styles
   ----------------------------------------------- */
.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 50%;
  background: #aaa;
}
.jScrollPaneDrag {
  position: absolute;
  background: #666;
  cursor: pointer;
  overflow: hidden;
}
.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowUp:hover {
  /*background-color: #f60;*/
}

a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowDown:hover {
  /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  /*background-color: #f00;*/
}


/* Making it look okay
   ----------------------------------------------- */
#nav-menu {
  border: 1px solid #C2BFBF;
}
#nav-menu a:hover {
  background-color: #D0E23D;
  /*color: #8D8D8D;*/
  color:#505050;
}
#nav-menu-up,
#nav-menu-down {
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  height: 17px;
}
#nav-menu-down {
  background-image: url(../images/template/scroll-menu-down.gif);
  border-top: 1px solid #C2BFBF;
}
#nav-menu-up {
  background-image: url(../images/template/scroll-menu-up.gif);
  border-bottom: 1px solid #C2BFBF;
}
#nav-menu-down:hover {
  background-image: url(../images/template/scroll-menu-down-hover.gif);
}
#nav-menu-up:hover {
  background-image: url(../images/template/scroll-menu-up-hover.gif);
}

#nav-menu-list {
  height: 144px;
  overflow: auto;
}
#nav-menu-list ul {
  list-style-type: none;
}
#nav-menu-list ul li {
  display: block;
  margin: 0;
}
#nav-menu-list ul li a {
  border-bottom: 1px solid #C2BFBF;
  /*color: #909090;*/
  color:#505050;
  display: block;
  font-size: 0.75em;
  padding: 6px;
}
#nav-menu-list ul li.current a {
  color: #197533;
}
#nav-menu-list ul li.last a {
  border-bottom: none;
}

#nav-menu .jScrollPaneTrack,
#nav-menu a.jScrollArrowUp,
#nav-menu a.jScrollArrowDown {
  border-left: 1px solid #C2BFBF;
}
#nav-menu .jScrollPaneTrack {
  background: #FFF url(../images/nav_menu/track.gif) repeat-y center;
  padding: 0 3px;
}
#nav-menu .jScrollPaneDrag {
  background-color: #D0E23D;
}
#nav-menu a.jScrollArrowUp,
#nav-menu a.jScrollArrowDown {
  background: #FFF url(../images/nav_menu/block.gif) no-repeat;
  height: 10px;
  padding: 0 3px;
}
#nav-menu a.jScrollArrowUp {
  background-position: center 2px;
}
#nav-menu a.jScrollArrowDown {
  background-position: center top;
}
#nav-menu a.jScrollArrowUp:hover,
#nav-menu a.jScrollArrowDown:hover {
  background-color: transparent;
}