﻿/* General styles */
body { margin:0; padding:0; border:0; width:100%; background:#FFFFFF; min-width:1000px; font-size:90%; }

/* Main bar styles */
#header, 
.middlebar, 
#footer { clear:both; float:left; width:100%; }

#footer { margin:10px 0; }

/* columns */
#header, 
.middlebar,
#footer { position:relative; overflow:hidden; }

/* Right column background colour */
#header,
.middlebar,
#footer { background:#FFFFFF; }

#header .middlebar2,
.middlebar .middlebar2,
#footer .middlebar2 { float:left; width:200%; /* Width of right column */margin-left:-200px; position:relative; right:100%; /* Centre column background colour */background:#FFFFFF; }

#header .middlebar3,
.middlebar .middlebar3,
#footer .middlebar3 { float:left; width:100%; margin-left:-50%; position:relative; /* Left column width + right column width */left:400px; }

/* Left column background colour */
#header .middlebar3,
.middlebar .middlebar3,
#footer .middlebar3 { background:#FFFFFF; }

.middlebar .middlebar3 { min-height:600px; height:auto !important; height:600px; }

/* Width of left column */
/* Centre column bottom padding. Leave it out if it's zero */
#header .contentwrap,
.middlebar .contentwrap,
#footer .contentwrap { float:left; width:50%; position:relative; right:200px; }

/* Centre column side padding: 
    Left padding = left column width + centre column left padding width, 
    Right padding = right column width + centre column right padding width */
#header .contentcol,
.middlebar .contentcol,
#footer .contentcol { margin:0 215px; position:relative; left:200%; overflow:hidden; }


/* Width of left column content (left column width minus left and right padding) */
/* Width of the left-had side padding on the left column */
#header .leftcol,
.middlebar .leftcol,
#footer .leftcol { float:left; float:right;	width:200px; position:relative; right:0px; }

/* Width of right column content (right column width minus left and right padding) */
/* Width of right column right-hand padding + left column left and right padding */
#header .rightcol,
.middlebar .rightcol,
#footer .rightcol { float:left; float:right; width:200px; margin-right:0px; position:relative; left:50%; }
