/**
 * SUPPORT PAGE CSS FOR SKILLS FOR LEARNING
 */

#innerColumnContainer {
	z-index:2;
	width:100%;
}

* html #innerColumnContainer {
	position:relative; /* fix a render bug in IE under certain conditions */
}

#centreColumn {
	margin:0 -1px; /* without this, boxes stop floating next to each other */
}

html>body #centreColumn {width: 100%;} /* firefox needs this, but IE breaks with it */

#mainContent {
	padding:4px 8px;
	padding:0.25rem 0.5rem;
}

#centreColumn {
	float: left;
	position: relative;	/* IE has a display/render bug with non-floated 
				   block elements inside floated block elements. 
				   setting position:relative on the floating
				   element seems to resolve this. */
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}
 
/* Styles for the 'Message Accepted' page */
.messageAccepted p {margin:1em 0;}