ul.dropdown,
ul.dropdown li,
ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { z-index: 597; position: relative; float: left; }
ul.dropdown li { float: left; line-height: 1.1em;  vertical-align: middle; zoom: 1;}
ul.dropdown li.hover,
ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598;  width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

/* STYLE FRAMEWORK  */

	/* First-level expected directory tag - li */

	ul#nav li a:hover { border-bottom: 7px solid #7bc142; }
	ul#nav li ul a:hover { border: 0; } 

	ul.dropdown li { padding: 5px; }
	ul.dropdown *.dir { padding-right: 12px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat; }

	/* Non-first level */

	ul.dropdown ul *.dir { padding-right: 6px; background-image: url(images/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat; }
	ul.dropdown ul ul *.dir {  background-image: url(images/nav-arrow-right2.png); }

	/* Components override */

	ul.dropdown-vertical *.dir { background-image: url(images/nav-arrow-right.png);	}
	ul.dropdown-vertical-rtl *.dir { padding-right: 6px; background-image: url(images/nav-arrow-left.png); background-position: 0 50%; }

/* BASE DROPDOWN STYLING  */

	/* All Levels (incl. first) */

	ul.dropdown { text-transform: uppercase; font-family: tahoma, arial, helvetica,sans-serif; font-size: 11px; }
	ul.dropdown li { background-color: #transparent; color: #deeeef; }
	ul.dropdown li.hover,
	ul.dropdown li:hover { color: #e3a64f; }

	/* Links */

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #666666; text-decoration: none;}
	ul.dropdown a:hover { color: #7bc142; border-bottom: none; }
	ul.dropdown ul a.dir:hover { /* proposal */ background-image: url(images/comnav-arrowon.png); color: #7bc142; border-bottom: 7px solid #7bc142; }
	ul.dropdown a:active { color: #7bc142; }

	/* Non-First Level */

	ul.dropdown ul { text-transform: none; left: 0px; /*  right: 0; */ width: 150px; margin-top: 0px; border-style: solid; border-width: 1px; border-color: #7bc142; font: normal 8pt/1em 'Trebuchet MS', Tahoma, Geneva, Verdana, sans-serif; }
	ul.dropdown ul li { background-color: #fff; }
	ul.dropdown ul ul { top: 0; right: auto; left: 100%; margin-top: 0; border-style: solid; border-width: 1px; border-color: #7bc142; font-weight: normal; }
	ul.dropdown ul ul li { background-color: #fff; }
	ul.dropdown ul ul ul li { background-color: #fff; }

	/* Mixed */
	
	ul.dropdown li a,
	ul.dropdown *.dir { border-style: solid; border-width: 0px; border-color: #404040 #1a1a1a #1a1a1a #505050; }
	
	ul.dropdown ul li a,
	ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }
	
	ul.dropdown ul ul li a,
	ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }
	
	ul.dropdown ul ul ul li a,
	ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }

	ul.dropdown *.dir { border-width: 0px; }

/* BASE STYLE EXTENSION  */

	ul.dropdown a,
	ul.dropdown span { display: block; padding: 5px 12px 4px; }

/* BASE STYLE OVERRIDE  */

	ul.dropdown li { padding: 0; }
	ul.dropdown ul a,
	ul.dropdown ul span { /* POI, proposal: override abstract a, span */ padding: 8px; }

/* BASE STYLE REINITIATE: POST-OVERRIDE ACTIVITIES */


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


ul.dropdown *.dir { /* POI */
 padding: 5px 12px 4px;
}

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



/*------------------------------------------------------------------------------------------------------/
 *	@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: #3d3d3d;
}
ul.dropdown ul *.open {
 background-color: #4c4c4c;
 background-image: url(images/comnav-arrowover.png);
 color: #fff;
}
ul.dropdown ul ul *.open {
 background-color: #595959;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
 background-color: red;
 color: #fff;
}
ul.dropdown ul a.open:hover {
 background-image: url(images/comnav-arrowon.png);
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: transparent;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #4c4c4c;
 background-image: url(images/comnav-arrowover.png);
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #595959;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}

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


ul.menuwidth
{
background-color: transparent;
}