body{
  margin:0;
  padding:0;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-size: 10pt;
  background-image:url('images/watermark.gif');
  background-repeat: repeat;
  background-color: white;
  color:navy; /* text colour */
}

/* General settings */
p         {font-size:10pt;}
a         {font-family: Arial, sans-serif; }
a:link    {color: blue}
a:visited {color: purple}
a:hover   {color: #4AF}  
a:active  {color: red }

/* to show sorting options in colour */
a.unselected:visited { color: blue}
a.selected:link {color: purple}

img       {border:none;}
ul        {list-style-type: square;}
li        {line-height:1.4em; text-align:left;} 
dl        {}
dt        {}
dd        {margin-left:24px;margin-bottom:8px;}
hr        {border:1px solid silver;border-width:1px 0px 0px 0px;height:1px;}
input, select {font-size:9pt;}
input[type='radio'] {margin:0px;} /* for adverts.php google search */

td {vertical-align:top;}

/* General page layout */
#maincontainer  {position:relative;	margin-left:auto;	margin-right:auto;	max-width:800px;	text-align:left;}
#topsection     {background-image:url('images/header.jpg');background-repeat:no-repeat;height:200px;width:100%;}
#moon           {position:relative;	border:none; left:30px;	top:20px;}
#toplinks       {position:absolute;	left:220px;	top:145px;}
#toplinks p     {font-size:11px; color: #668;}
#toplinks a     {color: #668;	} /*text-decoration:none;}*/
#toplinks a:hover {text-decoration:underline;}
#contentcolumn  {float: left;	width: 100%;}
#content        {padding-left:24px;	margin-right:164px; border-right:0px solid silver;	padding-right:24px; }
#content.wide	  {padding-left:24px;  margin-right:0px; }
#content h1     { /* margin-left:-12px; */}
#rightcolumn	  {float: left;	width: 162px;	margin-left: -164px; text-align:center;	padding-bottom:8px; }
#footer         {clear:both;	margin-left:24px;}


/* adverts.php */
#menu           {text-align:left;border-left:1px solid silver;	padding:0px 4px 8px 8px;	margin-bottom:8px;	}
#menu ul        {padding:0px;	margin:0px;	font-size:10px;}
#menu ul li     {list-style-type: none;	font-size:9pt;	margin-left:16px;}
#menu ul li.caption {	margin-top:8px;	font-style:italic;	font-weight:bold;	margin-left:0px;}

/* Styles */
h1, .h1 {font-weight: bold;font-size: 14pt;color: navy;margin-left:-18px;}
h2, .h2 {font-weight: bold;font-size: 11.8pt;color: navy;margin-bottom:-12px;}
h3, .h3 {font-style: italic;font-weight: bold;font-size: 10pt;color: maroon;}

.author {font-style: italic;font-weight: bold;font-size: 10pt;color: maroon;}
.leader {font-style:italic;font-weight:bold;}
.info   {font-style: italic;font-size: 9pt;color: navy;}
.quote  {margin-left:24px;font-style:italic;}
.notes  {font-size: 8pt;}
.ritual {margin-left:24px;font-style:italic;font-weight: bold;}

.gray     {color:gray;}
.inset    {border:1px solid;border-color:silver gray gray silver;}
.outset   {border:1px solid;border-color:gray silver silver gray;}
.indent 	{margin-left:24px;}
.inline 	{display:inline;} 
.smaller 	{font-size:smaller;}
.underline{text-decoration: underline;}
.center 	{text-align:center;}
.button 	{font-size:9pt;}


/* overlib.js settings */
.ol_cap         {text-align:left;color:white;font-size:9pt;font-weight:400;padding:4px;} /* td class of table for caption */
.ol_text        {text-align:left;color:navy;font-size:9pt;font-weight:normal;padding:4px;} /* td class of table for caption */
#overDiv ul     {margin:0px;padding:0px;list-style-type:disc;}
#overDiv li     {margin-left:16px;}

/* Placing images/divs in running text */
.star 	        {vertical-align:middle;border:none;}
.icon	          {vertical-align:-2px;border:none}
.left 					{float:left;width:150px;height:auto;border:1px solid;border-color: gray silver silver gray;margin:0px 16px 16px 0px;}
.right 					{float:right;width:150px;height:auto;border:1px solid;border-color: gray silver silver gray;margin:0px 0px 16px 16px;}
.landscape   		{width:250px;}
.outdent        {margin-left:-40px;margin-right:8px;}


/* Footnotes */
/* Footnote anchor in text: <sup><a name="note1" href="#ref1">[1]</a></sup> */
sup         {vertical-align:4px;}
sup a       {text-decoration:none}
/* Footnote at end: <p class='footnote'><sup><a name="ref1" href="#note1">[1]</a></sup>The footnote</p>*/
p.footnote  {margin:0px 0px 8px 24px;font-size:8.5pt;}
p.footnote sup {float:left;margin-left:-24px;}


/* Lightbox shows images on shaded background */
#overlay{
	background-image: url(resources/overlay.png); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); */
}
#lightbox{
}
#loadingImage {
}
#lightboxDetails{
	font-size: 8pt;
	border:1px solid;
  border-color: white gray gray white;
	height:18px;
	margin-bottom:4px;      
  background-color:#ccc;
}
#lightboxCaption{float: left; line-height:19px; padding-left:2px; }

#lightbox img{border:1px solid;border-color:silver gray gray silver;}
#overlay img{ border: none; }

#keyboardMsg a { /* close button */
	display:block;
	padding:0px 6px;
	line-height:14px;
	margin:1px;
	float:right;
	border:1px solid gray;
	background-color:#DDD;
	cursor:pointer;
	text-decoration:none;        
	color:black;
}
#keyboardMsg a:hover {color:blue;border:1px solid; border-color:silver gray gray silver;}
#keyboardMsg a:active {color:blue;border:1px solid;border-color:gray silver silver gray;}