/*************************
   STANDARD SETTINGS
 *************************/

html, body {
  height: 100%;
}

html, body, div {
  margin: 0;
  padding: 0;
  border: none;
}

p, h1, h2, h3, h4, h5, h6, address, blockquote {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
}

ul, ol {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  padding-top: 0;
  padding-right: 0; 
  padding-bottom: 0; 
}

/*************************
   LAYOUT
 *************************/

.clear { clear: both; }

#container {
  min-height: 100%;
  background-repeat: repeat-y; /*** This is our faux columns ***/
}
* html #container {
  height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/***
  div#inner is wider than its container, div#outer, and so overlaps to the right, pushing
  div#right into the proper position. IE expands div#outer instead, requiring a Tan hack to avoid 
  blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
* html #inner {
  width: 100%;
}

#float-wrap {
  float: left;
}

#center {
  position: relative;  /*** needed for the fixed "background" image and required by IE ***/
  float: right;
  z-index: 20;
}

/***
  div#left is in div#float-wrap, and when div#float-wrap is neg margined to the left, 
  div#left is carried over into the proper position. 
 ***/
#left {
  position: relative;  /*** needed for the fixed "background" image and required by IE ***/
  float: left;
  z-index: 20;
}

#right {
  position: relative;  /*** needed for the fixed "background" image and required by IE ***/
  float: right; 
  z-index: 20;
}

/***
  static "background" images for our columns
 ***/
#bgLeft, #bgCenter, #bgRight {
  left: 0;
  position: absolute;
  z-index: 10;
}

/*************************
   BASIC STYLES
 *************************/

#content h2 {
  font-size: 110%;
}

#content h3, #content h4, #content h5,#content h6 {
  font-size: 100%;
}

#menu ul {
  padding-left: 0;
  /* margin-left: 1em; */
  margin-bottom: 0;

  list-style-type: none;
  margin-left: 0;
}

#menu .level1 li {
  margin-bottom: 30px;
}

#menu a {
  text-decoration: none;
}

#menu .level2 {
  font-size: 90%;
  font-weight: normal;
}

#menu ul.level2 {
  margin-bottom: 0.5em;
}

#menu .level2 li {
  margin-bottom: 0;
}

#menu .level3 {
  font-size: 90%;
  font-weight: normal;
}

#configColHeader .item, #configColFooter .item {
  float: left;
  margin-right: 10px;
}