body {	
	background-color: #DCDCDC;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.85em;	
	line-height: normal;	
	color: #336699;
	width: 880px;
	margin: 0px auto; /* top and bottom = 4px, auto-centre horizontally (neat, huh?) */
}

.help {
	background-color: #DCDCDC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #336699;
}

key {	
	background-color: #DCDCDC;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.85em;	
	line-height: normal;	
	color: #336699;
	width: 120px;
	/*margin: 0px auto; /* top and bottom = 4px, auto-centre horizontally (neat, huh?) */
}

h1 {
	font-family: Helvetica, sans-serif;
	font-size: 150%;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #006666;
	padding: 6px 0px 6px 60px;
	text-align: left;
	margin: 0px 0px 2px 0px;
	}

h7 {
	font-family: Helvetica, sans-serif;
	font-size: 200%;
	color: #006666;
	padding: 8px 2px 8px 8px;
	background-color: #BBBBBB;
    margin: 0px 0 10 -4px}
	
h2 {
	font-family: Helvetica, sans-serif;
	font-size: 125%;
	color: #006666;
	margin-bottom: 0em;
	margin-left: -8px;
}
	
h3 {
	font-family: Helvetica, sans-serif;
	font-size: 105%;
	color: #006666;
	font-style: italic;
	margin-bottom: -1em;
}
	
h4 {
	font-family: Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	text-align: center;
}
	
table {
	color: #FFFFFF;
	}
	
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 120%;
	color: #333333;
	}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 120%;
	color: #333333;
	}

ul {	
	list-style-type: square;	
	list-style-position: outside
	}
	
a {	
	color: #993366;
	text-decoration: none
}


/* Table container for RADAGAST logo, spectrum menus & participant logos */

#header {
	border: 0px;
	padding: 0px 0px;
}

/* Table container for contents */

#contents {
	border: 0px;
	padding: 0px 4px;
}


/* Main (spectrum) menu section */

#menu {
	color: white;
	padding: 0px 0px;
}

#menu_small {
	color: white;
	text-size: 50%;
}

#menu a { color: white; text-decoration: none;
}

#menu a:hover { color: black;
}

/* Menu element styles */

.menu_1, .menu_2, .menu_3, .menu_4, .menu_5, .menu_6, .menu_7, .menu_8 {
	color: white;
	text-align: center;
	padding: 0px 12px 1px 12px;
	text-decoration:none;
}

/* Colours */

.menu_1 {
	background-color: crimson;
}
.menu_1 a {
	color: yellow;
}
.menu_1 a:hover {
	color: blue;
	text-decoration:none;
}
.menu_2 {
	background-color: darkorange;
}
.menu_3 {
	background-color: goldenrod;
}
.menu_4 {
	background-color: green;
}
.menu_5 {
	background-color: blue;
}
.menu_6 {
	background-color: indigo;
}
.menu_7 {
	background-color: darkviolet;
}
.menu_8 {
	background-color: gray;
}	
	
.hrFooter {
	width: 880px;
	color: #006666;
	background-color: #006666;
	height: 2px;
}

.footer {
	font-size: 90%;
	font-style: italic;
	align: center;
	}
	
a:hover {
	text-decoration: underline;
	color: #CC0000;
}
	
.caption {
	font-style: italic;
	clear: both;
}

.cell {
	border: thin solid #666666;
}
.hr_green {
	width: 880px;
	color: #006666;
	background-color: #006666;
	height: 1px;
}
.quick_link {
	font-family: "Courier New", Courier, mono;
	font-size: x-small;
	color: #CC0033;
}

.control_label {
	font-size: x-small;
}

.control_caption {
    font-size: x-small;
}

.control_label_large {
    font-size: large;
}

.centre_column {
	width: 50%;
	padding-right: 12pt;
	padding-left: 12pt;
}
.left_column {
	width: 50%;
	padding-right: 12pt;
}
.right_column {
	width: 50%;
	margin-right: 20pt;
	padding-left: 12pt;
}