@charset "UTF-8";
@import "default_dropdown.css";

/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 18px 22px;
}

/*------------------------------------------------------------------------------------------------------/
 *	@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: 18px 22px;
}

ul.dropdown ul *.dir {
 padding: 8px 30px 8px 8px;
}


/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 133px;
}

ul.dropdown ul a.dir {
 width: 111px;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background: url(../images/main_nav_hover_off_bg.png) no-repeat bottom center #000000;
}
ul.dropdown ul li:hover > *.dir {
 background: url(../images/comnav-arrowon.png) no-repeat right #3893b6;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 background: url(../images/dropdown_hover.gif) repeat-x bottom #FFFFFF;
 color: #000000;
}