#divNav {
		background: transparent url(bk-nav.jpg) no-repeat top left;
		margin: 0;
		padding: 0;
		height: auto;
		width: 973px;

	}

	#nav {
		position: relative;
		top: 0px;
		height: auto;
		margin:auto;
		padding:0px 0px 0px 40px;
	}


	#nav a {
		text-decoration: none;
		height: auto;

	}


	#nav li ul {
		display: none;
		margin: 0;
		padding: 0;
	}

	#nav li ul li a {
		height: auto;
		position:relative;
		left: 28px;

	}

/*
	Nao precisa disso?
	#nav li a:hover {
		color: #000000;
		font-weight: bold;
		font-size: 20px;
		line-height: 25px;
		display: block;
		padding: 0 5px 0 5px;
	}
*/

#nav li { /*float the main list items*/
		float: left;
		display: block;
		padding: 0px;
		margin-right:26px;
		margin-left:-25px;
}

#nav li a {
		color: #585858;
		position:relative;
		top:2px;
		font-family: arial, helvetica, sans-serif;
		font-weight:bold;
		font-size: 18px;
		line-height: 25px;
		display: block;
        border-top: 2px solid transparent;
		border-left: 2px solid transparent;
		border-right: 2px solid transparent;
		border-bottom: 0px;
		padding: 0 8px 0 8px;

	}

	#nav li.off a {
		position:relative;
		top:3px;
		font-size: 18px;
		line-height: 23px;
		display: block;
		border-bottom: 0px;
		padding: 0 8px 0 8px;
	}

	#nav li.off a:hover
	{
		color: #f6f6f6;
        background: #dc3c1e;

	}

	#nav li.on a {
		position:relative;
		top:2px;
		color: #f9f9f9;
        background: #fe4415;
		z-index:10;
		height:16px;
		padding-top:0px;
		padding-bottom:10px;
		z-index:15;

	}
	#nav li.on a:hover {
		background: #dc3c1e;
	}

	#nav li.on ul a:hover {
		height:auto;
	}

#nav .div0 li.on ul li.on a {
background: #0d7c32;
}

#nav .div1 li.on ul li.on a {
background: #f34f0f;
}

#nav .div2 li.on ul li.on a {
background: #63006a;
}

#nav .div3 li.on ul li.on a {
background: #0854a2;
}

#nav .div4 li.on ul li.on a {
background: #414141;
}

#nav .div5 li.on ul li.on a {
background: #414141;
}

#nav .div0 li.off ul a{
color: #414141;
}
#nav .div1 li.off ul a, #nav .div0 li.on ul a{
color: #0d7c32;
}
#nav .div2 li.off ul a, #nav .div1 li.on ul a{
color: #f34f0f;
}
#nav .div3 li.off ul a, #nav .div2 li.on ul a{
color: #63006a;
}
#nav .div4 li.off ul a, #nav .div3 li.on ul a{
color: #0854a2;
}
#nav .div5 li.off ul a, #nav .div4 li.on ul a{
color: #414141;
}
/*
	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left;
		color: #e501a7;
		width: auto;
	}


	#nav li.on:hover ul a, #nav li.over ul li a {
		background: none;
		border: none;.
}
*/

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a {
		display: block;
		position: relative;
		height: auto;
		background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#liRenaissance a {
	background-position: 0 0;
}

#liArtNouveau a {
	background-position: -102px 0;
}

#liModern a {
	background-position: -204px 0;
}

#liPostModern a {
	background-position: -306px 0;
}

#liDigital a {
	background-position: -408px 0;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liModern.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background-position: 0 -73px;
}

#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background-position: -102px -73px;
}

#liModern a:hover, #liModern:hover a, #liModern.over a {
	background-position: -204px -73px;
}

#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
	background-position: -306px -73px;
}

#liDigital a:hover, #liDigital:hover a, #liDigital.over a {
	background-position: -408px -73px;
}

/*subnav formatting*/

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	padding-top: 2px;
	padding-right:8px;
	height: 0px;
	max-width: 180px;
	top:30px;
	z-index:0;
	overflow:hidden;
display:none;

}

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: url(images/separador.png) no-repeat center left;
	color: #414141;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-left:14px;
	padding-right:4px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom: 13px;
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	min-width: 165px;
	position:relative;
	top:0px;
	border-bottom:1px solid #e0e0e0;
}

#nav li.off ul a:hover, #nav li.on ul a:hover {
	display: block;
	background: #414141 url(images/separadoron.png) no-repeat center left;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-left:14px;
	padding-right:4px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:13px;
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	min-width: 165px;
	position:relative;
	top:0px;
	border-bottom:1px solid #c5c5c5;
}


#nav li.on ul li.on a {
	color: #fff;
	background: #185208;
	padding: 6px 4px 1px 5px;
	margin-left: 6px;
	line-height: 10px;
	position:relative;
	top:0px;
	z-index:2;
	max-height:15px;
	min-width:169px;
	text-indent:4px;
	}

#nav li.on ul li.on a:hover {
	color: #fff;
	padding: 6px 4px 6px 5px;
	margin-left: 6px;
	line-height: 10px;
	position:relative;
	top:0px;
	z-index:2;
	max-height:15px;
	min-width:169px;
	text-indent:4px;
	}

#nav li li.on ul, #nav li li.off ul, #nav li li ul{
visibility: hidden;
}

#nav li li.on:hover ul, #nav li li.off:hover ul, #nav li li.over ul{
visibility: hidden;
/*
visibility: visible;
position:relative;
top:0px;
left:160px;
*/
}

#nav li.on ul li.on, #nav li.on ul li.off, #nav li.off ul li.off {
height:23px;
}

#nav li.on ul li.off a, #nav li.off ul li.off a {

	margin-left: 6px;

	}

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

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 1;
	}

	#nav li.on:hover ul, #nav li.off:hover ul, #nav li.over ul { /*for ie*/
		height:auto;
		z-index:99999;
		border-top: 2px solid #f5f5f5;
		border-bottom: 2px solid #999797;
		border-right: 2px solid #aeadad;
		border-left: 1px solid #e3e3e3;
		padding-right:20px;
		background:#f2f2f2;
		margin-top:-2px;
		/*opacity:0.9;
		filter:alpha(opacity=90);*/
	}