#nav, #nav ul {
	width:458px; 
	list-style: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 15px 0  0;
	margin: 0;
	float: left;
	z-index:20;
	}
#nav li {
float: left;
}
#nav a {
	display: block;
	padding:4px 0 0 0 ; /*4 px para baixar texto no box - o resto vai automatico, por isso os "zeros"*/
	width: 150px;
	height: 18px;
	text-align: center;
	text-decoration: none;
	background-color: #CC0000; /* IE precisa desta declaração */
	color: #fff;
	border: 1px solid #FFF; 

	} 
#nav a:hover {
	text-decoration: none;
	background: #FF0000;
	color:#fff;
	}
#nav a.bullet {background: #009966;}
#nav a.bullet:hover {background:  #00FF33;	}
#nav li ul {
	position: absolute;
	left: -1000px;
	width: 152px; /*tamanho do box mais as bordas*/
	margin: 0;
	}
#nav ul ul {margin: -23px 0 0 152px;} /*altura do box mais padding mais borda - 0 0 - largura do box mais borda*/
#nav li:hover ul ul, #nav li.over ul ul {left: -1000em;	}
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {
	left: auto;
}
ul#nav li.over ul li ul,
ul#nav li:hover ul li ul {
	display: none;
	}
ul#nav li.over ul li.over ul,
ul#nav li:hover ul li:hover ul {
	display: block;
	}