/******
 *
 * 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: 405px;         	          /* 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: 190px;                       /* 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 205px;
  position: relative;
  left: 200%;
  overflow: hidden;
  padding-top: 15px;	/* Padding added here to allow columns to abutt against banner */
  padding-bottom: 15px;	/* Add padding to the bottom of the column to prevent the footer from butting up against the content */
}

.layout-three-column .content-left
{
  float: left;
  float: right;			                                /* This overrides the float:left above */
  width: 180px;           /* CONFIG: (6) Width of left column content (left column width minus left and right padding) */
  position: relative;
  right: 5px;                     /* 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 */
  padding-bottom: 15px;	/* Add padding to the bottom of the column to prevent the footer from butting up against the content */
}

.layout-three-column .content-right
{
  float: left;
  float: right;			                                /* This overrides the float: left above */
  margin-right: 15px;  /* 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 */
  padding-bottom: 15px;	/* Add padding to the bottom of the column to prevent the footer from butting up against the content */
}

/******
 *
 * CSS for a 2 column layout based on a 3 column layout with the right column at size 0
 *
 */
.layout-two-column-mod .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-two-column-mod .content-middle-column
{
  width: 200%;
  float: left;
  position: relative;
  right: 100%;

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

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

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

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

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

.layout-two-column-mod .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 15px 0px 205px;
  position: relative;
  left: 200%;
  overflow: hidden;
  padding-top: 15px;	/* Padding added here to allow columns to abutt against banner */
  padding-bottom: 15px;	/* Add padding to the bottom of the column to prevent the footer from butting up against the content */
}

.layout-two-column-mod .content-left
{
  float: left;
  float: right;			                                /* This overrides the float:left above */
  width: 180px;           /* CONFIG: (6) Width of left column content (left column width minus left and right padding) */
  position: relative;
  right: 5px;                     /* 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 */
  padding-bottom: 15px;	/* Add padding to the bottom of the column to prevent the footer from butting up against the content */
}

.layout-two-column-mod .content-right
{
  float: left;
  float: right;			                                /* This overrides the float: left above */
  margin-right: 10px;  /* CONFIG: (8) Width of right column right-hand padding + left column left and right padding */
  width: 0px;           /* 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 */
}

/******
 *
 * CSS for a 2 column layout
 *
 */
.layout-two-column .content-left-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 2 column layout, this number should be the same as the footer margin-top value */

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

.layout-two-column .content-right-column
{
  width: 200%;
  float: left;
  position: relative;
  left: 190px;                        /* CONFIG: (2) Width of left column */

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

.layout-two-column .content-left
{

  width: 180px;
  float: left;
  position: relative;
  right: 185px;       	        /* CONFIG: (3) Left column width - left column left padding */
  border-right: 1px solid #AA9E90;
  padding-top: 15px;
}

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

.layout-two-column .content-right
{
  /* CONFIG: (5) Middle column side padding:
            Top padding
            Right padding = right column right padding width
            Bottom padding
            Left padding = left column width + right column left padding width
            margin: 0px (right column right padding)px 0px (Left column width + right column left padding)px
  */
  margin: 0px 5px 0px 195px;
  position: relative;
  right: 100%;
  overflow: hidden;
  padding-top: 15px;
}


/******
 *
 * CSS for the banner in each section
 *
 */
.layout-banner
{
  position: relative;
  height: 125px;              /* CONFIG: Set this value to the height of the banner graphic */
  /*margin-top: 10px;*/
  /*background-color: #324C81;*/
  border-top: 1px solid #AA9E90;
  border-bottom: 1px solid #AA9E90;
}

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

.layout-banner h1
{
  font-size: 15px;
  color: #000000;
  margin: 0px;
}


.layout-banner .banner-graphic
{
  float: right;
  /*margin-left: 20px;         /* Space between the graphic and the accompanying text */
  padding: 0px;
  margin: 0px 0px 0px 20px;
  z-index: 10;
}

.layout-banner .banner-graphic img
{
  vertical-align: bottom;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.layout-banner .background
{
  position: absolute;
  float: left;
  width: 785px;               /* This just needs to be large enough to go underneath the banner graphic */
  height: 125px;              /* CONFIG: Set this value to the height of the banner graphic */
}

.layout-banner .banner-quote
{
  float: right;
  position: relative;
  width: 50%;
  text-align: right;
  z-index: 10;
}

.layout-banner .banner-quote table
{
  text-align: right;
  width: 100%;
  height: 125px;
}

.layout-banner .banner-quote table td
{
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 10pt;
  font-style: italic;
}

/*
.layout-banner .banner-quote span
{
  color: #FFFFFF;
  font-size: 10pt;
  font-style: italic;
}
*/

.layout-banner .banner-quote span cite
{
  margin-top: 6px;
  display: block;
  text-align: right;
  font-size: 8pt;
  font-style: normal;
}

.layout-banner .banner-quote span cite:before
{
  content: "\2014";
}

.layout-banner .base-valign-table
{
  position: relative;
  z-index: 10;
}