@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1.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
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */
div#top_navigation {
	position: relative;
	z-index: 100;
}

ul.dropdown {
 	font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	}
	


	ul.dropdown li.hover,
	ul.dropdown li:hover {
	  background: #bbdd8c !important;
	}
	
	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover {
	  background: none !important;
	}



ul.dropdown ul li a{ 
		display: block;
		padding: 7px 0px 7px 0px !important;
		margin-left: 3px !important;
		padding-left: 12px !important; 
		width: 188px !important; 
		text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
		color: #000; 
		height: 100% !important;
		line-height: 14px !important;
	}
	
	ul.dropdown ul li a:hover{ 
		margin-left: 3px !important;
		padding-left: 12px !important; 
		width: 188px !important; 
		color: #000; 
		background: #eff7e0 !important; 
	}

	ul.dropdown a:active	{ color: #ffa500; }



	/* -- level mark -- */

	ul.dropdown ul {
	 margin-top: 1px;
	 margin-left: -3px !important;
	 padding-left: 0px !important;
	 padding-right: 6px !important;
	 padding-bottom: 5px !important;
	 width: 200px !important;
	 border-top: 1px solid #fff !important;
	 background: url(ul_back.png) bottom left no-repeat !important;
	}

		ul.dropdown ul li {
			display: block;
		 	font-weight: normal;
		 	float: none !important;
		 	width: 200px !important;
		}
		
	ul.dropdown ul li.last a{
		display: block;
	}


