/* Menu on the right-hand side, with pop-up hints - div.menu
 * Highlighted "news" section - div.news
 *
 * Author: Simon Hendy
 * Copyright  2005
 * www.shendy.co.uk
 */

/* Main style for the body of the page.
   Add padding at the top and right to allow room for the logo and title */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: black;
	color: white;
	position: relative;
	padding: 8em 2em 2em 2em;
	margin: 0;
}					

/* Links in the main body
   Unvisited & invisited links - yellow on black
   Focus, Hover and Active links - light grey on black */
a:link {
	color: #f8f400;
	background-color: black;
	text-decoration: none;
}
a:visited {
	color: #f8f400;
	background-color: black;
	text-decoration: none;
}
a:focus {
	background: #ccc;
	color: black;
	text-decoration: none;
}
a:hover {
	background: #ccc;
	color: black;
	text-decoration: none;
}
a:active {
	color: #ccc;
	background-color: black;
	text-decoration: none;
}

/* ************************************************************************ */
/*                         HEADER DEFINITION                                */
/* ************************************************************************ */

/* Sets up the style for header that appears right at the top of the page.  */

/* Banner layout - fixed at the top */
div.banner {
	position: absolute;
	width: auto;
	top: -3px;
	right: 2em;
	bottom: auto;
	left: 39px;
	text-align: center;
	line-height: 600%;
}

/* For the image in the banner - float to the left so that the subsequent
   text appears immediately to the right of it. */
div.banner img {
	float: left;
}

/* Header text */
div.banner h1 {
	font-variant: small-caps;
	font-weight: bolder;
/*	font-size: xx-large; */
	font-size: 36px;
}	

/* ************************************************************************ */
/*                           FOOTER DEFINITION                              */
/* ************************************************************************ */

/* For the copyright message */
div.footer {
	text-align:center;
	font-size: smaller;
	padding-top: 1em;
}

div.footer img {
	border: 0;
}

/* ************************************************************************ */
/*                           GALLERY DEFINITION                             */
/* ************************************************************************ */

/* Each image floats alongside the previous one. */
div.gallery, div.galleryimages {
	float: left;
	min-width: 105px;
	padding: 1.0em;
	height: auto;
	display: inline;
}

/* The caption for each image */
div.gallery p, div.galleryimages p {
	text-align: left;
	float: none;
}

/* stop the border around each image */
div.gallery img, div.galleryimages img {
	border: 0;
	padding: 2px;
	text-align: centre;
	vertical-align: middle;
}

td.thumb, {
	width: 160px;
	text-align: center;
}

td.thumb img, {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

td.thumbtext, {
	padding-left: 30px;
}

div.content legend, div.content legend {
	color: #fff;
}

/* stop any colour around the images */
th.thumb p, div.gallery a:focus, div.gallery a:hover, div.gallery a:active, div.galleryimages a:focus, div.galleryimages a:hover, div.galleryimages a:active {
	background-color: black;
}

/* Links 
   Unvisited & invisited links - yellow on black
   Focus, Hover and Active links - light grey on black */
td.thumb p a:link, div.gallery a:link, div.galleryimages a:link {
	color: #f8f400;
	background-color: black;
	text-decoration: none;
}
td.thumb p a:visited, div.gallery a:visited, div.galleryimages a:visited {
	color: #f8f400;
	background-color: black;
	text-decoration: none;
}
div.gallery a:focus {
	background: #ccc;
	color: black;
	text-decoration: none;
}
div.gallery a:hover {
	background: #ccc;
	color: black;
	text-decoration: none;
}
td.thumb p a:active, div.gallery a:active, div.galleryimages a:active {
	color: #ccc;
	background-color: black;
	text-decoration: none;
}

/* Different versions of focus and hover links for the actual image links (no background colour) */
td.thumb p a:focus, div.galleryimages a:focus {
	background: black;
	color: black;
	text-decoration: none;
}
td.thumb p a:hover, div.galleryimages a:hover {
	background: #black;
	color: black;
	text-decoration: none;


/* ************************************************************************ */
/*                           LATEST NEWS DEFINITION                         */
/* ************************************************************************ */

/* Sets up the "latest news" box that is used at the bottom
   50% of the screen width, but with a minimum. Grey background. */
div.news {
	min-width: 14em;
	width: 50%;
	padding: 1em;
	color: #000;
	background: #ccc;
	text-align: left;
}

/* Content to come before the "news" text. Add in the words "latest news"
   without them having to be typed into the html document. */
div.news:before {
	content:"Latest News";
	font-weight:bold;
}

/* Puts the first line of the "news" class in italics.
   This includes the automatically inserted "Latest News" text. */
div.news:first-line {
	font-style:italic;
}