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

	nav structure

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

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

ul#nav li.list, ul#nav li.listHover, ul#nav li.listDown 
{
	/*margin-right: 2px;*/
}

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.sublist>ul,
ul#nav li.sublistHover>ul
{
	left: 10em;
}

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

ul#nav li.list:hover ul,
ul#nav li.listHover ul,
ul#nav li.list ul li.sublist:hover ul,
ul#nav li.list ul li.sublistHover ul {
	display: block;
}

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





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

	nav positioning

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

ul#nav li ul
{
	position: absolute;
}

ul#nav li.list ul,
ul#nav li.listHover ul,
ul#nav li.listDown ul
{
	top: 21px;		/* 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: 21px;		/* top row height offset for non-IE */
	left: 0px;	/* tier 1 left offset for non-IE */
}


ul#nav li.sublist ul,
ul#nav li.sublistHover ul
{
	top: 0px;		/* tier x height offset */
	width: 100px;	/* tier x width */
	left: 140px;	/* tier x left offset */
}
ul#nav li.sublist>ul,
ul#nav li.sublistHover>ul
{
	left: 140px;	/* tier x left offset for non-IE */
}





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

	nav style

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


/* nav items for top row */
 
ul#nav li.list div.root,
ul#nav li.listHover div.root
{
	background: #264C00;
	padding: 0;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}
ul#nav li.list div.root a,
ul#nav li.listHover div.root 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
{
	background-color: #5E3C5C;
	padding: 0;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	cursor: pointer;
}
ul#nav li.list:hover div.root a,
ul#nav li.list:hover div.root:hover a,
ul#nav li.listHover div.root a,
ul#nav li.listHover div.rootHover a,
ul#nav li.listHover div.rootDown a,
ul#nav li.listDown div.rootDown a,
ul#nav li.listDown div.rootHover a
{
	color: #3A2B7D;
	text-decoration: none;
}



/* nav items for tier 1 */

ul#nav li ul li
{
	border-bottom: solid 3px #FFFFFF;
}




ul#nav li.list ul li div,
ul#nav li.listHover ul li div,
ul#nav li.listDown ul li div
{
	background-color: #264C00;
	padding: 10px 4px 9px 5px;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	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
{
	border: solid 1px #3A2B7D;
	background-color: #5E3C5C;
	padding: 10px 4px 9px 5px;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	width: 100%;
	cursor: pointer;
}
ul#nav li.list:hover ul li div:hover a,
ul#nav li.listHover ul li div.Hover a
{
	color: #3A2B7D;
	text-decoration: none;
}