/*
Last Modified on 14th January 2010
Validated on xx January 2010
Settings for Page, Columns, Tables, Boxes and Graphics
File name - align.css
*/

#page { /* Settings for full page width */
	width: 75em;
	margin: 0 auto;
	padding: 1.9em 0 0 0;
}

#content-1 { /* Settings for single panel page */
	width: 75em;
	float: left;
}

#content-2 { /* Settings for LH of two panel page */
	width: 57em;
	float: left;
}

/* Settings for standard table */

table {
	table-layout: auto;
	width: 100%;
	border-width: 1px; /* Table Border - Dark Blue Line */
	border-spacing: 1px; /* Spacing around cells in table - Light Blue */
	border-style: none;
	border-collapse: separate; /* Seperates Cells From Border And Each Other */
	background-color: #1818F7; /* Dark Blue */
	empty-cells: hide;
}

/* Setting for borderless table */

.tablehidden {
	background-color: #F7F7F7; /* Page Background Color -  Hides border */
}

/* Settings for fixed width columns */

.p1{
width:37.5%; /* Left-hand column */
}

.p2{
width:12.5%; /* All subsequent columns */
}

th {
	font-family: "Times New Roman", serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #000099; /* Dark Blue */
	text-align: center;
	line-height: 200%; /* What effect does this have ? */
	padding: 0.5em; /* Space around text in cell */
	border-color: #1818F7; /* Dark Blue */
	background: #F7F7F7; /* Page Background Color */
}

td {
	font-family: "Times New Roman", serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #000099; /* Dark Blue */
	text-align: center;
	line-height: 200%; /* What effect does this have ? */
	padding: 0.5em; /*Space around text in cell */
	border-color: #1818F7; /* Dark Blue */
	background: #F7F7F7; /* Page Background Color */
}

/* Borderless Box Layouts */

.boxa { /* Settings for 2-boxes side by side - LH column */
	position: relative;
	width: 25em;
	padding: 0.315em;
	float: left;
}

.boxb { /* 2-boxes side by side - RH column */
	position: relative;
	width: 25em;
	padding: 0.315em;
	float: left;
}

/* Only used once on website */
 
.box1 { /* 3-boxes side by side - LH column */
	position: relative;
	width: 34%;
	padding: 0.315em;
	float: left;
}

.box2 { /* 3-boxes side by side - Center column */
	position: relative;
	width: 30%;
	padding: 0.315em;
	float: left;
}

.box3 { /* 3-boxes side by side - RH column */
	position: relative;
	width: 32%;
	padding: 0.315em;
	float: left;
}

/* Graphics handling */

img {
	border: none;
}

img.right { /* I WANT TO REMOVE THIS AND USE FLOATIMGRIGHT (BELOW) */
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.floatimgleft {
	float:left;
	margin-top: 0.625em;
	margin-left: 0.625em;
	margin-right: 1.5em;
	margin-bottom: 0.625em;
}

.floatimgright {
	float:right;
	margin-top: 0.625em;
	margin-left: 1.5em;
	margin-right: 0.625em;
	margin-bottom: 0.625em;
}

.center { /* My hack !!! Centers an image in the column */
	text-align: center;
	margin-top: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}