/**** myhistory.css created August 2008 ****/

body {
	background-color: #cccc99;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 90%; 
	margin: 0px;
	padding: 0px;
}

.clear	{clear: both;}

a img	{border: 0;}

* {margin: 0px; padding: 0px;}


/* ===== container, wrapper or whatever you want to call it === */
#container {
	margin: 0px auto;
	text-align: left;
	width: 740px;
}

p	{margin: 0 0 1em;}
/*p {margin: 15px 0px;}*/

/********** HEADER INFO **********/
#header {
	margin: 0px 0px 0px 0px;
	background-image: url('images/header01home.jpg');
	width: 740px;
	height: 200px;
	position: relative;
}

/********** NAVIGATION INFO **********/

/* added 28/09/08 */
/* changed all navigation links from id to class, this made design correct in dreamweaver etc  */
.navcontainer	{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 740px;
	height: auto;
}

.navcontainer ul	{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;		/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #008080;
color: white;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;     /* fixes Firefox 0.9.3 */
}

.navcontainer ul li	{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

.navcontainer ul li a	{
padding-left: 15px;	
padding-right: 15px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px dashed #209c9c;
border-bottom: 1px dashed #209c9c;
}

.navcontainer ul li a:hover	{background-color: #cccc99; color: #660000;}
.navcontainer .active {border-left: 1px dashed #209c9c;}


/***** ===== CONTENT INFO ===== *****/
#content {
	background-image: url('images/content_bkgd.gif');
	width:740px;
	margin-top: 0px;
}

#content p	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: .95em;
}

#content p.info	{
	width: 75%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: justify;
	font-size: .8em;
	border-top: 2px solid #660000;
	padding-top: .6em;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

h1	{
	color: #660000;
	font-size: 1.6em;
	margin: 20px 0px 20px 0px;
}

h2	{
	color: #660000;
	font-size: 1.4em;
	margin: 20px 0px 15px 0px;
}

h3	{
	color: #660000;
	font-size: 1.2em;
	margin: 10px 0px 15px 0px;
}
h4	{
	color: #ff0000;
	font-size: 1em;
	margin: 10px 0px 15px 0px;
}
h5	{
	color: #008080;
	font-size: 1em;
	margin: 10px 0px 15px 0px;
}

/*** === CONTENT LEFT === ***/
#content-left, #content-left-picture {
	float: left;
	width: 440px;
	margin-left: 27px;
	padding: 0px 10px 30px 0px;
	display: inline; /*** this is in case you need to put images in line only **/
}
#content-left a{color: #28556b;}
#content-left a:hover{color: #c77e0c;}

#content-left ul	{list-style-type: none;}
#content-left li	{line-height: 1.6; 	margin-left: 20px;}

/*** === CONTENT RIGHT === ***/
#content-right {
	float: right;
	width: 210px;
	padding: 0px 20px 20px 20px;
	margin-top: 10px;
	border-left: #008080 2px solid;
}
#content-right a{color: #c77e0c;}
#content-right a:hover{color: #85a157;}
#content-right h3{
	text-align: center;
	width: 210px;
	margin: 10px 0px 15px 0px;
}

/********** FOOTER INFO **********/
#footerline {
clear: both;
background-image: url('images/footer_bkgd.gif');
font-size: 1px;
height: 20px;
}
#footer {
	width: 740px;
	text-align: center;
	padding: 20px 0px;
}


/********** MI additional info **********/
#mis li	{line-height: 1.2;}
#mis p	{margin: 5px 10px 0 0;	text-align: justify;}
#mis p.pagetop	{font-size: .8em; text-align: right;}
#mis .pagetop	{ /*** this gives the bottom border a 1px teal colored line across the page ***/
	border-bottom: 1px solid #008080;
	padding-bottom: 2px;
}

/********** LINKS and CEMETERY INDEX INFO **********/
#mis ul	{border-bottom: 1px solid #008080; padding-bottom: 1em; margin-right: 10px;}


#my-links ul, .cemetry-list ul, #mis ul	{
	list-style-type: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
}
#my-links li, .cemetry-list li	{line-height: 1.6;}
#my-links li	{margin-left: 10px;	padding-left: 10px;}

/********** PAGE TOP INFO **********/
.pagetop	{position: relative; text-align: right;}
.pagetop-icon	{
	background-image: url(images/icon_TopOfPage.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	padding-left: 16px;
}

/***** ===== tables info ==== *****/
.tabledata	{
	border-collapse: collapse;
	border: 2px solid #338ba6;
}
.tabledata th	{
	border: 2px solid #338ba6;
	background-color: #ffcc66;
	color:#000000;
	padding: 5px 0 5px 0;
	text-align: center;
}
.tabledata td	{
	border: 1px solid #73c0d4;
	padding: 3px;
	margin: 3px;
}
.tabledata tr:hover, .tabledata tr.hilite	{
	background-color: #fbed89;
	color: #ff0000;
}
/*****===== this is a no borders table hence the nb =====*****/
.tabledata-nb	{border-collapse: collapse;}
.tabledata-nb th	{
	border: 2px solid #338ba6;		/*== border only for the table header ==*/
	background-color: #ffcc66;
	color: #000000;
	padding: 4px 0 4px 2px;
	text-align: left;
}
.tabledata-nb td	{border: 0;	padding: 1px 0 1px 0;}
.tabledata-nb tr:hover, .tabledata-nb tr.hilite	{background-color: #fbed89;	color: #ff0000;}

/*========== for B.M.D. certificates ==========*/
.table-gen	{border-collapse: collapse;}
.table-gen td	{border: 0;	padding: 3px 0 3px 0;}

#certs .table-gen	{margin-left: 70px; width: 520px;}
#certs .certcol1	{width: 185px;}
#certs .certcol2	{width: 25px;}
#certs .certcol3	{width: 300px;}

/***===== cemetery list and index table info ===***/
.cemetry-list h4	{
	margin-left: 20px;
	padding-left: 20px;
}
.cemetry-list li	{
	margin-left: 40px;
	padding-left: 40px;
}

/***===== tree index table info ===***/

#tree-indx .tabledata	{width: 600px; margin-left: auto; margin-right: auto;}
#tree-indx .indxcol1	{width: 340px;}
#tree-indx .indxcol2	{width: auto;}
#tree p	{margin: 0 2em 1em 0;}
#tree .indent	{margin-left: 30px;}

/***===== OPR - old parish register pages ===***/
#opr, #opr-indx, #tree-indx, #tree, .cemetry-list, #my-links, #certs-indx, #mis, #certs, #census, #pic-indx	{
	float: right;
	width: 700px;
	padding: 0px 10px 10px 0px; 
}
#opr .pagetop	{width: 700px;	text-align: right;}
#opr .tabledata, #certs-indx .tabledata, #census .tabledata-nb	{width: 700px;}
#opr-indx .tabledata, #pic-indx .tabledata	{width: 610px; margin-left: auto; margin-right: auto;}

/*** Birth table columns ***/
#opr .boprcol1	{width: 100px;}
#opr .boprcol2	{width: 170px;}
#opr .boprcol3	{width: auto;}

/*** Death table columns ***/
#opr .doprcol1	{width: 100px;}
#opr .doprcol2	{width: 170px;}
#opr .doprcol3	{width: auto;}

/*** Marriage table columns ***/
#opr .moprcol1	{width: 100px;}
#opr .moprcol2	{width: auto;}

/*** Index table columns ***/
#opr-indx .indxcol1	{width: 140px;}
#opr-indx .indxcol2	{width: auto;}
#opr-indx .indxcol3	{width: 70px;}

/*** Certificate Index table columns ***/
#certs-indx .indxcol1	{width: auto;}
#certs-indx .indxcol2	{width: 120px;}
#certs-indx .indxcol3	{width: 50px;}

/*** Picture Index table columns ***/
#pic-indx .indxcol1	{width: auto;}
#pic-indx .indxcol2	{width: 160px;}
#pic-indx .indxcol3	{width: 100px;}

#opr-indx a, #tree-indx a, .cemetry-list a, #my-links a, #certs-indx a	{color: #28556b;}
#opr-indx a:hover, #tree-indx a:hover, .cemetry-list a:hover, #my-links a:hover, #certs-indx a:hover	{color: #c77e0c;}

#census .tabledata-nb	{font-size: 0.9em;}
#census .cencol1	{width: 100px;}
#census .cencol5	{width: 120px;}
#census .cencol2	{width: 200px;}
#census .cencol3	{width: 50px;}
#census .cencol4	{width: auto;}



#picture	{float: right; width: 700px; padding: 0px 10px 10px 0px;}

#picture h2	{border-bottom: 1px solid #660000; width: 98%;}
#picture h3	{text-align: center;}
#picture h5	{text-align: center;}
#picture .just p	{margin: 0 2.0em 1.0em 0; text-align: justify;}
.dateR	{font-weight: normal; font-size: 0.8em; color: #000000;}

.table-picture	{width: auto; border-collapse: collapse;}
.table-picture td	{border: 0px;}
#picture .photo-col1	{width: 350px; vertical-align: top;}
#picture .text-col1	{width: auto; padding-left: 15px; padding-right: 10px; vertical-align: top; line-height: 1.2em;}
.picture_table-image	{width: 350px; vertical-align: top;}
.picture_table-textR	{width: 350px; vertical-align: top;}
.picture_table-textR p	{margin-left: 15px; margin-right: 10px; line-height: 1.2em;}


.text500	{width: 500px; margin-left: auto; margin-right: auto;}
.text600	{width: 600px; margin-left: auto; margin-right: auto;}

.just	{text-align: justify;}
hr	{background-color: #008080;	color: #008080;	height: 2px;}

img {padding: 0px;	border: 0;}

.more	{color: #008080; background-color: #ffffcc;}

.indent	{margin-left: 30px;}
.backto	{text-align: left;}

.flLeft {float: left; border: none;}
.flRight {float: right; border: none;}
.center	{text-align: center;}

.green	{text-align: right;	color: #008080;	background-color: #ffffcc;}
.red	{text-align: right;	color: #ff0000;	background-color: #ffffcc;}
.black	{text-align: right;	color: #000000;	background-color: #ffffcc;}


img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.image-right {
	float: right;
	margin: 0 0 1em 1em;
	display: inline;
}

/*=================  Photo gallery info =====================*/
.galleryholder {float: right; width: 700px;	height: auto;}
.tablegallery-l, .tablegallery-p	{width: 580px; margin-left: auto; margin-right: auto;}
.tablegallery-l img, .tablegallery-p img	{margin: 2px; border: 1px solid #a0acc0; display: block;}
.tablegallery-l td	{width: 130px; border: 2px solid #008080; background-color: #fffeef; padding: 3px;}
.tablegallery-p td	{width: 102px; border: 2px solid #008080; background-color: #fffeef; padding: 3px;}
.phototitle {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.8em; text-align: center; font-weight: normal;}
.tablegallery-l a:hover img, .tablegallery-p a:hover img {border: 1px solid #ff0000;}