<html>
<head>
<title>--Noticias--</title>
<style type="text/css">
<!--
/* ----------------- Muda cor da barra de rolagem ------------- */
BODY {
	/*scrollbar-face-color: FFFFFF;
	scrollbar-arrow-color: black;
	scrollbar-base-color: FFFFFF;
	scrollbar-shadow-color: black;
	scrollbar-dark-shadow-color: FFFFFF;
	scrollbar-highlight-color: black;
	scrollbar-3d-light-color:FFFFFF;
	background-color: #FFFFFF;*/
}

a:link {
text-decoration:none; /* retira o sublinhado dos links */ 
color:black; /* define a cor da fonte */ 
       }
a:visited {
text-decoration:none;
color: black;
	  }
a:hover {
         color: black; /*Cor da fonte*/ 
                text-decoration:underline;

        }
/*--------------------------- Menu ----------------------- */
ul#menu { 
margin: 0; /* retira o recuo para alguns browsers */ (*)
padding:0; /* retira o recuo para outros browsers */ (*)
background-color: white;/*#006699; /* cor do fundo */ 

}
ul#menu li {
border-bottom:1px solid #006699; /*#CCCCCC; coloca uma borda azul entre links */ 
list-style-type: none; /* retira o marcador de listas*/ 
border:1px solid #003399; /* uma borda em volta do menu */ 
}
ul#menu li a:link {
text-decoration:none; /* retira o sublinhado dos links */ 
font-family: Tahoma; /* define o tipo de fonte */ 
font-size:12px; /* define o tamanho da fonte */ 
color:black; /* define a cor da fonte */ 
font-weight: bold;
}
ul#menu li a:visited {
	text-decoration:none;
	font-family: Tahoma; /* define o tipo de fonte */ 
        font-size:12px; /* define o tamanho da fonte */ 
        color:black; /* define a cor da fonte */  
	font-weight: bold;
}

ul#menu {
width:130px; /* uma largura para o menu */ 

}
ul#menu li a:link, ul#menu li a:visited {
display:block; (*) /* (*) Est regra display: block;  escrita com a finalidade de fazer com que a troca da cor do fundo seja na extensao toda do elemento <li>. */
border-right:5px solid #CCCCCC;/*solid #006699; /* uma barrinha a direita dos links */ 
padding-right:5px; /* espaamento entre a barrinha e o texto do link */ 
border-left:5px solid #CCCCCC;/*solid #006699; /* uma barrinha a esquerda dos links */ 
padding-left:5px; /* espaamento entre a barrinha e o texto do link */ 
}
ul#menu li a:hover {
background-color: blue; /* cor do fundo */
/*text-decoration:underline;*/
color: white; /*Cor da fonte*/
display:block; (*) /* (*) Est regra display: block;  escrita com a finalidade de fazer com que a troca da cor do fundo seja na extensao toda do elemento <li>. */
border-left:5px solid #0033cc; /* troca a cor da barrinha */ 
border-right:5px solid #0033cc; /* troca a cor da barrinha */ 
}
.estilo01 {
        font-size: x-small;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image:url("bgazul.jpg");
	}
.estilo02 {
           color: white;
          }
.ricardo { font-weight: bold; font-size: 6pt; font-family: verdana }
/* ---------------------------- Fim do Menu -------------------------------*/
.bordacima { /*border-style: solid; border-width: 1px 0px 0px 0px; border-color: black */}
.bordacima2 { border-style: solid; border-width: 1px 0px 0px 0px; border-color: black }
.bordacimadireita { border-style: solid; border-width: 1px 1px 0px 0px; border-color: black }
.bordacimaesquerda { border-style: solid; border-width: 1px 0px 0px 1px; border-color: black }
.bordaesquerda { border-style: solid; border-width: 0px 0px 0px 1px; border-color: black }
.bordadireita { border-style: solid; border-width: 0px 1px 0px 0px; border-color: black }
.bordaduplalateral { border-style: solid; border-width: 0px 1px 0px 1px; border-color: black }
.bordadupla { /*border-style: solid; border-width: 1px 0px 1px 0px; border-color: black */}
.legendaBold { font-weight:  none;font-size: 10pt; font-family: tahoma }

.bordareserva { border-style: solid; border-width: 1px 0px 0px 0px; border-color: black}


.linhadupla { border-style: solid; border-width: 1px 0px 1px 0px; border-color: black }

.legendamenor { font-weight: bold; font-size: 9pt; font-family: arial }

.msn { font-weight: bold; font-size: 9pt; font-family: arial; color:#FF0000; margin-top: 50pt; margin-bottom: 50pt; text-align: center}

.legendaonline { font-weight: bold; font-size: 7.5pt; font-family: arial;  text-align: center}
.legendaonline2 { font-weight: bold; font-style: italic; font-size: 11pt; font-family: tahoma; color:#CC6633; }
.legendaonline3 {  font-style: ; font-size: 8pt; font-family: tahoma; color:#CC6633; }
.legendaonline4 { font-weight: bold; font-size: 8pt; font-family: tahoma; color:#CC6633; }
.legendaonline5 { font-weight: bold; font-size: 9pt; font-family: tahoma; color:#CC6633; }
#suporte { font-weight: bold; font-size: 12pt; font-family: tahoma; color:#CC6633; }

.mod { font-style: italic; font-size: 8pt; font-family: tahoma; color:black; }
.legendamini { font-weight: bold; font-size: 6pt; font-family: verdana }

.titulos  { font-weight: bold;	font-size: 14pt;font-family: tahoma }
.comboordena { font-weight: bold;font-size: 8pt; font-family: "trebuchet ms"; border: solid 1px black; width: 100px }
.comboordena01 { font-weight: bold;font-size: 7pt; font-family: "trebuchet ms"; border: solid 1px black; width: 75px }
.combodata { font-weight: bold;font-size: 8pt; font-family: "trebuchet ms"; border: solid 1px black; width: 55px }
.legendaBold01 {color:black; font: 10px Verdana,Arial,Helvetica,sans-serif; }
.legendaBold02 {color:black; font: bold 9px  Verdana,Arial,Helvetica,sans-serif;}
.legendaBold03 {color:black; font: bold 12px  Verdana,Arial,Helvetica,sans-serif;}

.consulta {	font-family: arial;	font-size: 10 pt;	/*text-transform: capitalize;*/ font-weight: ;	color: #000000;}
.menu {	font-family: Verdana;	font-size: 8 pt;	/*text-transform: capitalize;*/ font-weight: ;	color: #000000;}
.titulos01  { font-weight: bold;font-size: 14pt;font-family: tahoma }
.botoes {/*
	color: black;
	font-size: 8pt;
	font-family: "Trebuchet ms", Verdana, Arial;
	text-decoration: none;
	background: #F0F0F0 ;
	vertical-align: middle;
	padding: 0px 2px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: black;
	top: 1px;
	left: 1px*/ }
.botoesmini {
	color: black;
	font-size: 7pt;
	font-family: "tahoma";
	text-decoration: none;
	background: #F0F0F0 ;
	vertical-align: middle;
	padding: 0px 2px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: black;
	top: 1px;
	left: 1px }
-->
</style>
</head>
<body>
Exemplo:
<ul id="menu">
<p class="estilo01">Linguagens</p>
<li><img src="setinha.JPG" width="16" height="13"><a href="index.htm">Home</a></li> 
<li><img src="setinha.JPG" width="16" height="13"><a href="vb.htm">Visual Basic </a></li> 
<li><img src="setinha.JPG" width="16" height="13"><a href="pascal.htm">Pascal </a></li> 
<li><img src="setinha.JPG" width="16" height="13"><a href="clipper.htm">Clipper </a></li> 
</ul>
</body>
</html>