@charset "UTF-8";

@import "menu_default.css";
/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */
ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 30px;
}
/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */
ul.dropdown li {
 padding: 0;
}
ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 8px;
}
/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */
ul.dropdown *.dir { /* POI */
 padding: 5px 30px;
}
ul.dropdown ul *.dir {
 padding: 8px 30px 8px 8px;
}
/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */
ul.dropdown *.open {
 background-color: #878787;
}
ul.dropdown ul *.open {
 background-color: #545454;
 background-image: url(../img/arrow_nav.gif);
 background-repeat:no-repeat;
 color: #fff;
}
/* Clone in CSS 2 */
ul.dropdown li:hover > *.dir {
 background-color: #878787;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #545454;
 background-image: url(../img/arrow_nav.gif);
 background-repeat:no-repeat;
}
/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 color: #fff;
}
ul.dropdown ul li:hover {
 background-image: url(../img/arrow_nav.gif);
 background-repeat:no-repeat;
 background-position:100% 50%;
 color: #fff;
}
ul.dropdown ul ul :hover > *.dir {
 background:none;
 color:#000;
}
ul.dropdown ul ul *.open {
 background:none;
 background-image: url(../img/arrow_nav.gif);
 background-repeat:no-repeat;
 background-position:100% 50%;
 color: #000;
}
ul.dropdown ul ul li:hover > a.dir:hover {
 background:none;
 color: #000;
}