/* layout6d.css
   Slideout Menu with 5-Column CSS Layout
   Cross-Browser.com
*/

body {
  margin: 0;
  padding: 0;
  font: medium verdana, arial, sans-serif;
  color: #000;
  background: #CCC;
}
h1 {
  margin: 0;
  padding: 0;
  font-size: large;
}
h2 {
  margin: 0;
  padding: 0;
  font-size: medium;
  font-weight: normal;
}
h3 {
  font-size: small;
}
p {
  margin-top: 1em;
  margin-bottom: 0;
}
.fw {
  font-weight:bold;
}

/* Layout Rules */

#Page {
  position: relative;
  overflow: hidden;
  margin: 20px 40px;
  padding: 0;
}
#Header, #Footer {
  background-color: #3CF;
  text-align: center;
  margin: 0;
}
#Header {
  height: 60px;
  padding: 20px 0 0 0;
}
#Footer {
  position: relative;
  z-index: 10;
  height: 40px;
  padding: 16px 0 0 0;
  font-size: small;
  font-weight: bold;
}
#Columns {
  position: relative;
  overflow: hidden;
  width: 100%; /* ? needed for IE6 ? */
  margin: 0;
  padding: 0;
  background-color: #F99; /* transparent or same as left/right columns */
}
#LeftBorder, #RightBorder {
  background-color: #FFF;
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  width: 25px;
  height:100%;
}
#LeftBorder {
  left: 0;
  z-index: 2;
}
#RightBorder {
  right: 0;
}
#CenterColumn {
  background-color: #6F6;
  padding: 0;
  margin: 0;
  margin-left: 175px;
  margin-right: 175px;
}
#LeftColumn, #RightColumn {
  background-color: #F99;
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  height:100%;
  font-size: small;
}
#LeftColumn {
  left: 25px;
  width: 150px;
}
#RightColumn {
  right: 25px;
  width: 150px;
}
#LeftContent, #CenterContent, #RightContent {
  margin: 0;
  padding: 10px;
}