/* Basic code - don't modify */
 
 #nav {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 900px;
  position: relative;
}

#nav li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  background: url(none);
}

#nav a {
  display: block;
}

#nav ul {
  display: none;
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 150px;
  top: 40px;
}

* html #nav ul {
  line-height: 0;
} /* IE6 "fix" */

#nav ul a {
  zoom: 1;
} /* IE6/7 fix */

#nav ul li {
  float: none;
  list-style: none;
  background: url(none);
}

/* Everything else is theming */
 
#nav {
  height: 40px;
  background: #CCCCCC;
}

#nav *:hover {
  background-color: none;
}

#nav a {
  padding: 0px;
}

#nav li.hover a {
  color: #FFFFFF;

}

#nav ul li a {
}

#nav ul a.hover {
  background-color: #000000;

}

#nav ul a {
  border-bottom: 1px dotted white;
  border-right: none;
  padding: 3px 2px 3px 15px;
  background: url(../img/common/mark_plus_shiro.gif) no-repeat;
  margin: 0px;
}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#nav #sub01 {
  background:  #BE0000;
}

#nav #sub02 {
  background:   #9E6B00;
}

#nav #sub03 {
  background: #B89300;
}

#nav #sub04 {
  background: #2F8E5C;
}

#nav #sub01 a.hover {
  background: #760000 url(../img/common/mark_plus_shiro.gif) no-repeat;
}

#nav #sub02 a.hover {
  background:   #5C3E00 url(../img/common/mark_plus_shiro.gif) no-repeat;
}

#nav #sub03 a.hover {
  background: #634F00 url(../img/common/mark_plus_shiro.gif) no-repeat;
}

#nav #sub04 a.hover {
  background: #1B5234 url(../img/common/mark_plus_shiro.gif) no-repeat;
}