.layout-content
{
  width: auto;
  margin-top: 1em;
}


.layout-content ul
{
  list-style: disc;
  margin-left: 15px;
}


.layout-two-column-left, .layout-three-column-left
{
  float: left;
  width: 205px;               /* CONFIG: Set this to the width required of the left column */
  margin-top: 15px;
  margin-bottom: 10px;        /* In case the left column is longer than the content area, we want to make sure the footer doesn't abutt against the left column */
}


.layout-two-column-right, .layout-three-column-right
{
  margin: 0px 0px 0px 205px;  /* CONFIG: This value should be the same as the width of the left column */
  _height: 1%;                /* Hack to fix the <= IE6 3px jog */
}


.layout-three-column-right .layout-content
{
  margin-right: 185px;        /* CONFIG: This value should be the same as the width of the sidebar column + maring from the right column*/
}


.layout-banner
{
  height: 129px;              /* CONFIG: Set this value to the height of the banner graphic */
  background-color: #324C81;
}


.layout-banner .base-valign-table
{
  width: auto;
  padding-left: 205px;        /* CONFIG: Set this value to the width of the banner graphic + 20px (or alternative padding number) */
}

.layout-banner h1
{
  width: 340px;               /* Fixed width set to bypass IE7 render issue.  This width gives a 20px margin on teh right side */
  font-size: 15px;
  color: #ffffff;
}


.layout-banner .banner-graphic
{
  float:left;
  margin-right: 20px;         /* Space between the graphic and the accompanying text */
  position: absolute;
}


.layout-sidebar
{
  float: right;
  width: 175px;               /* CONFIG: Set this value to the width of the rigth sidebar */
  margin-top: 1em;
}