ul.dropdown {
font-weight: bold;
}

ul.dropdown li {
padding: 7px 10px;
background-color: #f5f5f5;
color: #8F8F8F;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
background-color: #eee;
color: #8F8F8F;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #8F8F8F; text-decoration: none; }
ul.dropdown a:hover { color: #8F8F8F; }
ul.dropdown a:active	{ color: #4682B4; }


/* -- level mark -- */

ul.dropdown ul {
width: 240px;
margin-top: 1px;
}

ul.dropdown ul li {
font-weight: normal;
}


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

ul.dropdown a,
ul.dropdown span {
display: block;
padding: 0 10px 7px 10px;
}



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

ul.dropdown li {
padding: 0;
border: none;
}

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

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

ul.dropdown li {
color: #8F8F8F;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
background: url(../images/grad2.png) 0 100% repeat-x;
color: #8F8F8F;
}

ul.dropdown li a:active {
background: url(../images/grad1.png) repeat-x;
}


/* Non-first level */

ul.dropdown ul {
margin-top: 0;
}

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

ul.dropdown li.hover *.open {
background-color: #fff;
color: #8F8F8F;
}

ul.dropdown ul li.hover *.open {
padding-left: 15px;
border-top-color: #fff;
border-left: solid 1px #8F8F8F;
}


/* CSS2 clone */

ul.dropdown li:hover > *.dir {
font-weight: bold;
color: #8F8F8F;
}

ul.dropdown ul li:hover > *.dir {
padding-left: 15px;
border-top-color: #fff;
border-left: solid 1px #8F8F8F;
}