<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Three Col Elastic Layout</title>
<style type="text/css"> 
<!--
 
/* Pretty Stuff
================================== */
 
/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}
 
body {
  font-family: "Georgia, "Times New Roman", Times, serif;
  line-height: 1.6;
  background-color:#8fbc8f;
}
 
h1 {
  font-size: 2.8em;
  font-weight: normal;
}
 
h2 {
  font-size: 2.4em;
  font-weight: normal;
}
h3 {
  font-size: 2.1em;
  font-weight: normal;
}
 
p, li {
  font-size: 1.8em;
}
 
h1, h2, h3, p {
  margin: 1.4em .4;
}
 
 
 
#wrapper {
  background-color: #fff;
}
 
#branding {
  height: 175px;
  background-color:#2e8b57;
  padding: 20px;
}
 
#branding h1 {
  margin: 0;
}
 
#mainNav {
  list-style: none;
  background-color:#eee;
}
 
#secondaryContent {
  background-color:#eee;
}
 
#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
}
 
#secondaryContent p {
  font-size: 1.2em;
}
 
#footer {
  background-color:#2e8b57;
  padding: 1px 20px;
}
 
/* The Core Technique
================================= */
 
body {
  font-size: 62.5%;
  text-align: center;
}
 
#wrapper {
  width: 80em;
  margin: 0 auto; 
  text-align: left;
}
 
#mainNav { 
  width: 12em; 
  float: left; 
}
 
#content { 
  width: 60em; 
  float: right; 
}
 
#mainContent { 
  width: 38em; 
  float: left; 
}
 
#secondaryContent { 
  width: 18em;
  float: right; 
} 
 
#footer { 
  clear: both; 
} 
 
/* Add some padding
================================== */
 
#mainNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}
 
#mainNav *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}
 
#mainNav * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}
 
 
-->
</style>
</head>
 
   