@charset "UTF-8";

/**
 * DHML is acronym of the Dropdown Horizontal Multi-Level. Cheers! 
 *
 * Horizontal CSS Drop-Down Menu Module
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

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

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

ul.dhml-menu li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 /*zoom: 1;*/
}

ul.dhml-menu > li.current{
    border-bottom:4px solid #cc0000;
    font-weight:bold;
}

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

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

ul.dhml-menu ul li {
 float: none;
}

ul.dhml-menu ul ul {
 top: 1px;
 left: 99%;
}

ul.dhml-menu li:hover > ul {
 visibility: visible;
}

ul.dhml-menu li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dhml-menu li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}

/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dhml-menu {
	/*margin-left: 120px;*/
	background: url(/pic/04.png) no-repeat;
}

ul.dhml-menu li {
	/*width:139px;*/
	height:26px;
    padding: 4px 12px 0px 12px;
    background: url(/pic/04.png) no-repeat right;
}

ul.dhml-menu li.hover,
ul.dhml-menu li:hover {
	/*background-image: url(/pic/05.png);*/
    background-image: none;
    background-color: #e0e0e0;
}

ul.dhml-menu a:link,
ul.dhml-menu a:visited	{ color:#333333; font-size: 0.8em; text-decoration: none;}
ul.dhml-menu a:hover	{ color:#000000; }
ul.dhml-menu a:active	{ color:#000000; }


/* -- level mark -- */

ul.dhml-menu li, ul.dhml-menu ul {
	border:1px solid #cccccc;
	background-color: #f0f0f0;
}

ul.dhml-menu ul li {
	/*border: none;*/
	background-image: none;
	width:190px;
	height: auto;
 	font-weight: normal;
 	line-height:12px;
 	padding: 0px;
}

ul.dhml-menu ul li.hover,
ul.dhml-menu ul li:hover {
	background-image: none;
	background-color: #e0e0e0;
}

ul.dhml-menu ul li a,
ul.dhml-menu ul li a:link,
ul.dhml-menu ul li a:visited {

 	display:block;
 	width:auto;
 	line-height:12px;
 	background-image:url(/pic/12.png);
 	background-repeat:  no-repeat;
 	background-position: 10px 0px;
 	padding: 7px 12px;
}

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dhml-menu ul *.dir, 
ul.dhml-menu ul li:hover.dir,
ul.dhml-menu ul li:visited.dir{
	background-image:url(/pic/02.png); 
}