/* layout5 demo: CSS-controlled layout (default) */

html, body {
  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;
}
a:hover {
  color: #009;
}

/* Page-Structure rules */

#idPage {
  /* Layout */
  margin: 30px;
  padding: 0;
  /* Style */
  background: #F9F; /* same bg as main col */
  border: 2px solid #000;
}
#idHeader {
  /* Layout */
  height: auto;
  margin: 0;
  /* Style */
  padding: 10px;
  background: #9FF;
}
#idColumns {
  /* Layout */
  position: relative;
  margin: 0;
  padding: 0;
  /* Style */
  background: transparent;
}
#idMainColumn {
  /* Layout */
  margin: 0 0 0 270px;
  /* Style */
  padding: 10px;
  background: #F9F;
}
#idSideColumn {
  /* Layout */
  float: left;
  width: 250px;
  margin: 0;
  /* Style */
  overflow: auto;
  padding: 10px;
  background: #FF9;
}
#idFooter {
  /* Layout */
  clear: both;
  height: auto;
  margin: 0;
  /* Style */
  padding: 10px;
  background: #9FF;
}