/******
 *
 * CSS for a 3 column layout
 *
 */

.layout-three-column .content-right-column
{
  width: 100%;
  overflow: hidden;		                              /* This chops off any overhanging divs */
  position: relative;	                	            /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear: both;
  float: left;
  margin-bottom: 10px;                              /* CONFIG: (1) With the 3 column layout, this number should be the same as the footer margin-top value */

  /*background:#FFFF99;  	                            /* Right column background color */
}

.layout-three-column .content-middle-column
{
  width: 200%;
  float: left;
  position: relative;
  right: 100%;

  margin-left: -215px;                /* CONFIG: (2) Width of right column */

  /*background: #F0F0F0;                              /* Middle column background color */
  border-right: 1px solid #AA9E90;
}

.layout-three-column .content-left-column
{
  width: 100%;
  float: left;
  position: relative;
  margin-left: -50%;
  left: 730px;         	          /* CONFIG: (3) Left column width + right column width */

  /*background: #FFD8B7;                              /* Left column background colour */
  border-right: 1px solid #AA9E90;
}

.layout-three-column .content-middle-wrapper
{
  float: left;
  width: 50%;
  position: relative;
  right: 515px;                       /* CONFIG: (4) Width of left column */
  /*padding-bottom: 5px;                            /* Middle column bottom padding. Leave it out if it's zero */
}

.layout-three-column .content-middle
{
  /* CONFIG: (5) Middle column side padding:
            Top padding
            Right padding = right column width + middle column right padding width
            Bottom padding
            Left padding = left column width + middle column left padding width
            margin: 0px (right column width + middle column right padding)px 0px (Left column width + middle column left padding)px
  */
  margin: 0px 230px 0px 530px;
  position: relative;
  left: 200%;
  overflow: hidden;
  padding-top: 15px;	/* Padding added here to allow columns to abutt against banner */
}

.layout-three-column .content-left
{
  float: left;
  float: right;			                                /* This overrides the float:left above */
  width: 485px;           /* CONFIG: (6) Width of left column content (left column width minus left and right padding) */
  position: relative;
  right: 15px;                     /* CONFIG: (7) Width of the left-hand side padding on the left column */
  padding-top: 15px;	/* Padding added here to allow columns to abutt against banner */
}

.layout-three-column .content-right
{
  float: left;
  float: right;			                                /* This overrides the float: left above */
  margin-right: 35px;  /* CONFIG: (8) Width of right column right-hand padding + left column left and right padding */
  width: 195px;           /* CONFIG: (9) Width of right column content (right column width minus left and right padding) */
  position: relative;
  left: 50%;
  padding-top: 10px;	/* Padding added here to allow columns to abutt against banner */
}