/* common styling */
.menu {
font-family: Arial;
width:800px;
height:30px;
position:absolute;
margin:246px 90px 0px;
font-size:8px;
z-index: 1;
}
.menu ul li a,
.menu ul li a:visited {
display:block;
width:160px;
height:30px;
border:0px solid #fff;
background: url(http://www.travelmapofbrazil.com/images/button.jpg) no-repeat top center #2c2602;
line-height:28px;
font-family: Arial;
font-size: 8pt;
font-style: normal;
font-weight: bold;
text-transform: none;
text-decoration: underline;
text-align:center;
color:#ecead5;
overflow:hidden;
}
.menu ul {
padding:0; margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
margin-right:0px;
position:relative;
}
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
width:160px;
height:30px;
font-family: Arial;
font-size: 8pt;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-transform: none;
color:#ecead5;
background: url(http://www.travelmapofbrazil.com/images/button-roll.jpg) no-repeat top center #000;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:30px;
left:0;
width:160px;
}
.menu ul li:hover ul li a.hide {
width:160px;
height:30px;
font-family: Arial;
font-size: 8pt;
font-style: normal;
font-weight: bold;
text-transform: none;
color:#ecead5;
background: url(http://www.travelmapofbrazil.com/images/button-roll.jpg) no-repeat top center #a60000;
}
.menu ul li:hover ul li:hover a.hide {
width:160px;
height:30px;
font-family: Arial;
font-size: 8pt;
font-style: normal;
font-weight: bold;
text-transform: none;
color:#ecead5;
background: url(http://www.travelmapofbrazil.com/images/button-roll.jpg) no-repeat top center #a60000;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
width:160px;
height:30px;
font-family: Arial;
font-size: 8pt;
font-style: normal;
font-weight: bold;
text-transform: none;
display:block;
color:#ecead5;
background: url(http://www.travelmapofbrazil.com/images/button-roll.jpg) no-repeat top center #000;
}
.menu ul li:hover ul li a:hover {
width:160px;
height:30px;
font-family: Arial;
font-size: 8pt;
font-style: normal;
font-weight: bold;
text-transform: none;
text-decoration: underline; 
color:#ecead5;
background: url(http://www.travelmapofbrazil.com/images/button.jpg) no-repeat top center #2c2603;
}
.menu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:160px;
top:0;}
.menu ul li:hover ul li:hover ul.left {
left:-160px;
}