/* colour original:
#002255 dark blue
#0055AA mid blue
#808080 grey
#ECE7E3 creamy white
#515151 dark grey
#d4cbcb pale grey touch of red
testing:
#000000 black
#808080 grey



 */



html{ height:101%; }
body {background-image : url(added-pics/parchment.jpg);
padding-right: 0px; padding-left: 0px; font-size: .9em; padding-bottom: 0px; margin: 0 10% 0 10%; color: #000000; padding-top: 0px; font-family: Verdana, Arial, sans-serif; background-color: #FFFFFF}
p {font-size: 100%; font-family: Verdana, Arial, sans-serif}
td {font-size: 100%; font-family: Verdana, Arial, sans-serif; vertical-align: text-top;}
li {font-size: 100%; font-family: Verdana, Arial, sans-serif}
ul {font-size: 100%; font-family: Verdana, Arial, sans-serif}
table {font-size: 100%; font-family: Verdana, Arial, sans-serif; border-collapse: collapse}
hr {width: 100%; color: #808080; height: 1px}
a:link {
color : #000000;font-weight : bold;text-decoration : none;background-color : transparent}
a:visited {color: #000000; font-weight: bold; text-decoration: none;  }
a:hover { color: #808080; font-weight: bold; text-decoration: underline;  }
a:active { color: #808080; font-weight: bold; text-decoration: none;  }
#header{padding:0px;margin:0px;height:96px;position:relative;}
#header img{padding:0px;padding-right:1em;margin:0px;}
#header h1{margin-left:0px; padding-left: 10px; text-align:left;height:auto;width:auto;color:#000000;position:absolute;bottom:4px;font-size:26pt;font-weight:normal;clear:none;}
#menubar{background-color:#808080;color:white;clear:both;width:100%;padding:.25em 0.1em .25em 0.1em;text-align:center;font-size:12px;font-variant:small-caps;font-weight:bold;letter-spacing:1px;text-align:left;}
#menubar ul{list-style:none;padding:0;margin:.25em;}
#menubar li{display:inline;margin:0;}
#menubar a{text-decoration:none;font-variant:small-caps;color:#ECE7E3;border:1px solid  #808080;padding:1px;  line-height:1.5em;}
#menubar span{padding-left:6px;padding-right:6px; border-right:#ECE7E3 solid 2px;display:inline-block;margin:0;}
#menubar span.fhmenuend{border-right:none;}
#menubar a:hover{border:1px solid #ECE7E3; color: #ECE7E3;}
.fhcontent { margin-left: 20px; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; }
.fhpageMedia .FhHdg3 { clear: both; }
.fhdatatable { width: 100%; }
.fhcolw4 { width: 4%; }
.fhcolw15 { width: 15%; }
.fhcolw20 { width: 20%; }
.fhcolw18 { width: 18%; }
.fhcolw33 { width: 33%; }
.fhcolw34 { width: 34%; }
.fhcolw67 { width: 67%; }
.fhcolw80 { width: 80%; }
.fhcolw85 { width: 85%; }
.fhcolw96 { width: 96%; }
.FhSiteTitle { text-align: center; height: auto; width: auto; font-size: 26pt; font-weight: 500; border-top-width: 1pt; border-right-width: 0px; border-bottom-width: 1pt; border-left-width: 0px; margin-top: 24pt; margin-bottom: 26pt; font-family: Verdana, Arial, Helvetica, sans-serif}
.FhPageTitle { height: auto; width: auto; font-size: 20pt; font-weight: 400; border-top-width: 1pt; border-right-width: 0px; border-bottom-width: 1pt; border-left-width: 0px; margin-top: 24pt; margin-bottom: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000 }
.FhPageTitleCentred { height: auto; width: auto; font-size: 20pt; font-weight: 400; border-top-width: 1pt; border-right-width: 0px; border-bottom-width: 1pt; border-left-width: 0px; margin-top: 24pt; margin-bottom: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; }
.FhWelcome { position: relative; width: 80%; left: 10%; }
.FhStatsData { position: relative; width: 80%; left: 10%; }
.FhContactData { position: relative; width: 80%; left: 10%; }
.FhAddress p { margin-top: 0; margin-bottom: 0; }
.FhTOC { height: auto; font-size: 12pt; font-weight: 400; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; width: 60%; left: 20%; }
.FhTOC ul {list-style:none; padding:0; margin:.25em;}
.FhInd a:hover { color: #808080; text-decoration: none; border-right: #000000 1px solid; border-top: #515151 1px solid; border-left: #515151 1px solid; color: #000000; border-bottom: #515151 1px solid }
.FhAppText { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; color: #000000; text-decoration: none; margin-top: 2em; margin-bottom: 2em; }
.FhAppText a:link {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; text-decoration: none}
.FhAppText a:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; text-decoration: none}
.FhAppText a:hover { font-weight: bold; color: #808080}
.FhInd { text-align: center; font-weight: bold; text-decoration: none; color: #d4cbcb; border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; margin-bottom: 1em; }
.FhInd a:link { color: #000000; text-decoration: none; border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid }
.FhInd a:visited { color: #000000; text-decoration: none; border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid }
.FhInd a:active { color: #000000; text-decoration: none; border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid }
.FhInd a:hover { color: #808080; text-decoration: none; border-right: #808080 1px solid; border-top: #515151 1px solid; border-left: #515151 1px solid; color: #808080; border-bottom: #515151 1px solid }
.FhHeader { height: auto; width: auto; font-size: 20pt; font-weight: 400; margin-bottom: 0pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}
.FhSeeAlso { position: relative; margin-left: 80px; }
.FhSeeAlso a { text-decoration: underline; }
.FhSeeAlso p { height: auto; width: auto; font-size: 11pt; font-weight: 400; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; margin-bottom: 0 }
.FhSeeAlso ul {list-style:none; margin-top: 0; margin-left: 15px; }
.FhSeeAlso li { height: auto; text-indent: -25px; width: auto; font-size: 10pt; font-weight: 400; font-family: Verdana, Arial, Helvetica, sans-serif }
.FhIndexList { margin-left: 10%; margin-bottom: 2em; }
.FhIndexList p { padding: 0px; margin: 0px; }
.FhIndexList ul { list-style: none; text-align: left; padding: 0px; margin: 0px; margin-left:15em; margin-top: -1.25em; }
.FhIndexList a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none}
.FhIndexList a:link {color: #000000; }
.FhIndexList a:visited {color: #000000; }
.FhIndexList a:hover { color: #808080; }
.FhIndexList a:active { color: #000000; }
.fhimgwrap { text-align: center; margin-bottom: 2em; }
.fhimgwrap img { border: 1px black solid; }
.fhimgcolumn { float: right; margin-left: 10px; margin-top: 10px; clear: both; }
.fhimgleft { overflow: auto; width: 100% }
.fhimgleft div { float: left; padding-right: 1em; clear: left; }
.fhimgright { overflow: auto; width: 100% }
.fhimgright div { float: right; padding-left: 1em; clear: right; }
.fhimgrow { width: 100%; vertical-align: middle; }

/* The padding has been removed from this line
	.fhimgrow div { float: left; padding-left: 1em; }  */

.fhimgrow div { float: left; }
.fhimgrow p { min-height: 4em; }
.fhimgcentre div img { display: block; margin-left: auto; margin-right: auto }
.fhimgcentre div { display: block; margin-left: auto; margin-right: auto }
.fhimgcentre p { text-align: center; }
.fhimgdims { height: auto; width: 96px; }  
.fhimgdimm { height: auto; width: 192px; }
.fhimgdiml { height: auto; width: 288px; }

.FhHdg1 { clear: both; height: auto; font-size: 20pt; font-weight: 500; border-style: solid; border-top-width: 1pt; border-right-width: 0px; border-bottom-width: 1pt; border-left-width: 0px; margin-top: 24pt; margin-bottom: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}
.FhHdg2 { clear: both; height: auto; font-size: 10pt; font-weight: 500; border-style: solid; border-top-width: 0.50pt; border-right-width: 0px; border-bottom-width: 0.50pt; border-left-width: 0px; margin-top: 12pt; margin-bottom: 5pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}
.FhLbl2 {  height: auto; font-size: 10pt; font-weight: 400; margin-top: 0pt; margin-bottom: 0pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}
.FhDat2 {  height: auto; font-size: 10pt; font-weight: 400; margin-top: 0pt; margin-bottom: 0pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}
.FhHdg3 { height: auto; font-size: 8pt; font-weight: 500; border-style: none; border-top-width: 0pt; border-right-width: 0px; border-bottom-width: 0pt; border-left-width: 0px; margin-top: 4pt; margin-bottom: 0pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}
.FhLbl3 {  height: auto; font-size: 8pt; font-weight: 400; margin-top: 0pt; margin-bottom: 0pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}
.FhDat3 {  height: auto; font-size: 8pt; font-weight: 400; margin-top: 0pt; margin-bottom: 0pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}
.fhimgwrap p {  height: auto; font-size: 8pt; font-weight: 400; margin-top: 0pt; margin-bottom: 0pt; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000000}

/* The padding has been added to this line
	.fhimgdimc144 { height: auto; width: 144px; } */


.fhimgdimc144 { height: auto; width: 144px; padding-right: 3em; }



table td#cell1 {width:25%}
table td#cell2 {width:25%}
table td#cell3 {width:25%}
table td#cell4 {width:25%}

table.albumtable
	{
	border-style: solid;

	border-width: 4px;
	border-top-color:    #D4CDB6;
	border-right-color:  #9C988C;
	border-bottom-color: #9C988C;
	border-left-color:   #D4CDB6;
	padding: 4px
	}



td.albumtable
	{
	border-style: solid;

	border-width: 4px;
	border-top-color:    #D4CDB6;
	border-right-color:  #9C988C;
	border-bottom-color: #9C988C;
	border-left-color:   #D4CDB6;
	padding: 4px
	}

#portrait {	padding: 6px;
		float: right;
		margin: 10px 0px 0px 15px;


	}

#portraitframe
	 {	padding: 6px;
		border-width: 2px;
		border-style: ridge;
		border-color: #FFFBE8;
		margin: 10px 10px 10px 0px;

	}


img {
border : 0;
}

.picright {
text-align : left;
float : right;
margin-left : 20px;
margin-bottom : 10px;
}
.picleft {
text-align : left;
float : left;
margin-right : 20px;
margin-bottom : 10px;
}

.borderless  {
	margin: 0px;
	border-style: solid	;
	border-width: 0;
}



.album {

width:650px

}

.thumbtable
{
width:100%;
margin: 0; padding: 0;
clear:both;

}

.thumbtable li
{
display:block;

border-style: solid;

border-width: 4px;
border-top-color:    #D4CDB6;
border-right-color:  #9C988C;
border-bottom-color: #9C988C;
border-left-color:   #D4CDB6;


padding:20px 20px 20px 20px;
float:left;
width:150px;
height:150px;
}


/* General styles 
many thanks to 
http://www.css-zibaldone.com/articles/gallery/styling.html
*/

#gallery {
	padding: 2em 0;
	margin: 0 auto;
	width: 800px;
	font: small Verdana, sans-serif;
}



#gallery #main {
	width: 100%;
	margin: 0;
	padding: 1em 0;
	list-style: none;
}

#gallery #main li p {
	margin: 0;
}



/* Positioning and initial formatting */

#gallery #main {
	padding-left: 20px;

}


#gallery #main li {
	float: left;
	width: 160px;
	margin: 0 40px 0 0;
}

#gallery #main li img {
	display: block;
	width: 100%;
}


/* Backgrounds and colors */

#gallery #main li {
	background: #EBEBEB url("") no-repeat top left;
	color: #000000;
	margin-bottom: 0.5em;
}

#gallery #main li p {
	padding: 0.5em 1em;
}

#gallery #main li p.desc {
	background: transparent url("../img/br.png") no-repeat bottom right;
	font-style: italic;
}

div.ex
{
width:220px;
padding:10px;
border:5px solid gray;
margin:0px;
}


.lefthalf {margin-left:0px;width:40%;margin-right:auto;}