poner un classe

[ivan_pala21]

hola muy buenas y feliz navidad a todos
el caso es que tengo una galería de imágenes y necesito convertir el css en una clase ya que si no , no me deja poner mas de una imagen para ampliar.

Código CSS:

/* jQuery lightBox plugin - Gallery style */
    #gallery {
    
    padding:0px;
    width: 250px;
    }
    #gallery ul { list-style: none; }
    #gallery ul li { display: inline; }
    #gallery ul img {
        border: 5px solid #3e3e3e;
        border-width: 5px 5px 20px;
    }
    #gallery ul a:hover img {
        border: 5px solid #933;
        border-width: 5px 5px 20px;
        color: #933;
    }
    #gallery ul a:hover { color:#933;}
 
</style>
 

me gustaria convertir esto en una classe para poder colocar en mas de una imagen he provado cambiando la # por un punto pero no me funciona.

Código HTML:

<div id="gallery">
        <ul>
            <li> <a href="imagenes/images/guarderia/foto1.gif"><img src="imagenes/images/guarderia/foto1.gif" width="248" height="150" alt="Residencia Arenyscan" longdesc="http://www.arenyscan.es" border=" 1px solid  #666; " align="texttop" /></a>
            </li>
</ul>
</div>
 

el caso es que no puedo colocar otra imagen ya que solo puede haber un id por pagina.
alguna idea plia.