html {
	background-image: url(../cave.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 770px; /* make sure we get all of the cave in */
	width: 1209px;
}
/*body{
	margin-left: auto;
	margin-right: auto;
}*/
#contents{
	/*  this goes releative to the pageHead and straplLine paragraphs which stack a the top of the page */
	width: 800px;
	margin: 0px;
	padding: 0px;
	margin-top: 50px;
	margin-left: 200px;
}
/*************************************************/
#pageHead {
	display: block;
	background-image: url(../pageHead.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 48px;
	margin-left: 325px;	/* set it to the right place */
	margin-top: 3px;
	margin-bottom: 0;
	padding: 0px;
}
#strapLine{
	display: block;
	background-image: url(../strapLine.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 30px;
	margin-left: 325px;	/* set it to the right place */
	margin-top: 3px;
	padding: 0px;
	}
/*** image replacements for the H3 headers ****/
h3{
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 35px;
	margin-top: 5px;
	margin-bottom: 0px;
	/*	margin-left: auto;
	margin-right: auto;
*/
	}
h3#cs{
	background-image: url(../../oracles/CeltMistic/CeltSpills/thumbTitle.gif);
	}
h3#ts{
	background-image: url(../../oracles/CeltMistic/Talismans/thumbTitle.gif);
	}
h3#eo{
	background-image: url(../../oracles/CeltMistic/EarthOracles/thumbTitle.gif);
	}
h3#sng{
	background-image: url(../../oracles/CeltMistic/Sheelagh/thumbTitle.gif);
	}
/******** general control of images **************/
img{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
	margin-right: 1em;
}
/************* layout of contents ***************/
.threeCols{
	margin-top: 20px;
	}
.twoOfThree{ /************* pull it down roughly vertical centre *******/
	margin-top: 25%;
	padding: 2px;
	}
/* set up the image replacement for the animated celtmistic logo */
#CeltMisticLogo {
	background-color: #000000;
	background-image: url(../../oracles/CeltMistic/ass/aniLogo.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 60px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
/* make sure that the descriptive paragraphs look OK */
p{
	text-align: center;
	margin-top: 3px;
	}
#mainCol1 p{
	margin-right: 0.5em;
	}
#mainCol3 p{
	margin-left: 0.5em;
	}
/**********************************************/
a:link{ color: #FFFF00}
a:visited{ color: #009900}
a:hover{ color: #FFFFFF}
a:active{ color: #FF0000 }
/***********************************************************/
#taskMenu a:link,
#taskMenu a:visited {
	text-decoration: none;
	color: #999999;	
}
#taskMenu{
	margin: 0px;
	padding: 0px;
	float: left;
	/*position: absolute; 
	left: 5px;
	top: 75px;*/
	}
#navLev1 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navLev1 li {
	margin: 0px;
	padding: 0px;
}
#navLev1 li a{
	height: 96px;
	width: 127px;
	margin: 0px;
	padding: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}
#navLev1 #CeltSpills a:link,
#navLev1 #CeltSpills a:visited{ 	background-image: url(../greyRockButton/CeltSpills.gif);		}
#navLev1 #CeltSpills a:hover {	background-image: url(../greyRockButton/CeltSpills_f2.gif);	}
#navLev1 #CeltSpills a:active{	background-image: url(../greyRockButton/CeltSpills_f3.gif);	}

#navLev1 #EarthOracles a:link,
#navLev1 #EarthOracles a:visited{ 	background-image: url(../greyRockButton/EarthOracles.gif);		}
#navLev1 #EarthOracles a:hover {	background-image: url(../greyRockButton/EarthOracles_f2.gif);	}
#navLev1 #EarthOracles a:active{	background-image: url(../greyRockButton/EarthOracles_f3.gif);	}

#navLev1 #Talismans a:link,
#navLev1 #Talismans a:visited{ 	background-image: url(../greyRockButton/Talismans.gif);		}
#navLev1 #Talismans a:hover {	background-image: url(../greyRockButton/Talismans_f2.gif);	}
#navLev1 #Talismans a:active{	background-image: url(../greyRockButton/Talismans_f3.gif);	}

#navLev1 #Sheelagh a:link,
#navLev1 #Sheelagh a:visited{ 	background-image: url(../greyRockButton/Sheelagh.gif);		}
#navLev1 #Sheelagh a:hover {	background-image: url(../greyRockButton/Sheelagh_f2.gif);	}
#navLev1 #Sheelagh a:active{	background-image: url(../greyRockButton/Sheelagh_f3.gif);	}

#navLev1 #publish a:link,
#navLev1 #publish a:visited{ 	background-image: url(../greyRockButton/publish.gif);		}
#navLev1 #publish a:hover {	background-image: url(../greyRockButton/publish_f2.gif);	}
#navLev1 #publish a:active{	background-image: url(../greyRockButton/publish_f3.gif);	}

#navLev1 #shopk a:link,
#navLev1 #shopk a:visited{ 	background-image: url(../greyRockButton/shopk.gif);		}
#navLev1 #shopk a:hover {	background-image: url(../greyRockButton/shopk_f2.gif);	}
#navLev1 #shopk a:active{	background-image: url(../greyRockButton/shopk_f3.gif);	}

#theWordFree {
	background-image: url(../theWordFree.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	margin-left: 25px;
	padding: 0px;
	height: 26px;
	width: 84px;
}
/*********************************/
#gatherSubsData .paymentOption{
	padding: 1em;
	width: 90%;
	}
#gatherSubsData .paymentOption .buttonBlock{
	float: right;
	margin: 0.5em;
	text-align: center;
	width: 30%;
	height: auto;
	}
#gatherSubsData .paymentOption p{
	float: left;
	margin: 0.5em;
	text-align: center;
	width: 65%;
	}
#gatherSubsData #phoneExample {
	float: right;
	margin: auto;
	margin-top: 3em;
}
#gatherSubsData #phoneExample p {
	margin: 1em;
	font-size: xx-small;
}
#gatherSubsData th,
#gatherSubsData td {
	text-align: center;
	padding-left: 0.25em;
	padding-right: 0.25em;
	}
#gatherSubsData #subsList td {
	border-top-color: #999999;
	border-top-style: dotted;
	border-top-width: thin;
	}#TermsAndConditions #contents p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
}
#mediaPage #contents #pressContactDetails {
	text-align: right;
	font-size: medium;
}
#shopKeeperHome #contents #sample object {
	margin-top: 2em;
	margin-bottom: 2em;
}
#myEarthoracles #contents p {
	text-align: left;
}
#mediaMovies #contents object {
	margin-left: auto;
	margin-right: auto;
}
#mediaMovies #contents #movieWrapper {
	text-align: center;
}
#mediaMovies #sharebuttons {
	text-align: center;
	margin-top: 3px;
}
/**********************************************/
#eoHome #sharebuttons {
	text-align: center;
	margin-top: 55%;
}
#TermsAndConditions #contents dt {
	text-align: right;
	font-weight: bold;
	float: left;
	width: 30%;
	margin: 0.25em;
	padding: 0.25em;
}
#TermsAndConditions #contents dd {
	float: left;
	width: 60%;
	margin: 0.25em;
	padding: 0.25em;
	padding-left: 1em;
	border-left: thin solid white;
}