/********** structure.css **********/

html {
	background: url(../template-images/bg-blue-gradient.jpg) repeat-x;			/* Gradient background image, repeated horizontally */
	background-color: #1170A0;					/* Background-colour, matches the bottom of the gradient background image */
}
#container {
	width: 990px;								/* Width of the container */
	margin: auto;								/* Centrally align the container within the browser window */
	height: auto;								/* The height is automatic dependent on content */
	overflow: hidden;							/* Allows us to float elements in the container */
	font-family: Arial, Verdana, Times, serif;	/* Default font families */
	font-size: 0.8em;							/* Default font size */
	color: #383838;								/* Default font colour */
}
a {
	color: #006699;								/* Default hyperlink font colour */
}
.content-top-round img {
	vertical-align: bottom;						/* Fix for IE6: Removes small spacing between top rounded image and content block */
}
#content {
	width: 100%;								/* Main content spans 100% of the container */
	height: auto;								/* Height automatic based on amount of content */
	overflow: hidden;							/* Allows us to float elements in the content block */
	padding-bottom: 2em;						/* Spacing between the bottom of the content block and the footer */
}
#left-column, #middle-column, #right-column {
	float: left;								/* All three columns floated left within content */
	height: auto;								/* Height automatic based on amount of content */
}
#left-column {
	width: 160px;								/* Width of the left hand column */
	margin-right: 10px;
}
#middle-column {
	width: 545px;								/* Width of the middle column */
}
#right-column {
	width: 210px;								/* Width of the right hand column */
}