/* HTML ELEMENTS
	a
	dd
	dl
	dt
	em
	form
	h1
	h2
	h3
	img
	input
	label
	option
	p
	span
	strong
	table
	td
	textarea
	th
	tr
*/
/* IDs
	acknowledgements
	all
	content
	current-page
	extra1
	extra2
	extra3
	extra4
	extra5
	heading
	info-box
	log-in-box
	organiser
	navigation
*/

/* CLASSES
	badge
	bold-div
	bottom
	button
	central
	check-list-box
	clear-both
	error-message
	information-message
	fifth-column
	first-column
	form-details
	form-label
	fourth-column
	left-column
	navigation-link
	navigation-list
	receipt
	receipt-footer
	receipt-heading
	receipt-sub-heading
	right-column
	second-column
	section-heading
	small-print
	table-row
	thin
	third-column
	top
	zeroth-column
*/


/* ALL */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "trebuchet MS" Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #f1f7ff;
}

#all {
	width: 57em;
	margin: 1em auto;
	background-color: #FFFFFF;
	font-size: .8em;
	border: .05em solid #75778E;
	text-align:left;
	padding: 1em;
}

#organiser {
	padding: .05em;
	height: 11em;
	background-image: url(../images/default/group200x152.png);
	background-repeat: no-repeat;
	background-position: top right;
}

h1 {
	margin-top: 0.5em;
	width: 70%;
	padding-left: .5em;
	font-size: 4em;
	font-family: "Times New Roman", Times, serif;
	color: #000080;
}

h1 a {
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
}

.section-heading {
	display: none;
}

#heading {
	position: relative;
	margin-left: 17.2em;
	top: 6.5em;
	width: 38.8em;
	padding: 0.5em;
	padding-bottom: 0;
	border-top: .05em solid #CCCCCC;
	border-left: .05em solid #CCCCCC;
	border-right: .05em solid #CCCCCC;
}

#content {
	position: relative;
	top: 6.5em;
	margin-left: 17.2em;
	width: 38.8em;
	padding: 0.5em;
	border: .05em solid #CCCCCC;
	border-top: none;
	background-image: url(../images/default/bg_figures.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 8em;
	min-height: 20em;
}

#info-box{
	position: absolute;
	top: 19.65em;
	width: 15em;
	padding: 0.5em;
	margin-right: 42em;
	background-color: #fcfcfc;
	background-repeat: no-repeat;
	background-position: right top;
	border: .05em solid #CCCCCC;
	margin-bottom: 1em;
}  

#acknowledgements {
	padding: 0.5em;
	background-color: #BCBCD0;
	color: #000080;
	text-align: center;
	font-size: .9em;
	border: .05em solid #CCCCCC;
	margin-top: .05em;
}

p {
	margin: 1em .5em;
}

ul, li {
	margin: .5em 1em;
}

h2 {
	font-size: 1.5em;
	padding: 0.5em;
	margin-bottom: 0em;
	color: #800000;
	background-color: #d0bcbc;
	text-align: center;
}

#heading p {
	font-size: .8em;
	margin: 0em;
	padding: 0.5em;
	padding-top: 0;
	color: #800000;
	background-color: #d0bcbc;
	text-align: center;
}


h3 {
	font-size: 1em;
	padding: .5em;
	/* color: #7E0000; */
	color: #800000;
	border: .05em solid #CCCCCC;
	background-color: #F3F3F3;
}

a:link {color: #676D79;}
a:visited {color: #676D79;}
a:hover {color: #820606}
a:active {color: #890000}

h1 a:link {color: #000080;}
h1 a:visited {color: #000080;}
h1 a:hover {color: #820606}
h1 a:active {color: #890000}


dl{
	margin-bottom: 1.5em;
	margin-left: .5em;
}

dt{
	font-style: italic;
	color: #7E0000;
	font-weight: bold;
}

dd{
	margin-bottom: .5em;
}

.button {
	background-color: #D0D0D0;
	border: .1em solid #BCD0BC;
	color: #820606;
	padding: .1em;
	font-size: .8em;
}

.button:hover {
	background-color: #BCD0BC;
}

strong {
	color: #820606;
}

#content .table-row {
	float: left;
	clear: both;
	width: 37em;
	text-align: center;
	margin: .2em 0;
}

#content .form-label {
	float: left;
	width: 10em;
	text-align: right;
	margin-right: 1em;
}

#content .form-details {
	float: left;
	width: 20em;
}

#content .bottom {
	clear: left;
}

#log-in-box .form-label{
	display: block;
	width: 12em;
}

#log-in-box .form-details{
	display: block;
	width: 12em;
}

tr {
	height: 3em;
}

td {
	padding: .5em;
}


/********** Top navigation *************/
#navigation {
	position: absolute;
	top: 15em;
	width: 55em;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	background-color: #C8CEE0;*/
	background-color: #BCBCD0;
	padding: 1em;
	border: .05em solid #CCCCCC;
}

#navigation a, #navigation a:link, #navigation a:visited {
	padding: .2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #000080;
	text-decoration: none;
}

#navigation a:hover, #navigation a:active, #navigation a:focus {
	padding: .05em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	color: #820606;
}

#navigation-link {
	padding-right: 1px;
	font-size: 1em;
}

#navigation-list {
	margin: 0px;
	padding: 0px;
}