@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

@import "helper.css";


/*-------------------------------------------------/
 * @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 {
	width:988px; background-color:#3b9e4e;
	font-weight: bold; z-index:1000; 
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}

	ul.dropdown li {
		padding: 10px 10px 10px 15px;
		margin: 0px 1px 0px 0px;				
		border-left: 1px solid #ccf5d3;
		border-bottom: 1px solid #ccf5d3;		
		color:#FFFFFF;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover, ul.dropdown li#active {
		cursor:pointer; color:#FFFF00; 
		background-repeat:repeat-x; background:transparent url(../images/menu_ov.png);
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #001c60; text-decoration: none; }
	ul.dropdown a:hover		{ color: #001c60; }
	ul.dropdown a#active	{ color: #001c60; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 250px; 
	 margin-top: 1px;
	}

		ul.dropdown ul li {
			clear:both; color:#000000;
			padding: 13px 0px 10px 15px;
			margin: 0px 2px 0px 0px;
			background: transparent url(../images/menu.png);
			border-right: solid 1px #CCCCCC;
			border-bottom: solid 1px #666666;
		}

		ul.dropdown ul li:hover, ul.dropdown ul li#active {
			background: transparent url(../images/menu_ov.png);
		}

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


ul.dropdown *.dir {
	padding-right: 20px;
}


/* -- Components override -- */

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

ul.dropdown-upward *.dir {
	background-image:url(../images/menu.png);
}

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

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image:url(../images/menu_ov.png);
}