#menu {
font-family: Arial;
/*CSS for #style2 ate aqui aplicamos a fonte*/}

#menu h1 {
font-size: 16px;
font-weight: bold;
background-color: #FF6600;
width: 120px;
padding: 5px;
float: left;
border-top: 1px solid #FF6600;
border-right: 1px solid #BB4A00;
border-bottom: 1px solid #FF6600;
border-left: 1px solid #FF6600;
margin: 10px 0px 0px 0px;
/*CSS for H1 - aqui aplicamos um estilo ao titulo o H1*/
}

#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
clear: left;
/*CSS for UL aqui definimos onde vai ficar os links ou seja a esquerda com 0 pixels*/
}
#menu li {
width: 150px;
font-size: 12px;
font-weight: bold;
background-color: #FFFFFF;
border-right: 1px solid #F1F1F1;
border-bottom: 1px solid #F1F1F1;
border-left: 1px solid #F1F1F1;
/*CSS for LI aqui definimos o LI ou seja o fundo do link, definimos largura, fonte, e fundo */
}
#menu li a {
	width: 140px;
	color: #E1566D;
	text-decoration: none;
	display: block;
	padding: 5px;
	background-image: url(../images/bot_off.jpg);
/*CSS for link aqui definimos as configuraçoes para o link - largura da caixa e cor da fonte*/
}
#menu li a:visited {
color: #E4546B;
text-decoration: none;
/*CSS for visited link*/
}
#menu li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/bot_on.jpg);/*CSS for hover link*/
}