<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

<!--
  This template demonstrates 2 column flexible web page layout
  implementation using css and no tables.
-->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Flexible 2 column CSS layout</title>

<style type="text/css">
/* <![CDATA[ */

html {
  padding:0px;
  margin:0px;
}

body {
  font-family: Georgia, Serif;
  padding: 0px 20px;
  margin: 0px;
}

#menu {
  position: absolute;
  width: 150px;
  left: 20px;
  padding:20px;
  margin:0px;
  background: #FFFFCC;
  border: 1px dashed #CCCCCC;
}

#menu a {
  font-size:12px;
  line-height:2;
}

#content {
  margin-left: 205px;
  overflow: auto;
  background: #F5F5F5;
  padding: 0px 10px 10px 10px;
}

h1 {
  font-size:large;
  padding-top: 10px;
}

/* ]]> */
</style>
</head>

<body>

<br />

<div id="menu">
<a href="#">Link number one</a><br>
<a href="#">Today I saw the sun</a><br>
<a href="#">Hyperlinks are good</a><br>
<a href="#">I was in the wood</a><br>
<a href="#">Make a single click</a><br>
<a href="#">Animals run quick</a><br>
<a href="#">Now it is too late</a><br>
<a href="#">Dot net tech I hate</a><br>
<a href="#">And more</a>
</div>

<div id="content">
<h1>Content</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</p>
</div>


</body>
</html>

