/* ================================================================ 
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_drop5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
#navi_container {
	margin:0 0 0 0;
	padding:0 0 0 5px;
	font-family:gorgia, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:2.2em;
	background:#4D8721 url(../images/navi_bg.jpg) repeat-y top left;
}

/* remove all the bullets, borders and padding from the default list styling */
#navi_container ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:1.6em;
}

/* style the sub-level lists */
#navi_container ul ul {
	width:14em;
	font-size:12px;
	font-weight:normal;
	border:5px solid #FFF;
	border-left:0;
}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navi_container ul li {
	float:left;
	height:1.6em; 
	line-height:2em;
}

/* style the sub level list items */
#navi_container ul ul li {
	display:block;
	width:10em;
	height:auto;
	line-height:0.6em;
	border-bottom:1px solid #FFF;
}

/* style the links for the top level */
#navi_container a, #navi_container a:visited {
	display:block;
	float:left;
	height:2.2em;
	font-size:1em;
	text-decoration:none;
	color:#FFF;
	padding:0 40px 0 11px;
	background:url(../images/navi_arrow.gif) no-repeat left center;
}

/* style the sub level links */
#navi_container ul ul a, #navi_container ul ul a:visited {
	display:block;
	background:#4C8621 url(../images/navi_arrow.gif) no-repeat 6px center;
	color:#FFF;
	height:100%;
	width:8.7em;
	line-height:1.2em;
	padding:3px 0 3px 16px;
}
* html #navi_container ul ul a, * html #navi_container ul ul a:visited  {
	width:10em;
	w\idth:10em;
}


/* style the table so that it takes no part in the layout - required for IE to work */
#navi_container table {
	position:absolute;
	left:-1px;
	top:0;
	width:0;
	height:0;
	font-size:1em;
	z-index:1;
}


/* style the level hovers */
/* first */
* html #navi_container a:hover {
	position:relative;
	z-index:100;
}
#navi_container li:hover {
	position:relative;
}
#navi_container :hover > a {
	
}
/* second */
* html #navi_container ul ul a:hover{
	position:relative;
	z-index:110;
}
#navi_container ul ul li:hover {
	position:relative;
}
#navi_container ul ul :hover > a {
	background:#74B146 url(../images/navi_arrow.gif) no-repeat 6px center;
}

#navi_container ul ul a.drop, #navi_container ul ul a.drop:visited {
	background:#EAF4F9
}
#navi_container ul ul a.drop:hover {
	background:#B3D4E6;	
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#navi_container ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:2.2em;
	left:-0.4em;
	width:10em;
}

/* position the third level flyout menu */
#navi_container ul ul ul{
	left:12em;
	top:0.6em;
	width:10em;
}
* html #navi_container ul ul ul{
	width:10em;
	w\idth:10em;
}


/* make the second level visible when hover on first level list OR link */
#navi_container ul :hover ul{
	visibility:visible;
	height:auto;
	background:transparent url(images/trans.gif);
}
/* keep the third level hidden when you hover on first level list OR link */
#navi_container ul :hover ul ul{
	visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#navi_container ul :hover ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#navi_container ul :hover ul :hover ul{
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#navi_container ul :hover ul :hover ul :hover ul {
	visibility:visible;
}