/* ================================================================ 
	This copyright notice must be untouched at all times.
	
	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/final_drop.html
	Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */
	
	.menu {
		width:987px;
		height:22px;
		position:relative;
		z-index:100;
	}
	/* hack to correct IE5.5 faulty box model */
	* html .menu {
		width:987px;
		w\idth:990px;
	}
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	.menu ul ul {
		width:140px;
	}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {
		float:left;
		width:140px;
		position:relative;
		border-right: 1px solid #94A056;
		background-image:url(../pics/button_down.gif); background-repeat:no-repeat;
	}
	/* style the links for the top level */
	.menu a, .menu a:visited {
		display:block;
		text-decoration:none;
		color:#979797;
		font-size:14px;
		text-transform:uppercase;
		width:130px;
		height:22px;
		padding-left:10px;
		
	}
	/* a hack so that IE5.5 faulty box model is corrected */
	* html .menu a, * html .menu a:visited {
		width:140px;
		w\idth:130px;
	}
	/* style the second level background */
	.menu ul ul a.drop, .menu ul ul a.drop:visited {
		background:#d4d8bd;
	}
	/* style the second level hover */
	.menu ul ul a.drop:hover {
		background:#c9ba65;
	}
	.menu ul ul :hover > a.drop {
		background:#c9ba65;
	}
	/* style the third level background */
	.menu ul ul ul a, .menu ul ul ul a:visited {
		background:#e2dfa8;
	}
	/* style the third level hover */
	.menu ul ul ul a:hover {
		background:#b2ab9b;
	}
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {
		visibility:hidden;
		position:absolute;
		height:0;
		top:22px;
		left:0;
		width:140px;
		border-top:1px solid #FFF;
	}
	/* another hack for IE5.5 */
	* html .menu ul ul {
		top:22px;
		t\op:22px;
	}
	/* position the third level flyout menu 
	.menu ul ul ul {
		left:149px;
		top:-1px;
		width:149px;
	}
	/* position the third level flyout menu for a left flyout 
	.menu ul ul ul.left {
		left:-149px;
	}
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.menu table {
		position:absolute;
		top:0;
		left:0;
		border-collapse:collapse;
	}
	/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {
		background:#e8e8e8;
		font-size:12px;
		text-transform:none;
		color:#979797;
		height:auto;
		line-height:1em;
		padding:5px 10px;
		width:120px;
		border-bottom:1px solid #979797;;
	}
	/* yet another hack for IE5.5 */
	* html .menu ul ul a, * html .menu ul ul a:visited {
		width:140px;
		w\idth:120px;
	}
	/* style the top level hover */
	.menu a:hover {
		color:#000;
		background:#b7d186;
		background-image:url(../pics/button_up.gif); background-repeat:repeat-x;
	}
	.menu :hover > a {
		color:#000;
		background:#b7d186;
		background-image:url(../pics/button_up.gif); background-repeat:repeat-x;
	}
	
	.menu ul ul a:hover {
		color:#000;
		background:#b7d186;
	}
	.menu ul ul :hover > a {
		color:#000;
		background:#b7d186;
			}
	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul, .menu ul a:hover ul {
		visibility:visible;
	}
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul {
		visibility:hidden;
	}
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul {
		visibility:visible;
	}
	
.menu a.activ {
	color: #fff;
	background-image:url(../pics/button_up.gif); background-repeat:repeat-x;
}