html,
body {
   margin:0;
   padding:0;
   height:100%;}

.col1wide, .col2wide, .col3wide, .col4wide, .col5wide, .col6wide, .col7wide, .col8wide, .col9wide, .col10wide, .col11wide, .col12wide {
	float: left;
	padding: 0;
	margin: 0;
}


/* ---- MARGIN WIDTHS ---- */

.margin-left {
	margin-left: 12px;
}

.margin-right {
	margin-right: 12px;
}

.margin-left-big {
	margin-left: 15px;
}

.margin-right-big {
	margin-right: 15px;
}

.padding-right-big {
	padding-right: 15px;
}

.padding-left-big {
	padding-left: 15px;
}

/* ---- COLUMN WIDTHS ---- */

.col1wide {
	width: 69px;
}

.col2wide, .innerCol2wide {
	width: 150px;
}

.col3wide {
	width: 231px;
}

.col4wide {
	width: 312px;
}


.col5wide {
	width: 393px;
}

.col6wide {
	width: 474px;
}

.col7wide {
	width: 555px;
}

.col8wide {
	width: 636px;
}

.col9wide {
	width: 717px;
}

.col10wide {
	width: 798px;
}

.col11wide {
	width: 879px;
}

.col12wide {
	width: 960px;
}

.extraWide {
	width: 975px;
}

.centered {
	margin: 0 auto 0 auto;
	float: none;
	display: block;
}

.clear-both {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.clear-right {
	clear: right;
	margin-right: 0px;
}
.clear-left {
	clear: left;
	margin-left: 0px;
}


.fullwide {
 	margin: 0 auto;
	width: 990px;
 
}

.reallywide {
	display: block;
	width: 990px;
	margin: 0 auto; clear:left;
}

/*test for extra ten padding in right rail*/
.rightRail .component {margin: 20px 0px 20px 12px;}



/* Clearfixing */
.col1wide:after, .col2wide:after, .col3wide:after, .col4wide:after, .col5wide:after, .col6wide:after, .col7wide:after, .col8wide:after, .col9wide:after, .col10wide:after, .col11wide:after, .col12wide:after, .fullwide:after, .reallywide:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:0;
}

/* IE7 fix for same */
.col1wide, .col2wide, .innerCol2wide, .col3wide, .col4wide, .col5wide, .col6wide, .col7wide, .col8wide, .col9wide, .col10wide, .col11wide, .col12wide, .fullwide, .reallywide {
	zoom: 1;
}
 

/* I can't believe that we have to use this following style.
Useful only on pages that are mis-configured, and the configuration
cannot be resolved on the developers' side of things. */
.fullwide .fullwide { width:auto; }
.reallywide .reallywide {
	margin:0;
}


   
/*footer*/
.fullwide {
   min-height:100%;
   position:relative;
}

.col12wide { 
   padding-bottom:270px;   /* Height of the footer */
}
.reallywide.footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:231px;   /* Height of the footer */
   background:#333;
}