<html> <head> <style> h1 {margin-top:00px; margin-right:10px; margin-left:10px; font-family: Arial; padding-left:00px; padding-top:5px; text-indent: 0pt; color: #000; font-size:12px; } A:link {text-decoration: none} A:visited {text-decoration: none} A:active {text-decoration: none} </style> <script type="text/javascript"> function setHeight(primary, secondary, page) { //parent.document.getElementById('4_t').height = document['body'].offsetHeight; parent.document.getElementById(primary).style.display = 'block'; parent.document.getElementById(primary).style.height = '550px'; parent.document.getElementById(primary).style.top = '14px'; if(page!='none') { parent.document.getElementById(primary).src=page; } parent.document.getElementById(secondary).style.top = '320px'; parent.document.getElementById(secondary).style.display = 'none'; } function resetHeight() { parent.document.getElementById('3_v').style.display = 'block'; parent.document.getElementById('3_v').style.height = '300px'; parent.document.getElementById('3_v').style.top = '14px'; parent.document.getElementById('4_t').style.display = 'block'; parent.document.getElementById('4_t').style.height = '250px'; parent.document.getElementById('4_t').style.top = '320'; } </script> </head> <body bgcolor="#ffffff"> <h1> <a href = "javascript:;" onclick="setHeight('4_t', '3_v', '4_text/3.html' )">The Circular Ruins </a><br> <p> <a href = "javascript:;" onclick="setHeight('4_t', '3_v', '4_text/1.html' )">Mathematics and the New Physics </a><br> <p><a href = "javascript:;" onclick="setHeight('4_t', '3_v', '4_text/2.html' )">The Aleph </a><br> </h1>