フレームで分かれたファイルのCSSを切り替え、更にクッキーに保存する方法はあるのでしょうか？

※フレームで「header.html」、「main.html」の二つのファイルを読み込みます。
※「header.html」でcssを切り替えると「main.html」のcssも切り替わるといったことをやりたいのですがうまくいきません。

↓フレームで2つのhtmlを読み込む
■index.html
<frameset rows="100,*">
<frame src="header.html" name="head">
<frame src="main.html" name="main">
</frameset>

css切り替えは「header.html」で操作をする。
■header.html
<a href="#">スタイル1</a>
<a href="#">スタイル2</a>

ちなみにクッキーに保存するだけ以下のサイトを参考にうまくいきました。
http://coliss.com/articles/build-websites/operation/javascript/1027.html