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

	nav structure

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

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

ul#nav li.list ul,
ul#nav li.listHover ul,
ul#nav li.listDown ul
{
	position: absolute;
	display: none;
	top: 1em;
	left: 0em;
	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;
	text-align: right;
}

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;
	background-color: #FFFFFF;
}

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

ul#nav li.sublist>ul,
ul#nav li.sublistHover>ul
{
	left: 180px;	/* tier x left offset for non-IE */
}





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

	nav style

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

ul#nav li div,
ul#nav li ul li div
{
	border-bottom: solid 2px #FFFFFF;
}

ul#nav li ul
{
	border-left: solid 2px #FFFFFF;
}

/* nav items for top row */
 
ul#nav li.list div.root,
ul#nav li.listHover div.root
{
	background-color: #008102;
	background-image: url(/bwWebsite/images/bg_nav_up.gif);
	background-repeat: no-repeat;
	background-position: 92% 45%;
}

ul#nav li.list div.root table td,
ul#nav li.listHover div.root table td
{
	padding: 5px 40px 3px 4px;
	text-align: right;
	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: #ADD6AD;
	background-image: url(/bwWebsite/images/bg_nav_dn.gif);
	background-repeat: no-repeat;
	background-position: 92% 45%;
}

ul#nav li.list:hover div.root table td,
ul#nav li.list:hover div.root:hover table td,
ul#nav li.listHover div.root table td,
ul#nav li.listHover div.rootHover table td,
ul#nav li.listDown div.rootDown table td,
ul#nav li.listDown div.rootHover table td,
ul#nav li.listHover div.rootDown table td
{
	padding: 5px 40px 3px 4px;
	text-align: right;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}

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: #008102;
	text-decoration: none;
}


/* 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-color: #008102;
	background-image: url(/bwWebsite/images/bg_nav_up.gif);
	background-repeat: no-repeat;
	background-position: 92% 45%;
}

ul#nav li.list:hover div.root table td ul li div table td,
ul#nav li.list:hover div.root:hover table td ul li div table td,
ul#nav li.listHover div.root table td ul li div table td,
ul#nav li.listHover div.rootHover table td ul li div table td,
ul#nav li.listDown div.rootDown table td ul li div table td,
ul#nav li.listDown div.rootHover table td ul li div table td,
ul#nav li.listHover div.rootDown table td ul li div table td,
ul#nav li.list div table td ul li div table td,
ul#nav li.listHover div table td ul li div table td,
ul#nav li.listDown div table td ul li div table td
{
	padding: 5px 40px 7px 4px;
	text-align: right;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}

ul#nav li.list:hover div.root table td ul li div table td a,
ul#nav li.list:hover div.root:hover table td ul li div table td a,
ul#nav li.listHover div.root table td ul li div table td a,
ul#nav li.listHover div.rootHover table td ul li div table td a,
ul#nav li.listDown div.rootDown table td ul li div table td a,
ul#nav li.listDown div.rootHover table td ul li div table td a,
ul#nav li.listHover div.rootDown table td ul li div table td a,
ul#nav li.list div table td ul li div table td a,
ul#nav li.listHover div table td ul li div table td a,
ul#nav li.listDown div table td ul li div table td 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: #ADD6AD;
	background-image: url(/bwWebsite/images/bg_nav_dn.gif);
	background-repeat: no-repeat;
	background-position: 92% 45%;
}

ul#nav li.list:hover ul li div:hover table td,
ul#nav li.listHover ul li div.Hover table td,
ul#nav li.listDown:hover ul li div:hover table td,
ul#nav li.listDown ul li div.Hover table td
{
	padding: 5px 40px 5px 4px;
	text-align: right;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}

/*
ul#nav li.list:hover ul li div:hover table td a,
ul#nav li.listHover ul li div.Hover table td a,
ul#nav li.listDown:hover ul li div:hover table td a,
ul#nav li.listDown ul li div.Hover table td a
*/

ul#nav li.list:hover div.root table td ul li div:hover table td a,
ul#nav li.list:hover div.root:hover table td ul li div:hover table td a,
ul#nav li.listHover div.root table td ul li div.Hover table td a,
ul#nav li.listHover div.rootHover table td ul li div.Hover table td a,
ul#nav li.listDown div.rootDown table td ul li div.Hover table td a,
ul#nav li.listDown div.rootHover table td ul li div.Hover table td a,
ul#nav li.listHover div.rootDown table td ul li div.Hover table td a,
ul#nav li.list div table td ul li div.Hover table td a,
ul#nav li.listHover div table td ul li div:hover table td a,
ul#nav li.listDown div table td ul li div.Hover table td a
{
	color: #008102;
	text-decoration: none;
}