/*
**	trescomarathon.css
** (C) Copyright 2006 Optimise Fitness Ltd.
**
** contains the default ('home') backgrounds and colours,
** just in case we forget to import a specific one.
*/

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg001.jpg) 0 0 fixed no-repeat #28439b;
	color: black;
}

img { border: none; }

/* ----------------------------------------------------------------------------
**	messages for the under-endowed
*/
.nocss { display: none; }

/* ----------------------------------------------------------------------------
**	the header
*/
#header {
	position: absolute;
	top: 0; left: 0; height: 4em;
	width: 100%;
	text-align: center;
}

#header h1, #header h2 {
	color: white;
	font-family: Georgia, Times New Roman, Times, serif;
	margin: 0;
}

/* ----------------------------------------------------------------------------
**	the menu (on the left)
*/
#navigation {
	position: fixed;
	top: 4.3em; left: 10px; width: 6em;
}

#navigation a {
	display: block;
	text-decoration: none;
	padding: 0.6em;
	margin: 0.2em 0;
	border: silver solid thin;
	color: white;
	background: url(../images/bg001light.jpg) 0 0 fixed no-repeat #28439b;
}

#navigation a:hover {
	text-decoration: underline;
	color: yellow;
	background: url(../images/bg001dark.jpg) 0 0 fixed no-repeat #28439b;
}

/* ----------------------------------------------------------------------------
**	the contents (leave space for the menu)
*/
#contents {
	position: absolute;
	top: 4.3em; left: 0; right: 0;
	padding: 0.2em 1em 1em 1em;
	margin-left: 8em;
	margin-right: 200px;
	background: url(../images/bg001light.jpg) 0 0 fixed no-repeat #8790ad;
}

#contents a {
	text-decoration: none;
	color: blue;
}

#contents a:hover {
	text-decoration: underline;
	color: yellow;
}

/* -------------------------------------------------------------------------------
**	links to tresco, cftrust and optimise fitness ltd
*/
#links {
	position: fixed;
	top: 4.3em; right: 10px; width: 170px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: center;
}

#links a {
	display: block;
	height: 60px; width: 160px;
	border: thin silver solid;
	margin: 0.2em 0;
	background-color: white;
}

#links a:hover {
	border: thin yellow solid;
}

#links a span {
	display: none;
}

#tresco {
        background: url(../images/trescologo.gif) center center no-repeat white;
}

#cftrust {
        background: url(../images/cflogo1.gif) center center no-repeat white;
}

#optimise {
        background: url(../images/optimiselogo.png) center center no-repeat white;
}