/* === Main Navigation Style ================================================ */
ul.dropdown {
  position: relative;
  z-index: 597;
  margin: 0px;
  left: 0px;
  padding: 0px;
  padding-bottom: 1px;
  font-style:normal; 
  font-variant:normal;
  font-weight:bold;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
}

ul.dropdown li {
  float: left;
  vertical-align: middle;
  zoom: 1;
  list-style: none;
  color: #000000;
  padding: 3px 7px;
  margin: 0;
  text-decoration: none;
  border-right: 1px solid #000000;
  border-left: 2px solid #ffffff;
  background: #DDDDDD;
}

ul.dropdown li.divider {
  border-top: solid 1px #e5e5e5;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
  color: #ffffff;
  background: #000000;
}

ul.dropdown li.hover a,
ul.dropdown li:hover a {
  color: #ffffff;
  background: #000000;
}

ul.dropdown a { 
  color: #000000;
  text-decoration: none;
}


/* -- level mark -- */
/* LEVEL 2 */

ul.dropdown ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  margin: 0px;
  z-index: 598;
  width: 150px;
  padding: 3px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f0f0 #666 #666 #f0f0f0;
  background-color: #DDDDDD;
  font-size: 11px;
  list-style: none;
}

ul.dropdown ul li {
  float: none;
  background: #DDDDDD;
  border: 0px;
  border-bottom-width: 0;
  border-top-width: 0;
  font: normal 12px Arial;
  line-height: 18px;
}
  
ul.dropdown ul li a {
  display: block;
  width: 100%;
}
  
ul.dropdown ul li.hover a,
ul.dropdown ul li:hover a,
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
  color: #ffffff;
  background: #000000;
}

ul.dropdown ul a:link,    
ul.dropdown ul a:visited, 
ul.dropdown ul a:hover,
ul.dropdown ul a:active { 
  color: #000000;
  text-decoration: none;
  background: #DDDDDD;
}


/* -- level mark -- */
/* LEVEL 3 */

ul.dropdown ul ul {
  top: 1px;
  left: 96%;
  margin: 0px;
  width: 200px;
  padding: 3px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f0f0 #666 #666 #f0f0f0;
  background-color: #DDDDDD;
  font-weight: normal;
  font-size: 11px;
  list-style: none;
}

ul.dropdown ul ul li {
  background: #DDDDDD;
  border: 0px;
  border-bottom-width: 0;
  border-top-width: 0;
  font: normal 12px Arial;
  line-height: 18px;
}

ul.dropdown ul ul li.hover a,
ul.dropdown ul ul li:hover a,
ul.dropdown ul ul li.hover,
ul.dropdown ul ul li:hover {
  color: #ffffff;
  background: #000000;
}

ul.dropdown ul ul a:link,
ul.dropdown ul ul a:visited,
ul.dropdown ul ul a:hover,
ul.dropdown ul ul a:active {
  color: #000000;
  text-decoration: none;
  background: #DDDDDD;
}

ul.dropdown li:hover > ul {
  visibility: visible;
}
/* === end Main Navigation Style === */