/* 2 Column CSS Template -- Fixed size header, footer & left columns.  Right column grows
 * vertically & horizontally.
 *
 * By Paul Kirkaas, 2008.
 */


* {margin: 0px;  padding: 0px;}

html {
  background: transparent;
/*
  height: 100%;
*/
}

body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:980px;
  height: 100%;
  margin: auto;
  background: transparent;
}


.container {
  background: transparent;
/*
  height: 100%;
  clear: bottom;
*/
}

/* decor -- really the .left column */
.decor {
  background: aqua;
  float: left;
  height: 100%
/*
  width: 170px;
*/
}

/* Contains side & Main column, so the longest stretches it down.  */
.pkcontainer {
  background: red;
  border: 4px solid red;
  overflow: auto;
  clear: both;
  
}

.main {
  background: white;
  height: 100%;
  overflow: auto;
/*
  margin-left: 170px;
  clear: bottom;
  position: relative;
  left: 192px;
  top: 1em;
*/
}

.header {
  background: red;
/* TEST
  top: 0px;
  position: relative;
  height: 130px;
  clear: both;
  overflow: hidden;
  z-index: 100;
*/
}
.footer {
  background: green;
  clear: left;
/* TEST
  margin-bottom -1em;
  position: relative;
  top: 0px;
  margin-top: -90px;
  height: 90px;
  clear: both;
  z-index: 100;
  min-width: 960px;
*/
}