/* Setup the layout first */
@import 'layout.css';

body {
	font: 90% Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #404040;
}


#page {
	
}

#header {
	color: #404040;
}

#footer {
	padding-top: 1em;
	font-size: 80%;
}


.title1
/*main bold heading level 1*/
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
background-color: #FFFFFF;
color: #000000;
}

.title2
/*bold subtitle level 2*/
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
background-color: #FFFFFF;
color: #000000;
}

.title3
/*bold subtitle level 3*/
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
background-color: #FFFFFF;
color: #000000;
}

.bar
/*coloured horizontal bar*/
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 1;
background-color: #D1D9DF;
color: #000000;
}

.button
/*coloured horizontal bar*/
{
background-color: #D1D9DF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
line-height: 2.5;
}

.button1
/*coloured horizontal bar*/
{
background-color: #D1D9B5;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
line-height: 2.5;
}


a:link
{
color: #6585AA;
text-decoration: none;
font-weight: bold;
}

a:visited
{
color: #6585AA;
text-decoration: none;
font-weight: bold;
}

a:active
{
color: #EE8844;
text-decoration: none;
}