Untitled

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>

<style>

body
{
  font-family: Helvetica, Arial, Sans-Serif;
}

#policy:hover
{
  font-weight: bold;
}

#mainframe{
  height:400px;
  width:610px;
  float:right;
  overflow:auto;
  border:none;
}

#layout-container
{
  width:800px;
}

</style>
<script>

$(function()
{
   $("selettore_css").on("click", function() { $(this).css("font-weight", "bold"); }
})

</script>

</head>

<body>
<div id="layout-container">

  <ul id="navigation">
    <div id="#policy"><li><a href="policy1.html"  target="mainframe">policy 1</a></li></div>
    <div id="#policy"><li><a href="policy2.html"  target="mainframe">policy 1</a></li></div>
    <div id="#policy"><li><a href="policy3.html"  target="mainframe">policy 1</a></li></div>
  </ul>

<iframe id="mainframe" name="mainframe" src="policy1.html" allowtransparency="true"></iframe>
</div>


</body>
</html>