body {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#wrapper {
width: 80%;
background-color:#FFFFFF;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: thin solid #000000;
}
div#header {
padding: 15px;
margin: 0px;
text-align: center;
}
div#nav {
width: 25%;
padding: 10px;
margin-top: 1px;
float: left;
}
div#main {
margin-left: 30%;
margin-top: 1px;
padding: 10px;
}
div#footer {
padding: 15px;
margin: 0px;
border-top: thin solid #000000;
}
-->
</style>

3. Create the side navigation menu - to build the left side navigation I use the normal CSS code for the different links ie

a:link {
font:Arial, Helvetica, sans-serif;
color:#000099;
font-size:14px;
}
a:visited {
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#990066;
}
a:hover {
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#990066;
}
a:active {
text-decoration: none;
}


h1 {font:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#009933;
	font-style:normal;
	font-weight:bold;
	}
	
h2 {font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003333;
	font-style:normal;
	font-weight:bold;
	}