ul.dd,
ul.dd li,
ul.dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dd a {
	color: #666;
	text-decoration: none;
	font-size: 10px;
}

ul.dd {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dd li {
	float: left;
	height: 17px;
	width: 100px;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 6px;
}

ul.dd li.hover,
ul.dd li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dd ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dd ul li {
 float: none;
}

ul.dd ul ul {
 top: 1px;
 left: 97%;
}

ul.dd li:hover > ul {
 visibility: visible;
}


:link,:visited,:focus
{ text-decoration:none; outline:none; }



	ul.dd li {
	background-color: #f6f6f6;
	color: #000;
	}

	ul.dd li.hover,
	ul.dd li:hover {
	 background-color: #eee;
	 color: #000;
	}

	/* -- level mark -- */

	ul.dd ul {
	 width: 100px;
	}

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

ul.dd *.dir {
	background-image: url(images/arrow.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}

ul.dd *.dir1 {

	background-image: url(images/navi-bar_rollout.jpg);
	background-repeat: no-repeat;
}

ul.dd *.dir1:hover {
	background-image: url(images/navi-bar_rollover.jpg);
	background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dd-hrl ul *.dir {
	]background-image: url(images/arrow.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	text-align: left;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	height: auto;
	margin-top: 0px;
}

ul.dd-hrl ul *.dir:hover {
	background-image: url(images/arrow.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	text-align: left;
	border: 1px solid #CCC;
	color: #666;
}

ul.dd-hrl ul *.dir2 {
	text-align: left;
	border: 1px solid #CCC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 3px;
	height: auto;
	margin-top: 0px;
}