<style type="text/css">      
<!--http://articles.sitepoint.com/article/css-1-getting-lay-land/6{  }
<!--background-image: url('images/silk.jpg'); -->
<!--      
body {      
      
 margin: 20px;      
 padding: 0;      
 font-size: .8em;      
 font-family: verdana, arial, helvetica, sans-serif      
}      
h1 {      
 font-family: verdana, arial, helvetica, sans-serif;      
 margin: 0 0 15px 0;      
 padding: 0;      
 color: #888;      
}      
h2 {      
 font-family: verdana, arial, helvetica, sans-serif;      
 margin: 0 0 5px 0;      
 padding: 0;      
 font-size: 1.1em;      
}      
p {      
 font-family: verdana, arial, helvetica, sans-serif;      
 line-height: 1.1em;      
 margin: 0 0 16px 0;      
 padding: 0;      
}      
.content>p {      
 margin: 0;      
}      
.content>p+p {      
 text-indent: 22px;      
}      
a {      
 color: teal;      
 font-family: verdana, arial, helvetica, sans-serif;      
 font-weight: 600;      
 text-decoration: none;      
}      
a:link {      
 color: teal;      
}      
a:visited {      
 color: teal;      
}      
a:hover {      
 background-color: #bbb;      
}      
/* All the content boxes belong to the content class. */      
.content {      
 position: relative;      
 width: auto;      
 min-width: 120px;      
 margin: 0 210px 20px 170px;      
 border: 1px solid black;      
 background-color: white;      
 padding: 10px;      
 z-index: 3;      
}      
#navleft {      
 position: absolute;      
 width: 128px;      
 top: 20px;      
 left: 20px;      
 font-size: 0.9em;      
 border: 1px dashed black;      
 background-color: white;      
 padding: 10px;      
 z-index: 2;      
}      
#navright {      
 position: absolute;      
 width: 168px;      
 top: 20px;      
 right: 20px;      
 border: 1px dashed black;      
 background-color: #eee;      
 padding: 10px;      
 z-index: 1;      
}      
-->      
</style>

  
