@charset "UTF-8";
@import url("default1.css");


/*-------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown1 a,
ul.dropdown1 span {
	display: block;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}



/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown1 li {
 padding: 0;
 border: none;
}

ul.dropdown1 ul a,
ul.dropdown1 ul span {
 padding: 8px;
}



/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */





/*-------------------------------------------------/
 *	@section	Custom Styles
 */

ul.dropdown1 li {
}

ul.dropdown1 li.hover,
ul.dropdown1 li:hover {
	color: #333333;
	background-image: url(images/grad2.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

ul.dropdown1 li a:active {
	background-image: url(images/grad1.png);
	background-repeat: repeat-x;
}


/* Non-first level */

ul.dropdown1 ul {
 margin-top: 0;
}

	ul.dropdown1 ul li {
	}

	ul.dropdown1 ul li.hover,
	ul.dropdown1 ul li:hover {
	}



/* Mixed */

ul.dropdown1 li a,
ul.dropdown1 *.dir {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #FFFFFF;
	border-bottom-color: #d9d9d9;
	border-left-color: #d9d9d9;
	z-index:9999;
}



/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown1 li.hover *.open {
	color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d9d9d9;
	border-right-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	border-left-color: #15396E;
	background-image: url(images/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 100px 30px;
}

ul.dropdown1 ul li.hover *.open,
ul.dropdown-vertical1 li.hover *.open {
	padding-left: 6px;
	border-top-color: #fff;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #15396E;
}

ul.dropdown-vertical-rtl1 li.hover *.open {
 padding-right: 6px;
 border-right-color: #15396E;
 border-left: none;
}

	/* CSS2 clone */

	ul.dropdown1 li:hover > *.dir {
	color: #333333;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	border-left-color: #15396E;
	}

	ul.dropdown1 ul li:hover > *.dir,
	ul.dropdown-vertical1 li:hover > *.dir {
	padding-left: 10px;
	border-top-color: #fff;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #15396E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E8EFF7;
	}

	ul.dropdown-vertical-rtl1 li:hover > *.dir {
	 padding-right: 2px;
	 border-right-color: #15396E;
	 border-left: none;
	}
