/***** SoF *****/

/***** Colours *****/

body { color: white; background-color: black; }

a { color: white; }

div.page-header h1 a { color: #588; }
div.page-header p { color: #588; }

.menu { background-color: #144; }
.menu a { background-color: #144; }
.menu a:hover { background-color: #366; }

/***** Background images *****/

body { background-image: url( '../images/watermark.png' ); background-position: 40px 30px; background-repeat: no-repeat; }
.menu { background-image: url( ../images/buttonbg.png ); background-position: top; }
.menu a { background-image: url( ../images/buttonbg.png ); background-position: top; }

/***** Borders *****/


/***** Fonts *****/

body { font-family: Arial, sans-serif; }

/***** Font sizes *****/

h1 { font-size: 12pt; }
h2 { font-size: 10pt; }
p { font-size: 10pt; }

div.page-header h1 { font-size: 26pt;}
div.page-header p { font-size: 7pt; }

.menu a { font-size: 10pt; }

div.footer p { font-size: 7pt;  }

/***** Text alignment *****/

div.footer { text-align: center; }
.menu a { text-align: center; }

/***** Margins and padding *****/

body { margin: 1em 0 2em 200px; }
div.page-header h1 { margin: 0; display: inline-block; }
div.page-header p { margin: 4px 2em; display: inline-block; }
.menu { padding: 0 0px; }
.menu a { padding: 4px 16px; }

/***** Positioning *****/

.menu a { display: inline-block; xwidth: 100px; }
div.page-header { position: relative; }
div.page-header p { position: absolute; right: 0; bottom: 0; }

/***** Additonal *****/

a { text-decoration: none; }

/***** EoF *****/