/* layout4 demo */

html, body {
  overflow: hidden; /* no scrollbars on window */
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #000;
  background: #FFF;
  font-family: verdana,arial,helvetica,sans-serif;
}

li {
  margin-bottom: .5em;
}

h1 {
  font-size: x-large;
  font-weight: bold;
}
h2 {
  font-size: large;
  font-weight: bold;
}
h3 {
  font-size: medium;
  font-weight: bold;
}

a {
  color: #000;
  font-weight: normal;
}
a:hover {
  font-weight: bold;
}

/* Page-Structure rules */

#idPage {
  /* Layout */
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  /* Style */
  background: #FFF;
}
#idHeader {
  /* Layout */
  position: relative;
  overflow: hidden;
  height: auto;
  margin: 0;
  /* Style */
  padding: 10px;
  background: #966;
}
#idColumns {
  /* Layout */
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  /* Style */
  background: transparent;
}
#idMainColumn {
  /* Layout */
  position: absolute;
  margin: 0;
  /* Style */
  overflow: auto;
  padding: 10px;
  background: #696;
}
#idSideColumn {
  /* Layout */
  position: absolute;
  margin: 0;
  /* Style */
  overflow: auto;
  padding: 10px;
  background: #669;
}
#idFooter {
  /* Layout */
  position: relative;
  overflow: hidden;
  height: auto;
  margin: 0;
  /* Style */
  padding: 10px;
  background: #966;
}