body   { font-size: 10px; background-color: #ffc17f; margin: 0; padding-top: 150px }
div#header  { background-color: #ffc17f; position: absolute; top: 0; left: 0; width: 100%; height: 150px; overflow: hidden }
div#footer  { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; overflow: hidden }
@media screen{
  body>div#header{
   position: fixed;
  }
	body>div#footer { position: fixed }
}
* html body { overflow: hidden }
* html div#content  { height: 100%; overflow: auto }
p   { text-indent: 12pt}
td {}
td.footer { color: white; font-size: 10px; font-weight: bold; background-color: #b00000; padding-top: 1px; padding-bottom: 4px }
a.footer { color: orange; text-decoration: none; letter-spacing: 4px }
a:hover.footer { color: orange; text-decoration: underline }
td.leftBorder { background-color: #ffc17f; background-image: url(images/border_deco_left.gif); background-repeat: repeat-y; background-position: right top }
td.rightBorder { background-color: #ffc17f; background-image: url(images/border_deco_right.gif); background-repeat: repeat-y; background-position: left top }

#navigation { position: fixed; z-index: 10; top: 0; width: 100%; height: 150px }
table  { color: #642d19; font-size: 12px; letter-spacing: 1px }
.textTitle  { font-size: 18px }
a.nav  { color: black; font-family: Tahoma; text-decoration: none }
a:hover.nav { color: yellow; text-decoration: underline }
a { color: #b30100; text-decoration: none }
a:hover { text-decoration: underline }
img.left { margin-right: 20px; float: left }
img.right { margin-left: 20px; float: right }
p.noIndent { text-indent: 0 }
table.testi  { margin: 5px }