@charset "UTF-8";

/** 
 * www.entech281.com CSS Drop-Down Menu Theme
 *
 * @file		Entech-Dropdown-Css.css
 * @name		EnTech CSS Drop-down Menu Theme
 *
 * @link		http://www.entech281.com/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

/*-------------------------------------------------/
 * @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.dropdown
{
	/*margin: 8px 0px;*/
}

ul.dropdown li
{
	height: 21px;
	padding: 0px 10px;
	border-style: none;
	/*border-width: 2px 2px 2px 2px;
	border-color: #203680;*/
	color: #39E639;
	font-weight: bold;
	/*background-color: #001660;*/
}

ul.dropdown li.hover,
ul.dropdown li:hover
{
	border-style: none;
	/*border-color: #303030;*/
	color: #008500;
	background-color: #00CC00;
}

ul.dropdown li.active,
ul.dropdown li:active
{
	border-style: none;
	border-color: #303030;
	color: #008500;
	background-color: #39E639;
}

ul.dropdown a
{
	/*color: #42ff42;*/
	/*color: #00D500;*/
	color: inherit;
	display: block;
	width: 100%;
	margin-top: auto;
	margin-bottom: auto;
	vertical-align: middle;
}

ul.dropdown a:hover
{
	/*color: #ffff00;*/
	/*color: #10FF10;*/
	color: inherit;
	text-decoration:underline;
	background-color: transparent;
}

	/* -- level mark -- */

	ul.dropdown ul
	{
		/*border-style: outset;
		border-width: 2px 2px 2px 2px;
		border-color: #203680;*/
		width: auto;
		/*margin-top: 1px;*/
		background-color: #00CC00;
		/*box-shadow: 7px 7px 10px rgba(0,0,0,0.35);*/
	}
	
		ul.dropdown ul li
		{
			width: 200px;
			color: #008500;
			font-weight: normal;
			border-top-style: solid;
			border-top-width: 1px;
			border-top-color: #008500;
		}
		
		ul.dropdown ul a
		{
			width: 200px;
			color: #008500;
			font-weight: normal;
		}
		
		ul.dropdown ul li:hover
		{
			font-weight: normal;
			background-color: #39E639;
			border-top-style: solid;
			border-top-width: 1px;
			border-top-color: #008500;
		}
			
			ul.dropdown ul li ul
			{
				top: -1px;
				left: 100%;
				border-left-style: solid;
				border-left-width: 1px;
				border-left-color: #008500;
			}
			
			ul.dropdown ul li ul li
			{
				width: 200px;
				font-weight: normal;
				background-color: #39E639;
				color: #008500;
			}
			
			ul.dropdown ul li ul a
			{
				width: 200px;
				font-weight: normal;
			}
			
			ul.dropdown ul li ul li:hover
			{
				width: 200px;
				font-weight: normal;
				background-color: #67E667;
			}

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

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

/* -- Components override -- */

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

ul.dropdown-upward *.dir
{
	background-image: url(images/nav-arrow-top-white.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right-white.png);
}

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