OK. It is only cos you are the forum "Don" that I will post that amount of code. I know I have to convert it to shorthand css but that come come once I get the formatting. Also in this case it is not a 3 column approach only two:
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
body { margin-top: 0px;
margin-right: 0px;
margin-left: 0px}
#Top {
left: 0px;
top: 0px;
height: 70px;
width: 100%;
position: absolute;
visibility: visible;
background-color: #FFCCFF;
vertical-align: middle;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding-bottom: 1px;
padding-top: 17px
}
#TopMenu {
position:absolute;
left:0px;
top:70px;
width:100%;
height:30px;
z-index:2;
background-color: #FF99CC;
layer-background-color: #FF99CC;
border: 1px #000000 none;
padding-bottom: 2px; padding-top: 2px;
text-align: center
}
#LeftMenu {
position:absolute;
left:0px;
top:100px;
width:150px;
height:300px;
z-index:3;
}
#LeftMenu p{
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
color: #000000
}
#Content {
position:absolute;
left:160px;
top:100px;
width:60%;
height:400px;
z-index:4;
background-color: #FFFFFF;
layer-background-color: #CCCCCC;
border: 1px #000000 none;
padding-top: 10px;
padding-left: 10px
}
#TopMenu a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
color: #FFFFFF;
padding-left: 2%;
padding-right: 2%;
font-weight: bold;
align: center
}
#TopMenu a {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
color: #FFFF00;
padding-left: 2%;
padding-right: 2%;
font-weight: bold
}
.Mtitle {
width: 100%;
font-size: x-small;
display: block;
padding-left: 1px;
padding-top: .1px;
padding-right: 1px;
padding-bottom: 1px;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
color: #000000;
background-color: #FF99FF;
text-decoration: none;
font-weight: bold
}
#LeftMenu a {
width: 100%;
font-size: x-small;
display: block;
padding-left: 1px;
padding-top: .1px;
padding-right: 1px;
padding-bottom: 1px;
border-right: #000000 1px solid;
border-bottom: #000000 1px solid;
border-left: #000000 1px solid;
color: #000000;
text-decoration: none;
}
#LeftMenu a:hover {
background-color: #FFCCFF;
}
#LeftMenu a:visited {
color: #000000;
}
-->
</style>
</head>
<body>
<div id="Top"></div>
<div id="TopMenu">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
</div>
<div id="LeftMenu">
<font class="Mtitle">Menu</font>
<a href="#">Algebra</a>
<a href="#">Geometry</a>
<a href="#">Topology</a>
<a href="#">Another</a> <br>
</div>
<div id="Content">
<h1>Heading 1</h1>
<p>Paragraph 1</p>
</div>
</body>
</html>
