Help Please, CSS Themes

On my Index Page, I have a link for three secondary indexes.

One each I want to use a seperate CSS so each one will give my site a different color scheme. The secondary pages, have an inline frame, so I put the
Page1:
<LINK REL=STYLESHEET TYPE="text/css"
HREF="http://www.mysite.com/1.css">
Page2:
<LINK REL=STYLESHEET TYPE="text/css"
HREF="http://www.mysite.com/2.css">
Page3:
<LINK REL=STYLESHEET TYPE="text/css"
HREF="http://www.mysite.com/3.css">

in the style part. It changes the secondary index, but when I click links, the inline frame does not have the CSS colors. I could go to every single page, and put the css in manually, but then I would have to do this 3 times for each different color scheme.( I do not want to have 3 different copies of all the files on my site, since updating would take too much time, but I do want 2 different secondary indexs that give all the other files that are in the inline frame, 3 sets of different colors (or themes)) So is there anyway to get the inline frame to take on the CSS of it's parent page?

Javascript has been suggest to detect the parent's style, but none of it I tried was successfull.

Please help.

trap the css in a session variable and link to the css off of the session variable

how would I do that? hehe

lil more info:

URL

when you go through the html (last part of head), you can see that one links for the first css URL

The page itself takes on the css colors, but any inlineframes do not. I tried puting just default white pages with default text, and they didn't take on the parent page's css. I'm prepared to change every inline frames html, but I need it to work when I make 3 different indexs. Because I know I could just put the css directly into each page or link it, but then I would have only one color scheme, instead of the three I want to be choosable on the index (since it's linked to 3 different secondary indexes with their own css files)..

(I put a colorless test page on the upperight) Thanks