Cita:  
					Iniciado por Raulmmmm 
  Te lo dejo claro:
.p {color: #FFFFFF; font-size:10px; font-style: normal; font-family: Verdana
 };<--- CUIDADO: el punto y coma va al final de la línea anterior
.r {color: #FFFFFF; font-size:8px; font-style: normal; font-family: Verdana;
}
 
Y lo aplicas así:
 
echo "<td class="p">$id</td>\n"; ---------> este anda
echo "<td class="r">$usuario</td>\n"; -------> este también anda
    
No hace falta que cambies lo de <p>. Estás aplicando el estilo AL ELEMENTO y no hace falta que crees una clase y luego la tengas que aplicar en el html (más código innecesario, menos accesible y semántico...) 
Deja eso como lo tenías y cambia sólo lo de "r".
O mejor, hazla también con <p>, pero con la clase: <p class="r"> y simplifica el CSS: 
p { color: #FFF; font-size: 10px; font-style: normal; font-family: Verdana;
}
.r { 
font-size: 8px;
}
/* sólo lo que cambia, lo demás ya lo lleva el p "a secas" */  
Éste es el HTML: 
echo "<tr><td>
<p class="r">$id
</p></td>\n"; 
echo "<td><p>$usuario</p></td>\n";   
Un saludo