body {
	font:	12px/1.2 "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#d9d4d4;
	padding:0px;
	margin:0px;
	}

/* JB:corrected typo in 'Trebuchet MS', so site will now use that where it's installed.*/
	
#rightcontent {
	background:#851610;	
	color: #E99937;
}
	
a {
	text-decoration: none;
	color: #641814;
}

a:visited {
}

a:hover {
	text-decoration: underline;
	color: #CD1010;	
}
	
/* JB:trying to trick IE8 into displaying the right colour border around linking images, by creating a CSS class "linkimg" especially for linking images. Tested on "../index.html" only at present. FF does the borders automatically in accordance with "a" properties above, but IE8 uses its default blue/purple scheme. This works on IE8 but for some reason eliminates borders completely when viewed with Firefox, and still doesn't sort it with Chrome...

img.linkimg {
	border: 2px #641814;
}

img.linkimg:hover {
	border: 2px #CD1010;
}

*/

img {
	border-style:none;
}

/* ...so for now I've turned off all image borders*/

pre {
	font-size:11px;
	color: #641814;
	}
	
ol {
	margin-right:40px;
	}
li {
	margin-bottom:10px;
	margin-left:20px;
	}

h1 {
	font-size:20px;
}

h2 {
	font-size:18px;
}

h3 {
	padding-left: 15px;
}

h4 {font-size:14px;
}

table {
	padding-left: 15px;
	padding-right:15px;
	padding-top:15px;
	line-height: 140%;
}

.areaSelected {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

.areaNonSelected {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.logo {
	border: none;	
}