/* <!-- */
/* 
	This file contains the base CSS properties that are established to work well with most, if not all, modern browsers.
	Any browser specific fix's should be applied in their associated css files.
	No colours should be applied in this file.
*/
	/* General styles */
		
		/* These are the main page elements */
			body {
				margin:0;
				padding:0;
				border:0;			/* This removes the border around the viewport in old versions of IE */
				width:100%;
				min-width:54.4em;	/* Minimum width of layout - remove line if not required .The min-width property does not work in old versions of Internet Explorer */
				font-size:0.625em;	/* Set up the EM scale so at there is 1em to every 10 pixels. eg. 120 pixels = 12em */
				text-align: center;
			}
			.extWrapper {
				margin-left: auto;
				margin-right: auto;
				width: 778px;
				text-align: left;
			}
			.extHeader {
				/* Not much going on here at the moment */
			}
			.extFooter {
				clear:both;
				float:left;
				width:100%;
			}
			.extOuter {
				position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
				clear:both;
				float:left;
				width:100%;				/* width of whole page */
				overflow:hidden;		/* This chops off any overhanging divs */
			}

		/* This section controls the 3 column setup */
			.sw3column .extInnerMid {
				float:left;
				width:200%;
				margin-left:-30em; 		/* Width of right column */
				position:relative;
				right:100%;
			}
			.sw3column .extInnerLeft {
				float:left;
				width:100%;
				margin-left:-50%;
				position:relative;
				left:46em;         		/* Left column width + right column width */
			}
			.sw3column .extCenter {
				float:left;
				width:50%;
				position:relative;
				right:16em;        		/* Width of left column */
				padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
			}
			.sw3column .extBody {
				margin:0 30em 0 16em;	/* Centre column side padding */
				position:relative;
				left:200%;
				overflow:hidden;
			}
			.sw3column .extLeft {
				float:left;
				float:right;			/* This overrides the float:left above */
				width:16em;        		/* Width of left column content (left column width minus left and right padding) */
				position:relative;
				right:0em;         		/* Width of the left-had side padding on the left column */
			}
			.sw3column .extRight {
				float:left;
				float:right;			/* This overrides the float:left above */
				width:30em;        		/* Width of right column content (right column width minus left and right padding) */
				margin-right:0em;  		/* Width of right column right-hand padding + left column left and right padding */
				position:relative;
				left:50%;
			}
		
		/* This section controls the 2 column layout */
		    .sw2column .extInnerRight {
				float:left;
				width:200%;
				position:relative;
				left:0;
		    }
		    .sw2column .extCenter {
				float:right;
				width:50%;
				position:relative;
				right:0;
			}
			.sw2column .extBody {
				margin:0 30em 0 0;
				position:relative;
				right:100%;
				overflow:hidden;
			}
		    .sw2column .extRight {
				float:right;
				width:30em;
				position:relative;
				right:0;
		    }
		
		/* The following control various padding throughout the page */
			.extSectionPadding {} /* This controls the padding of all the main areas. The below control each individually */
			.swRightColumn {}
			.swLeftColumn {}
			.swContentColumn { padding: 0.6em; }
			.swHeaderColumn {}
			.swFooterColumn {}

/* --> */