@charset "utf-8";
/************************************************/
/* Fixed header with 2 column layout.           */
/* Right column has multiple choice of content  */
/* using javascript and visibility control.     */
/* Alternative layout for IE browser is loaded  */
/* to correct for IE errors and bugs.           */
/* Copyright(l©) Robert Marshall 2005-2009      */
/************************************************/

/****************************************************************************/
/* This page of css controls the text & anchor colours and the foreground 	*/
/* & background images at the top.  All layout properties are after the 	*/
/* colour information has been completed.     							    */
/* In addition a background.css file controls the display of 				*/
/* an optional background image relating to specific directories 			*/
/* and css files (ie7.css etc.) for Internet Explorer workarounds and hacks */
/****************************************************************************/

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

/****************************/
/* header style definitions */
/****************************/

/* thumbnail index navigation area */
h2 {
	color: silver;
	background-color: transparent;
}

/***********************************************/
/* generic anchor styles                       */
/***********************************************/
a, a:link {
	color:  #69F;
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	color: blue;
	background-color: transparent;
	text-decoration: none;
}

a:visited {
/*	color: blue;
	background-color: transparent;
	text-decoration: none;
*/
}

/*************************************************************/
/* Header (Logo and Seasonal Flourish) and Day/Date elements */
/*************************************************************/

/* wrapper for the area */
#header{
	background-color: black;
	color: #69F;
}

/* line above the logo, not currently used for text/links */
#headerTop {
	color: #69F;
	background-color: transparent;
	}

/* local anchor style for the area */
#header a {
	color: #69F;
	background-color: transparent;
	text-decoration: none;
}

#header a:hover {
	color: white;
	background-color: transparent;
	text-decoration: none;
}

/*area of the logo/banner itself and the left side by default */
#logo {
	color: white;
	background-color: transparent;
	text-shadow: 0.05em 0.05em 0.15em #FF6600;
	border: none;
}

/* centre of the logo/banner */
.logoCentre {
	color: white;
	background-color: transparent;
	text-shadow: 0.05em 0.05em 0.15em #FF6600;
	border: none;
}

/* right side of the logo/banner */
.logoRight {
	color: white;
	background-color: transparent;
	text-shadow: 0.05em 0.05em 0.15em #FF6600;
	border: none;
}

/* Seasonal Flourish */
/* e.g. holly */
.xmas {
	color: white;
	background-color: transparent;
	border: none;
}

/* snowflakes */
.snow {
	color: white;
	background-color: transparent;
	border: none;
}

/* line(s) under the logo e.g. the day/date */
#globalNav{
	color: #69F;
	background-color: transparent;
}

#globalNav a {
	text-decoration: none;
}

/***********************************************/
/*  Left column used for site navigation       */
/***********************************************/

/* wrapper for the area */
#navBar1, #navBar2, #navBar3, #navBarSS {
	color: #CC6600;
	background-color: black;
}

/* section header */
.sectionName {
	color: #FF6600;
	background-color: transparent;
}

/* top line of text */
.locationNavBar {
	color:  #CC6633;
	background-color: transparent;
}

/* line separating each section */
.navBarLine {
	color:  black;
	background-color:rgb(085,085,085);
}

/* optional second or alternative line */
.navBarLine2 {
	background-color:rgb(100,100,100)
}

/*
li a:hover{
	color: #006699;
	background-color: transparent;
}

li a:visited{
	background-color: transparent;
}
*/

/* anchor styles for links with graphic for visited links*/
#navBar1 ul, #navBar2 ul, #navBar3 ul, #navBarSS ul {list-style: none;}
#navBar1 ul a:link, #navBar2 ul a:link, #navBar3 ul a:link,  #navBarSS ul a:link {color: #69F; background-color: transparent; }
#navBar1 ul a:visited, #navBar2 ul a:visited, #navBar3 ul a:visited, #navBarSS ul a:visited {
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	color: #69F;
	background-color: transparent;
	background-image: url(images/navbar/visited.gif);
}
#navBar1 ul a:hover, #navBar2 ul a:hover, #navBar3 ul a:hover, #navBarSS ul a:hover {color: blue; background-color: transparent; }



/* pads the thumbnail page length to a standard size so the site info is just above the bottom */
.navBarPad {
	color: white;
	background-color: transparent;
}

/*****************************************************/
/* control of 2nd column for 'directory index' pages */
/*****************************************************/

/* overall wrapper */
 #home1, #home2, #home3, #home4, #home5, #home6,  #home7, #home8, #home9, #home10 {
	background-color: transparent;
	color: white;
 }

/* anchor styles */
#home1 a, #home2 a, #home3 a, #home4 a, #home5 a, #home6 , #home7 a, #home8 a, #home9 a, #home10 a  {
	color: #69F;
	background-color: transparent;
}

#home1 a:hover, #home2 a:hover, #home3 a:hover, #home4 a:hover, #home5 a:hover, #home6 a:hover, #home7 a:hover, #home8 a:hover, #home9 a:hover, #home10 a:hover {
	color: blue;
	background-color: transparent;
}


/* left and right wrappers, for icons linking to next level */
.storyPicLeft {
	color:  black;
	background-color: transparent;
}

.storyPicRight {
	color:  black;
	background-color: transparent;
}

.storyPicLeft a {
opacity: 1;
}

.storyPicLeft a:hover {
opacity: 0.9;
}

.storyPicLeft img:active {
opacity: 0.75;
}

.storyPicRight a {
opacity: 1;
}

.storyPicRight a:hover {
opacity: 0.9;
}

.storyPicRight img:active {
opacity: 0.75;
}

/*  span to control text above the icons */
.story{
	color: #CC6600;
    background-color: transparent;
}

/* line(s) to separate links to the next level */
.line {
	color:  black;
	background:rgb(150,150,150);
}

/* not displayed */
.line2 {
}

/* wrapper for Site Info. at the bottom of the page */
.siteInfo{
	background-color: black;
	color: silver;
	border: 1px solid silver;
}

/* anchor links in the footer if any used */
.siteInfo a: {
	color: #69F;
	background-color: transparent;
	text-decoration: none;
}

siteInfo a:hover {
	color: blue;
	background-color: transparent;
	text-decoration: none;
}

/*****************************************************/
/* control of 2nd column for 'directory index' pages */
/*****************************************************/

/* a uniquely numbered pictures div is required for every 6 thumbnails, 10 divs are provided */
/* duplicate and rename pictures10 as required if more than 60 images in a gallery are required */
/* 99 and 100 are already used, see below for details */

/* wrapper for each set of thumbnails,  */
 #pictures1 {
	background-color: transparent;
	color: white;
 }

 #pictures2 {
	background-color: transparent;
	color: white;
}

 #pictures3 {
	background-color: transparent;
	color: white;
}

 #pictures4 {
	background-color: transparent;
	color: white;
}

 #pictures5 {
	background-color: transparent;
	color: white;
}

 #pictures6 {
	background-color: transparent;
	color: white;
}

 #pictures7 {
	background-color: transparent;
	color: white;
}

 #pictures8 {
	background-color: transparent;
	color: white;
}

 #pictures9 {
	background-color: transparent;
	color: white;
}

 #pictures10 {
	background-color: transparent;
	color: white;
}

/* pictures99 and pictures100 are used to allow 2 images on one slide page */
/* it allows a slide to crossfade between 2 images.  the 1st image is on 99 the 2nd on 100 */
/* on page loading the 1st is displayed and then replaced by the 2nd */
 #pictures99 {
	background-color: transparent;
	color: white;
 }

 #pictures100 {
	background-color: transparent;
	color: white;
 }

.picSingle a, .pic1 a, .pic2 a, .pic3 a, .pic4 a, .pic5 a, .pic6 a, .picLeft22T a, .picRight22T a, .picLeft22B a, .picRight22B a, .picSingle a {
	opacity: 1;
}
.picSingleLarge a {
	opacity: 0.9;
}

.picSingle a:hover, .pic1 a:hover, .pic2 a:hover, .pic3 a:hover, .pic4 a:hover, .pic5 a:hover, .pic6 a:hover, .picLeft22T a:hover, .picRight22T a:hover, .picLeft22B a:hover, .picRight22B a:hover, .picSingle a:hover {
	opacity: .9;
}
.picSingleLarge a:hover {
	opacity: 1;
}

#pictures1 img:active, #pictures2 img:active, #pictures3 img:active, #pictures4 img:active, #pictures5 img:active, #pictures6 img:active, #pictures7 img:active, #pictures8 img:active, #pictures9 img:active, #pictures10 img:active, #pictures99 a:active {
	opacity: 0.75;
}

/* the following pic blocks control the actual thumbnail layout on 'index' pages */

/* For a single image in a directory, thumbnail linking to a normal slide */
.picSingle {
	background-color: transparent;
	color: white;
}

/* For 4 images in a directory, 2 rows of 2 columns (left & right) */
/* top row */
.picLeft22T {
	background-color: transparent;
	color: white;
}

.picRight22T {
	background-color: transparent;
	color: white;
}

/* bottom row */
.picLeft22B {
	background-color: transparent;
	color: white;
}

.picRight22B {
	background-color: transparent;
	color: white;
}

/* For directories with 3 or more than 5 images, 2 rows of 3 columns (left, centre & right) */
/* top row */
.pic1 {
	background-color: transparent;
	color: white;
}

.pic2 {
	background-color: transparent;
	color: white;
}

.pic3 {
	background-color: transparent;
	color: white;
}

/* bottom row */
.pic4 {
	background-color: transparent;
	color: white;
}

.pic5 {
	background-color: transparent;
	color: white;
}

.pic6 {
	background-color: transparent;
	color: white;
}

/* wrapper for Site Info. at the bottom of a page of thumbnail images */
.siteInfoGalleries{
	background-color: black;
	color: silver;
	border: 1px solid silver;
}

.siteInfoGalleries a {
	color: #69F;
	background-color: transparent;
	text-decoration: none;
}

.siteInfoGalleries a:hover {
	color: blue;
	background-color: transparent;
	text-decoration: none;
}


/****************************/
/* control of 'slide' pages */
/****************************/

/* wrapper for a single image on a slide page */
.slide {
	color: white;
	background-color: black;
}


#slide a {
	color: #006699;
	background-color: transparent;
	text-decoration: none;
}
#slide a:visited {
	color: #006699;
	background-color: transparent;
	text-decoration: none;
}

#slide a:hover {
	color: #006699;
	background-color: #E0E0E0;
	text-decoration: none;
}

/* wrapper for images (NB, for 2 images per slide this wrapper is contained by a picture99 or 100 div block) */
.largepic {
	color:  white;
	background-color: transparent;
}

/* wrapper for links to other slide pages */
.pagenumber {
	background-color: transparent;
	color: #CC6600;
}

/* Default background for all 'index' pages */
/* It can be overwritten by information in background.css */
/* which is controlled by reference to a text file in the directory */
.backgroundStyle {
	color: white;
	background-color: black;
}

#metadata {
	visibility: hidden;
}
#metadata2 {
	visibility: visible;
}

#textoverlay {
	visibility: hidden;
	opacity: 0.7;
	color: #FFF;
	background-color: #000;
}

#textunderlay {
	visibility: visible;
}

#textoverlay_before {
	visibility: hidden;
	opacity: 0.7;
	color: #FFF;
	background-color: #000;
}

#textunderlay_before {
	visibility: visible;
}

.siteInfoSS{
	background-color: black;
	color: silver;
	border: 1px solid silver;
}

/* anchor links in the footer if any used */
.siteInfoSS a: {
	color: #69F;
	background-color: transparent;
	text-decoration: none;
}

siteInfoSS a:hover {
	color: blue;
	background-color: transparent;
	text-decoration: none;
}