body {background-color:#9999cc; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small ; font-weight: normal; 
color: #000000; 
background-image: url('border.gif');
background-repeat: repeat-y
}

a:link  { color: #333366; font-weight: bolder; text-decoration: none }
a:visited { color: #333366; font-weight: bolder; text-decoration: none }
a:hover { color: #333366; text-decoration: underline } 

img.header { float: left; margin: 0; margin-left: 0; }
img.stock { border: 1pt solid #333333 }
img.update { border: 1pt solid #333333 }

blockquote { color: #666666; width: 85%; padding: 1em; border: 1pt solid #9999CC}

h2 { font-size: x-small; font-weight: bold }
h1 { font-size: x-small; text-transform: capitalize; letter-spacing: 5px; }
hr {color: #9999CC; width: 85%; height: 1px}

/*  The no-table code using css */

div.container { width: 735px;
margin:0px; margin-left: 1.5em;
border:0px solid #ffffff;
line-height:140%;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small ; font-weight: normal; 
color: #333333 }

div.header { padding:0;
color: #666666;
background-color: #ffffff; position: absolute;
top: 0px;
left: 57px; }

div.footer { padding:0;
color: #666666;
background-color: #ffffff;
clear: left; margin-left: 60px; margin-right: 50px; font-size: 8pt; position: absolute;
bottom: 0px;
}

div.left { float:left;
width:160px;
margin:0;
padding:1em; 
position: absolute; top: 225px; left: 57px }

div.content { margin-left: 180px; margin-top: 210px; border-left: 2px solid #9999cc; padding:1em;  }
/*margin-left: 180px; margin-top; 400px;*/
/* Just in case I ever want to use a table again 

td.left {font-size: xx-small; color: #6699cc; font-weight: bold; padding-left: 10pt; background-color: #336699}
td.right {font-size: x-small; color: #000000; padding: 10pt}

table { position: absolute;
top: 0px;
left: 0px }

table.sepwall { position: static } */