@import "default.css";


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

ul.dropdown a,
ul.dropdown span    { color: #f5f5f5; font-style: normal; font-weight: normal; background-color: transparent; padding: 5px 30px; display: block }



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li   { padding: 0 }

ul.dropdown ul a,
ul.dropdown ul span   { padding: 8px 8px 8px 20px }



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


ul.dropdown *.dir  { padding: 5px 20px 5px 30px }

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



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


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

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



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open  { background-color: transparent }
ul.dropdown ul *.open  { color: #fff; background: transparent url(images/comnav-arrowover.png) }
ul.dropdown ul ul *.open  { color: #fff; background: transparent url(images/comnav-arrowover2.png) }
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover   { background-color: transparent }
ul.dropdown ul a.open:hover {
 background-image: url(images/comnav-arrowon.png);
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir   { }
ul.dropdown ul li:hover > *.dir  { background: transparent url(images/comnav-arrowover.png) }
ul.dropdown ul ul li:hover > *.dir  { background: transparent url(images/comnav-arrowover2.png) }

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover   {
	color: #FFFFFF;
	background-color: transparent
}
ul.dropdown ul li:hover > a.dir:hover  { color: #fff; background: transparent url(images/comnav-arrowon.png) }