/*
CSS for John and Linda Davies's Web site 
(c) John Davies 2000-2003            27/2/2003 
10/6/2002:  Converted all selectors to lower case in view of XHTML 1.0 case sensitivity.
10/6/2002:  Converted some remaining colour names to #RRGGBB values.
Oct 2002 :  Created Holtable coloration.
Dec 2002 :  Created rightcontent and leftcontent.
Feb 2003 :  Added uline property
Feb 2003 :  Added transparent b/g color to stop XHTML Validator bleating about background colors missing.
Mar 2003 :  Adjusted font sizes following site conversion to XHTML
Apr 2003 :  Changed to CSS-based instead of table-based positioning for holiday photos & some others. 
Jan 2005 :  Changed from absolute to relative font-sizes - recommended by WAI.
Jul 2005 :  Numerous small amendments.
Mar 2010 :  Used max-width on the body to prevent extra-wide screens spreading the text out too wide.  Max-width now widely supported.
*/



* {
  margin: 0;
  padding: 0;
}
img { border: 0; }

body
{
text-align:	left;
/*background: 	#eeeeee url(images/jazzgray.gif) fixed;*/
background: 	#eeeeee url(images/bkgrd.gif) fixed;
/*background: 	#f0f0f0;*/
color:		#333;
margin:		auto;
white-space: 	normal;
font: 		normal normal 90% Arial, Helvetica, sans-serif;
max-width:	1024px;
}


h1 {
	font: italic bold 180% Georgia, Arial, Helvetica, sans-serif;
	color: #0000cc;
	background-color: transparent;
	text-align:	center;
	padding: 0.4em 0.75em;
	margin: 1em 20% 1em 0px;
	border:	4px groove #d8d8e8;
}

/*  Tan hack for ie5 & 5.5 */
* html h1 {
	margin: 1em 24% 1em 0px;
	ma\rgin: 1em 21% 1em 0px;
}

h2 {
	font: italic bold 125% Georgia, Arial, Helvetica, sans-serif;
	color: #000099;
	background-color: #ccc;
	text-align: left;
	width: 100%;
	padding: 1px 1% 1px 1%;
	margin:	1.5em 0px 0.5em 0px;
	position: relative;
	left: -6px;
	border: 1px solid;
	border-color: #fff #666 #666 #fff;
	top: 2px;
}

/*  Tan hack for ie5 & 5.5 */
* html h2 {
	width: 102%;
	wid\th: 100%;
}

h3 {
	font:	italic bold 110% Georgia, Arial, Helvetica, sans-serif;
	text-align:	left;
	color: #000099;
	background-color:	transparent;
	margin:	1.5em 0px 0.25em 0px;
}

h4 {
	font: normal bold 105% Georgia, Arial, Helvetica, sans-serif;
	text-align:	left;
	color: #000099;
	background-color:	transparent;
	margin:	0em 0px 0.25em 0px;
}

h5 {
	font: normal normal 100% "Times New Roman", Roman, serif;
	text-align:	justify;
	background-color:	transparent;
	margin:	0px 0px 0em 5%;
}

h6 {
	font:	normal normal 100% "Times New Roman", Roman, serif;
	text-align:	justify;
	background-color:	transparent;
	margin:	0px 0px 0em 10%;
}

p {
	text-align:	justify;
	background-color:	transparent;
	font:	normal normal 100% Arial, Helvetica, sans-serif;
	margin:	0px 0px 1em 0px;
}

p.paddown {padding-top:1em;}

ul {
	background-color:	transparent;
	margin:	0px 0px 1em 0px;
}


ul li {
	text-align:	justify;
	background-color:	transparent;
	font:	normal normal 100% Arial, Helvetica, sans-serif;
}

ul        { list-style-type: disc;  margin-left: 2em;}
ul ul     { list-style-type: circle; margin: 0px 0px 0px 2em;}
ul ul ul  { list-style-type: square; margin: 0px 0px 0px 2em;}

ol        { list-style-type: upper-alpha; }  /* A B C D E etc. */
ol ol     { list-style-type: decimal; }      /* 1 2 3 4 5 etc. */
ol ol ol  { list-style-type: lower-roman; }  /* i ii iii iv v etc. */

ol.photolist { list-style-type: decimal;       /* 1 2 3 4 5 etc. */
								margin-left: 2em;
}

/*  Supposed to center a table according to WDG - but it does not seem to work  */
table {
margin-left: auto;
margin-right: auto;
}

a {
font:		bold 100% Arial, Helvetica, sans-serif;
background-color: transparent;
}

a:link 		{ color: #00f; background-color: transparent;}		/* unvisited link */
a:visited 	{ color: #900; background-color: transparent; }		/* visited links */
a:hover		{ background-color: #0f3; }		/* roll-over colour */
a:active 	{ color: #900; background-color: transparent; }		/* active links */

p#menuclass    {border: 1px #bbb solid; text-align: center;}
p#menuclass a	{padding: 1px 1em; margin: 0px -5px 0px 0px; border-right: 1px #bbb solid; 
                         font-weight: bold; text-decoration: none;} 
p#menuclass a:link    {color: #00f; background-color: transparent; } 
p#menuclass a:visited {color: #00f; background-color: transparent; }
p#menuclass a:hover   {background-color: #0f3; }

.indent1 {margin-left:	3%;}
.indent2 {margin-left:	6%;}
.centred	 {text-align:  center;}
.limeborder {border: 1px solid #00ff00;}
acronym {cursor:help; border-style:dotted; border-width:1px;}
acronym.highlight {background-color:yellow;}
abbr {cursor:help; border-style:dotted; border-width:1px;}

/* Pullquote styles: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.pullquote {
	width: 225px;
	background: #edd;
	float: right;
	margin: 0.5em 0em 0.5em 1em;
}
div.pullquote p {
	margin: 0.75em;
	font: bold 75% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
div.pullquote img {
	height: 13px;
	border: 0px; 
	width: 24px; 
}
div.pullquote img.fr {
	float: right;
}
div.pullquote p.source {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}
/* End of Pullquote styles: ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* nav links:  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.toc {	
	border: 1px solid #000;
	position: relative;
	float: right;
}

/* create a button look for links */
div.toc a:link, div.toc a:visited {
	display: block;
	background-color: #c8c8c8;
	border: solid 2px;
	border-color: #aaa #333 #333 #aaa;
	color: #000;
	font: bold 80% Arial,Helvetica,sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	line-height: 1.75;
	width: 9.5em;
	margin: 2px;
}

div.toc a:hover
{   background-color: #666; color: #fff;}

/* depress effect on click */
div.toc a:active, div.toc a:focus {   
	border-color: #333 #ccc #ccc #333;
	letter-spacing: normal;
}
/* End of nav links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* What's New page styles: ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.whatsnew {
  border:	1px #aaa solid; 
  width:	79%; 
  margin:	1em 10%;
}
table.whatsnew td {
  border:	1px #aaa solid; 
  font: 	100% Arial, Helvetica, sans-serif;
}	
/* Tan hack for IE5 */
* html table.whatsnew td {
  font: 	85% Arial, Helvetica, sans-serif;
  fon\t: 	100% Arial, Helvetica, sans-serif;
}	

table.whatsnew td.centred {
  font-weight: 	bold;
}	

table.whatsnew td ul {
/*  padding:	0.5em 15px; */
  margin: 0.5em 0.5em 0.5em 2em;
}
table.whatsnew td li {
/*  padding:	0.25em 0px; */
  margin: 0.5em;
  text-align:	justify;
  color:	#000000;
}
/* End of What's New page styles  ~~~~~~~~~~~~~~~*/

/*  Bit of a laugh for first letter of each para. */
.dropcap:first-letter { font-size: 125%; color: #933; background-color: #fff6eb; }
.uline {text-decoration: underline;}
.holpic {border: 1px solid #000000;}
.nodisplay {display: none; color: white; background-color: white; }
.hidden {display: none;}
span[lang] {font-style: italic;}  /* Italicise foreign words */

hr {margin: 0.5em 0em;}
/* Tan hack for IE 5 & 6 */
* html hr {margin: 0em 0em;}

/* Styles for PAF pages: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
blockquote {margin: 0.25em 0em 1em 1em;}
/* End of styles for PAF pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.phot {
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.phot img {
  background-color: #fff;
  color: #111111;
  margin-bottom: 0.5em;
  padding: 10px;
  border: 1px solid #888; 
}
div.phot img.transp {
  background-color: transparent;
  color: #111111;
  margin-bottom: 0.5em;
  padding: 10px;
  border: 1px solid transparent; 
}

div.phot img.l-floating {
  float: left;
  margin-right:1em;
  margin-left:0.5em;
}

div.phot img.r-floating {
  float: right;
  margin-left:1em;
  margin-right:0.5em;
}

div.phot p {
  text-align: center; 
  padding-top: 100px;
}

div.photwide {
	clear: both;
}

div.photwide img {
	text-align:center;
  background-color: #fff;
  color: #111111;
  margin-bottom: 4em;
  padding: 10px;
  border: 1px solid #888; 
	clear:both;
}

div.photwide p {
  text-align: center; 
}

div.youtubevid {
  text-align: center; 
	clear: both;
  margin-bottom: 4em;
}

div.youtubevid p {
  text-align: center; 
}

div.youtubevid embed {
  border: 1px solid #888; 
}

.backto {
  clear:both;
  padding-top:0.5em;
}

table#holtable td { border: 1px #00ff00 solid; padding: 0.5em; font-size: 100%; font-weight: bold; text-align: center;}
table#holtable th { border: 1px #00ff00 solid; padding: 0.5em; font-size: 110%; color: #666;}
table#holtable { border: 4px #00ff00 ridge;}
table#holtable td.tal {text-align: left;}
table#holtable a {float:left;}

p.cl {clear: left;}

#rightcontent {
  position: absolute;
  float: right;
  right:5%;
  top: 1%;
  margin-top: 10pt;
  z-index: 2;
  width: 20%;
  background: #eee;
  border: 1px #000 solid;
  padding: 5px 5px 5px 5px;
  text-align: center;
  font-size: 80%;
}
#leftcontent {
  position: absolute;
  float: left;
  left: 3%;
  top: 4%;
  z-index: 2;
}

/* Searchbox Section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Styles called from home page, holidays, 404 and search results page */
div#searchbox {
  width: 46%;
  border: double #666666 4px;
  font-size: 100%;
  vertical-align: middle;
  margin: 0px auto 0.75em;
  text-align: center;
}

div#searchbox p {
  vertical-align: middle; margin-top: 0.5em; text-align: center;
}

div#searchbox input {
  vertical-align: middle;
  padding: 1px;
  border: 1px solid;
  border-color: #ffc #333 #333 #ffc;
}
div#searchbox input#query {
  border-color: #333 #cc9 #cc9 #333;
}

div#searchbox a {
  font-size: 85%;
}

div#searchbox select {
  display: none;
}
/* End Searchbox Section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* RSS Feed ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.rssitems {
  margin: 3em 0;
  border-top: 1px solid #c96;
}

div.rssitems a {
  font-size: 120%;
}
/* End RSS Feed ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p.latenews {
  border: 5px red double;
  padding: 1em;
  color: red;
  text-align: center;
  font: italic bold 120% Arial, Helvetica, sans-serif;
}

.cb {clear: both;}

div.cb {
  clear: both;
}
.clearer {
 clear: both;
 display: block;
 height: 1px;
 margin-bottom: -1px;
 font-size: 1px;
 line-height: 1px;
}

/* Holly Hack for IE Win but not IE/Mac \*/
* html div.cb {
  height: 1%;
}
/*  End Holly Hack - Needed for IE hasLayout but hidden from IE/Mac */



/* Remove menu buttons and background and margins when printed */
@media print{
    body {background-color:#FFFFFF; background-image:none; color:#000000; margin-left:0%; margin-right:0%;}
    #rightcontent {display:none;}
    a:after{content: attr(href)}
      }

/*  End of style sheet  */