/******************************************

	nav structure

******************************************/

ul#nav ul, ul#nav { 
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}
ul#nav li {
	float: left;
	position: relative;
	width:auto;
}

ul#nav li.list ul,
ul#nav li.listHover ul,
ul#nav li.listDown ul
{
	position: absolute;
	display: none;
	top: 1em;
	left: 0px;
	width: 10em;
}
ul#nav li.list>ul,
ul#nav li.listHover>ul,
ul#nav li.listDown>ul
{
	top: auto;
	left: 0px;
}

ul#nav li.sublist ul,
ul#nav li.sublistHover ul
{
	position: absolute;
	display: none;
	top: 0px;
	left: 10em;
	width: 10em;
}

ul#nav li ul li {
	width: 140px;
}

ul#nav li.listHover ul {
	display: block;
}


ul#nav li.listHover ul li ul,
ul#nav li.listHover ul li.Hover ul li ul
{
	display: none;
}

ul#nav li.listHover ul li.Hover ul,
ul#nav li.listHover ul li.Hover ul li.Hover ul
{
	display: block;
}





/******************************************

	nav positioning

******************************************/

ul#nav li ul
{
	position: absolute;
}

ul#nav li.list ul,
ul#nav li.listHover ul,
ul#nav li.listDown ul
{
	top: 30px;		/* top row height offset */
	left: 0px;		/* tier 1 left offset */
	width: 100px;	/* tier 1 width */
}
ul#nav li.list ul,
ul#nav li.listHover ul,
ul#nav li.listDown ul
{
	top: 30px;	/* top row height offset for non-IE */
	left: 0px;	/* tier 1 left offset for non-IE */
}

ul#nav li.listHover ul li.Hover ul
{
	top: 0px;
	left: 140px;
}



/******************************************

	nav style

******************************************/

ul#nav li.list, 
ul#nav li.listHover, 
ul#nav li.listDown
{
	border-right: solid 1px #1E491E;
}

ul#nav li.listend,
ul#nav li.listendHover,
ul#nav li.listendDown
{
	width: 103px;
}

/* nav items for top row */
 
ul#nav li.list div.root,
ul#nav li.listHover div.root
{
	padding: 8px 10px 8px 10px;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}

ul#nav li.listend div,
ul#nav li.listendHover div,
ul#nav li.listendDown div
{
	padding: 8px 16px 8px 16px;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}

ul#nav li.list div a,
ul#nav li.listHover div a,
ul#nav li.listDown div a,
ul#nav li.listend div a,
ul#nav li.listendHover a,
ul#nav li.listendDown a
{
	color: #FFFFFF;
	text-decoration: none;
}


/* hover */
ul#nav li.list:hover div.root,
ul#nav li.list:hover div.root:hover,
ul#nav li.listHover div.root,
ul#nav li.listHover div.rootHover,
ul#nav li.listDown div.rootDown,
ul#nav li.listDown div.rootHover,
ul#nav li.listHover div.rootDown
{
	text-wrap: none;
	background: #FB9D1D;
	padding: 8px 10px 8px 10px;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}

ul#nav li.listendDown div,
ul#nav li.listendHover div
{
	text-wrap: none;
	background: #FB9D1D;
	padding: 8px 16px 8px 16px;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}


/* nav items for tier 1 */

ul#nav li.list ul li div,
ul#nav li.listHover ul li div,
ul#nav li.listDown ul li div
{
	background: #FB9D1D;
	padding: 3px 4px 3px 5px;
	border-top: solid 1px #E6890A;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
	width: 100%;
}

ul#nav li.list ul li div a,
ul#nav li.listHover ul li div a,
ul#nav li.listDown ul li div a
{
	color: #FFFFFF;
	text-decoration: none;
}

/* hover */
ul#nav li.list:hover ul li div:hover,
ul#nav li.listHover ul li div.Hover,
ul#nav li.listDown:hover ul li div:hover,
ul#nav li.listDown ul li div.Hover
{
	background-color: #4A7D4F;
	padding: 3px 4px 3px 5px;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
	width: 100%;
}

ul#nav li.list:hover ul li div:hover a,
ul#nav li.listHover ul li div.Hover a
{
	color: #FFFFFF;
	text-decoration: none;
}