Utilicas CSS en jerarquias en tablas

[emilio_viguri]

Hola que tal tengo 2 hojas de estilo en la cual intento dividir menús y tablas a las cuales les voy a aplicar CSS

<link rel="stylesheet" type="text/css" href="archivos/css/menu.css">
<link rel="stylesheet" type="text/css" href="archivos/css/tablas.css">

Los menús funcionan bien, ya que lo aplico a mi página y todo bien, mi problema esta al momento que intento unir los dos estilos CSS a tablas, pero si lo pongo solo ya sea menú o tablas por separado lo hace bien, a lo que intento es que por ejemplo, si yo quiero poner estilo a determinadas tablas pues que yo le ponga un ID un div o class o algo que identifique que solo el estilo tablas se le va aplicar el estilo y no lo aplique a todo el sitio.

el de menú seria <!--CSS para MENU-->, y al que solo le quiero aplicar el estilo tablas seria el siguiente código al final pongo mi hoja de estilo de tablas.

esto funciona bien con mi hoja menu.css

Código PHP:

  [HIGHLIGHT="HTML"]
     <!--CSS para MENU-->     
     <div id="menupri">
 <ul>
  <li><a href="#"><img src="archivos/imagenes/iconos/paper1.gif" height="16" border="0" align="absmiddle"> Capturar Ingresos</a></li>
  <li><a href="#"><img src="archivos/imagenes/iconos/capgasto.gif" height="19" border="0" align="absmiddle" /> Capturar Egresos</a></li>
  <li class="MPencabezado">Control y Analisis Clientes&amp;Proveedor</li>
  </ul>
</div><br />
    <!--MENU FIN-->
[/HIGHLIGHT] 
   

Bueno mi pagina esta echa de tablas, a lo que solo quiero poner el estilo a STable
o a lo que yo le ponga class="STable" esto decoraría las tablas y si pasas el ratos te cambia de color las tablas y otras cosas que estan en el CSS, esto si funciona solo pero ya con mis 2 hojas juntas no ... me ayudan ?

Código HTML:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
        <td align="center"><p>INFORMACION</p>
 
 
          <table border="0" cellpadding="0" cellspacing="0" class="STable">
          <caption class="encabezado">HOLA como estas Tu</caption>
            <tr>
              <td class="fresalta">fresalta</td>
              <td class="encabezado">encabezado</td>
              <td class="STtable">3</td>
              <td>4</td>
              <td>5</td>
            </tr>
            <tr>
              <td class="odd">6</td>
              <td class="odd">odd</td>
              <td class="encabezado">8</td>
              <td>9</td>
              <td>1</td>
            </tr>
            <tr>
              <td>654</td>
              <td class="fporpagar"><p>fporpagar</p></td>
              <td>65</td>
              <td>4</td>
              <td><a href="#" class="ligas">Link</a></td>
            </tr>
            <tr>
              <td>654</td>
              <td>654</td>
              <td>65</td>
              <td class="marca">Marca</td>
              <td>54</td>
            </tr>
          </table>
          
          <p>&nbsp;</p></td>
       </tr>
      </table>
 

mi hoja de estilo tablas a la que quiero aplicar solo se le pongo STable

Código CSS:

@charset "utf-8";
/* CSS Document */
 
.STable {
    border-collapse: collapse;
    border: 1px solid #03476F;
    font: normal 11px verdana, arial, helvetica, sans-serif;
    color: #363636;
    background-color: #CCFFCC;
}
.STable .fporpagar {
    background-color:#AAFFAA;
    color: #006600;
}
.STable .fresalta  {
    color: #FF0000;
    font-weight: bold;
}
.STable .odd {
    background-color: #CCFFFF;
  }
.STable .encabezado {
    background-color: #0099CC;
    color: #FFFFFF;
  }
.STable .marca{
    background-color:#FFE4CA;
    color: #009900;
  }
.STtable .ligas {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0000FF;
    background-color: #FF0;
    }
 
 
.STable caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
  
.STable td, th {
    border: 1px dotted #03476F;
    padding: .4em;
    vertical-align: bottom;
  }
 
 
 
 
 
.STtable thead th, tfoot th {
    font: bold 11px verdana, arial, helvetica, sans-serif;
    border: 1px solid #03476F;
    color: #FFFFFF;
    padding-top:3px;
    background-color: #99CCFF;
  }
.STtable tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
.STtable tbody td a:hover {
    color: #363636;
    background-color: #FFFFFF;
  }
  .STtable tbody th a {
    background: transparent;
    text-decoration: none;
    font-weight:bold;
    color: #FFFFFF;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
  }
.STtable tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.STtable tbody th, tbody td {
  vertical-align: top;
  }
.STtable tfoot td {
    border: 1px solid #03476F;
    padding-top:3px;
    color: #FFFFFF;
    background-color: #0099CC;
  }
.STtable tbody tr:hover {
    border: 1px solid #03476F;
    color: #FFFFFF;
    background-color: #C6E2FF;
  }
.STtable tbody tr:hover th,
.STtable tbody tr.odd:hover th {
    color: #FFFFFF;
    background-color: #009900;
  }