Cómo cambiar el archivo CSS de una página...

[quinqui]

En realidad mi pregunta es mucho más larga que esa (no me alcanzó el espacio...).

El asunto va a así:

Tengo una página principal con 5 diseños de layout distintos: a modo de ejemplo, diré que cada archivo se llama "mainLayout.htm", donde "Layout" es el valor (nombre) que cambia para generar los distintos archivos htm.

Ahora bien, este archivo "main..." (o sea, los 5) poseen un iframe que contiene el archivo "inicio.htm", que es único.

Mi pregunta es cómo, a este archivo, se le puede cambiar u otorgar (si acaso es posible) los atributos CSS dependiendo del "main..." en el que se encuentre.

Una vez vi una página que tenía este comportamiento, pero lo lograba gracias a hacer Click en un botón. Lo que yo quiero es que el archivo único "inicio.htm" se cargue desde el principio con el código CSS respectivo al "main..." en el que ha sido abierto.

De no encontrar solución a esto, lo que tendría que hacer sería multiplicar cada uno de los archivos que irán dentro del iframe, por cada layout principal hecho.......... Y esto sí que sería una lata U_U...

Por ello es que he intentado crear rutinas y procedimientos para lograr hacer la simplificación que he dicho antes, pero supongo que no sé suficiente JS como para lograrlo por mí sola...

Por eso, pido Ayuda!!!! Por favor...

Gracias.