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


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

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 10px 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: 10px 8px;
 font-size:11px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
 padding: 10px 22px;
}

ul.dropdown ul *.dir {
 padding: 10px 0px;  /* horizontal padding of 0 added for ie 6 bug 3/17/09 */
}



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


ul.dropdown ul a {
 width: 133px;
 font-size:11px;
}

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


/* Clone in CSS 2 */

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

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