.menuStyle {
	text-align: left;
	width:750px;
	position:absolute;
	z-index:999;
	top:107px;
	right:-195px;
}
/* hack para corrigir no IE5.5 "faulty box model" */
* html .menuStyle {
}
/* vai remover todos os lists styles e paddings do menuStyle */
.menuStyle ul {
	margin:0;
	padding: 0px;
	list-style:none;
	height:30px;
	font:normal 11px Arial, "Arial Narrow", Courier, Tahoma;
	text-decoration:none;
}
.menuStyle ul ul {
margin-top:7px;
width:0px;}
/* para fazer o menuStyle na horizontal. O position relative é para controlarmos a posição do sub-menuStyle */
.menuStyle li {
	float: left;
	margin-right: 3px;
	background: url(../images/bg_nav_li3.gif) no-repeat right top;
	font-size: 1.1em;
	position:relative;
}
/* Estilos para os links do primeiro nível */
.menuStyle a {
   float: left;
   display: block;
   padding: 9px 14px 6px;
   background: url(../images/bg_nav_li_a3.gif) no-repeat left top;
   color:#FFFFFF;
   /*color: #9BAAB5;*/
   text-decoration: none;
}


/* hack para que o IE5.5 "faulty box model" fique perfeito */
* html .menuStyle a, * html .menuStyle a:visited {

width:0px; w\idth:0px;}

/* Estilos para o bg do 2º nível */
.menuStyle ul ul a.drop, .menuStyle ul ul a.drop:visited {

background:#FF9900;text-decoration:none;}
/* Estilo para o :hover dos links no 2º nível */
.menuStyle ul ul a.drop:hover{
	text-decoration:none;
	background-color: #000000;
	
}
.menuStyle ul ul :hover > a.drop {
	text-decoration:none;
	background-color: #000000;
	
}
/* Estilos para o bg do 3º nível */
.menuStyle ul ul ul a, .menuStyle ul ul ul a:visited {
	text-decoration:none;
	background-color: #000000;

}
/* Estilo para o :hover dos links no 3º nível */
.menuStyle ul ul ul a:hover {
	text-decoration:none;
	background-color: #990033;
}

/* Esconde o submenuStyle e damos uma posição absoluta para que eles fiquem de acordo com os links de 1º nivel */
.menuStyle ul ul {
visibility:hidden;
position:absolute;
height:0;
top:19px;
left:0; 
width:95px;
border-top:0px solid #000;
}
/* hack para o IE5.5 */
* html .menuStyle ul ul {
top:0px;
t\op:21px;
}

/* posição do submenuStyle de 3º nível */
.menuStyle ul ul ul{
left:149px;
top:-1px;
width:149px;}

/* posição para o menuStyle de 3º nível para abrir para o lado direito */
.menuStyle ul ul ul.left {
left:-95px;
}

/* estilos para a tabela que vai fazer parte do layout somente no IE - SOMENTE NO IE!! */
.menuStyle table {
position:absolute; 
top:0; 
left:0;
}

/* Estilos para os links do submenuStyle de 2º nível */
.menuStyle ul ul a {
	color:#384751;
	padding:5px 10px;
	width:160px;
	text-decoration:none;
	background-color: #f1f3ee;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #babeb1;
	border-bottom-color: #d3d6cd;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #babeb1;
	background-image:none;
}
/* hack para o IE5.5 */
* html .menuStyle ul ul a, * html .menuStyle ul ul a:visited {
width:160px;
w\idth:160px;}

/* Estilo para o hover dos links de 1º nível */
.menuStyle a:hover, .menuStyle ul ul a:hover{
	color:#fff;
	background-color: #990000;
	background-image:none;
}
.menuStyle :hover > a,
.menuStyle ul ul :sfhover > a {
	color:#fff;
	background-color: #990000;
	background-image:none;
}

/* Para fazer o submenuStyle de 2º nível ficar visivel quando passarmos o mouse sobre os links de 1º nível ou nos links do próprio menuStyle (2º ou 3º nível) */
.menuStyle ul li:hover ul,
.menuStyle ul a:hover ul{visibility:visible; }
/* Mantém o 3º nível escondido quando estivermos no 1º nível*/
.menuStyle ul :hover ul ul{visibility:hidden;}
/* Exibe o 3º nível quando estivermos com o mouse sobre os links de 2º nivel */
.menuStyle ul :hover ul :hover ul{ visibility:visible;}