/* Author: Simon Hendy
 * Copyright © 2006
 * www.shendy.co.uk
 */

/* Main style for the body of the page. */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
	position: relative;
	padding: 0;
	margin: 0;
}					

/* Links - all black on white, no bold or anything like that */
a:link, a:visited, a:focus, a:hover, a:active {
	color: black;
/*	background-color: white;  taken out as it screwed up the lightbox software for some reason*/
	text-decoration: none;
}

/* ************************************************************************ */
/*                           MENU DEFINITION                                */
/* ************************************************************************ */

/* Defines the style for the "menu" class - on the left-hand side of the screen.  */

/* This bit defines the appearance of the overall outline of the menu block.
   Fixed height to make sure there's enough room at the bottom to include
   the pop-up text */
div.menu {
	position:absolute;
	width: 11em;
	height: 35em;
	top: 6em;
	right:auto;
	bottom: 1em;
	left: 1em;
	background-color: white;
	color: black;
	cursor:pointer;
}

/* <p> & <p1> elements (menu items) in the "menu" class division, setting the
   appearance of each menu item.
   <p1> is the same as <p> except it's not bold. */
div.menu p, div.menu p1 {
	display: block;
	font-size: small;
	font-weight: normal;
	margin: 0.35em -0.9em 0.25em 1.63em;
	padding: 0em 0em 0.25em 1em; 
	text-indent: 0;
	text-align: left;
	background: white;
	color: black;
}
div.menu p1 {
	font-weight: normal;
	font-size: x-small;
}

/* Sets up the content to appear automatically at the start of the "menu"
   class division. Basically done for the text "Menu" so we don't have to
   remember to put it in! 
   Not currently included. */
/* div.menu:before {
	content: "Menu";
	display: block;
	padding: 0.1em 0.5em;
	color: black;
	background-color: white;
	font-size: larger;
	font-style: italic;
	text-align: left;
	letter-spacing: 0.25em;
	font-weight: bold;
} */

/* Hide the "span" text for the links */
div.menu a span {
	display: none;
}

/* Link appearance - all black on white */
div.menu a:link, div.menu a:visited, div.menu a:focus, div.menu a:hover, div.menu a:active {
	color: black;
	background-color: white;
	text-decoration: none;
}

/* Show the "span" text when the link is hovered over
    The "top" value is how far down the "span" text appears. Increase to move down. */
div.menu a:hover span {
	display: block;
	position: absolute;
	top: 340px;
	left: 20px;
	width: 125px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: white;
	background: black;
	text-align: center;
	font-weight: normal;
}

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

/* Sets up the style for header that appears right at the top of the page.  */
div.banner {
	position: absolute;
	width: auto;
	top: 0em;
	right: 0em;
	bottom: auto;
	left: 3em;
}

/* Header text */
div.banner h1 {
	font-weight: normal;
	font-size: xx-large;
}	


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

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

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

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

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

/* stop the border around each image */
div.gallery img {
	padding: 0;
	border: 1px solid;
	border-color: black;
	vertical-align: middle;
	margin: 0.25em; 
}

/* stop any colour around the images */
div.gallery a:focus, div.gallery a:hover, div.gallery a:active {
	background-color: white;
}


div.content {
	padding-left: 14em;
	padding-right: 15%;
}

div.contentmain {
	padding-left: 14em;
	padding-right: 15%;
	padding-top: 6em;
}

/* Make sure the fieldset legends come out in black */
div.content legend {
	color: black;
}

div.text {
	padding-left: 14em;
}

/* ************************************************************************ */
/*                          SUB-MENU DEFINITION                             */
/* ************************************************************************ */

/* Appearance of the horizontal sub-menu that appears on the category pages */

/* Have to include the spacing on the right to leave room for the main menu */
/* 'submenu1' is for the category (bold);  'submenu' is for the sub-categories */
div.submenu1 {
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
	display: block;
}
div.submenu {
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
	padding-left: 14em;
	padding-top: 6em;
}

/* For the category title */
div.submenu p {
	color: black;
	font-size:x-large;
	font-weight:bold;
}