Jak zrobic aby po kliknieciu w lewe menu kolor podswietlenia nie nie znikal z prawego menu?

index z podzialem na freme lewa prawa

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-2">
<title></title>
</head>

<frameset cols="237,*">
<frame name="lewa" noresize src="01.html">
<frame name="prawa" noresize src="02.html">
<noframes>

<body bgcolor="#ffffff">
<p></p>
</body>

</noframes>
</frameset>

</html>
................................................................................
...................
lewa wyswietla sie podzial:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-2">
<title></title>
<style type="text/css">
<!--
body { font-size: 10px; color: black; font-family: Verdana, Arial }
td { color: #002E3F; font-size: 13px; font-family: Verdana, Arial }
a:link {color: #002E3F; text-decoration:none}
a:visited {color: #002E3F; text-decoration: none}
a:hover.klasa {color: #CC3300; text-decoration: none}
a:active {color: #CC0000; text-decoration: none}
-->
</style>
</head>

<body bgcolor="#ffffff" link="black" vlink="black">
<p><a href="a.html" target="lewa">1</a></p>
<p><a href="b.html" target="lewa">2</a></p>
<p><a href="c.html" target="lewa">3</a></p>
<p><a href="d.html" target="lewa">4</a></p>
<p></p>
</body>

</html>
................................................................................
...................
prawa wyswietla sie:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-2">
<title></title>
<script type="text/javascript">
<!--
function displayWindow(url, width, height) {
var Win = window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',resizable=0,scrollbars=yes,menubar=no,left=0,top=0' );
Win.focus()
}
//-->
</script>
</head>
<style type="text/css">
<!--
body { font-size: 10px; color: black; font-family: Verdana, Arial }
td { color: #002E3F; font-size: 13px; font-family: Verdana, Arial }
a:link {color: #002E3F; text-decoration:none}
a:visited {color: #002E3F; text-decoration: none}
a:hover.klasa {color: #CC3300; text-decoration: none}
a:active {color: #CC0000; text-decoration: none}
-->
</style>
<body bgcolor="#ffffff">
<p><a href="java script:displayWindow('za_pop_1.html',390,600)" >a</a></p>
<p><a href="java script:displayWindow('za_pop_1.html',390,600)">b</a></p>
<p><a href="java script:displayWindow('za_pop_1.html',390,600)">b</a></p>
<p><a href="java script:displayWindow('za_pop_1.html',390,600)">d</a></p>
</body>

</html>