/* CSS Document */

#nav {
  margin: 0 0 0 10px;
  padding: 0;
  height: 22px;
  list-style: none;
  clear: both;
  position: relative;
  left: 0;
  top: 0;
}

#nav li {
  margin: 0 1px 0 0;
  float: left;
}

#nav li a {
  padding: 0 0 0 10px;
  display: block;
  background: url(/images/layout/tab_left.jpg) left no-repeat;
  font-size: 11px;
  text-decoration: none;
  color: #000033;
}

#nav li a span {
  padding: 6px 10px 3px 0;
  display: block;
  background: url(/images/layout/tab_right.jpg) right no-repeat;
}
#nav li a:hover, #nav li.current a {
  background-image: url(/images/layout/tab_left2.jpg);
}
#nav li a:hover span, #nav li.current a span {
  background-image: url(/images/layout/tab_right2.jpg);
  color: #000066;
}

#nav li ul {
  margin: 0;
  padding: 0;
  width: 230px;
  height: 300px;
  overflow: auto;
  scrollbar-3dlight-color: #F1DED3;
  scrollbar-arrow-color: #333333;
  scrollbar-base-color: #EBCCBC;
  scrollbar-darkshadow-color: #666666;
  scrollbar-face-color: #F1DED3;
  scrollbar-highlight-color: #666666;
  scrollbar-shadow-color: #F1DED3;
  list-style: none;
  position: absolute;
  left: 272px;
  top: 22px;
  visibility: hidden;
}
#nav li ul li {
  margin: 0;
  padding: 0;
  height: auto;
  float: left;
  background: none;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
}
#nav li ul li.top {
  border-top: 1px solid #999999;
}
#nav li ul li a {
  display: block;
  margin: 0;
  padding: 2px 5px;
  width: 201px;
  height: auto;
  font-size: 11px;
  text-decoration: none;
  color: #000033;
  background: #F1DED3;
}
#nav li.current ul li a {
  background: #F1DED3;
}

#nav li ul li:hover {
  background: none;
}
#nav li ul li a:hover {
  background: #EBCCBC;
  color: #000000;
}