/* possible background colour background-color: rgb(232,254,232); */

body {
	border-top-width: 0px; 
	font-weight: normal; 
	border-left-width: 1px; 
	font-size: 11px; 
	border-bottom-width: 0px; 
	margin: 0px; 
	color: #000000; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	background-color: #ffffff; 
	border-right-width: 0px
}

b {
	font-weight: bold
}

h1 {
	font-size: 16pt; 
	color: #000000; 
	font-weight: bold; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none; 
	padding: 1px; 
	margin: 1px;
}

tr {
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica
}
tr.hebrew {
	font-family: David, Arial, Narkisim, Tahoma;
}

td {
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica
}
td.hebrew {
	font-family: David, Arial, Narkisim, Tahoma;
}

div {
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica
}

ol {
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica
}

a {
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
}
a.hebrew {
	font-family: David, Arial, Narkisim, Tahoma;
}

form {
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-TOP: 0px
}

A:link {
	color: rgb(32,167,64);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica;
	text-decoration: none;
}
A:visited {
	color: rgb(32,167,64);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica;
	text-decoration: none;
}
A:active {
	color: rgb(0,153,0);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica;
	text-decoration: underline;
}
A:hover {
	color: rgb(0,153,0);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}

A.hebrew:link {
	color: rgb(32,167,64); 
	font-family: David, Arial, Narkisim, Tahoma;
	text-decoration: none;
}
A.hebrew:visited {
	color: rgb(6,103,29); 
	font-family: David, Arial, Narkisim, Tahoma;
	text-decoration: none;
}
A.hebrew:active {
	color: rgb(0,153,0);
	text-decoration: underline;
	font-family: David, Arial, Narkisim, Tahoma;
}
A.hebrew:hover {
	color: rgb(0,153,0);
	text-decoration: underline;
	font-family: David, Arial, Narkisim, Tahoma;
}

A.hebrew-alert-large:link {
	font-size: 16pt;
	color: rgb(255,0,0);
	font-family: David, Arial, Narkisim, Tahoma;
	text-decoration: none;
}
A.hebrew-alert-large:visited {
	font-size: 16pt;
	color: rgb(255,0,0);
	font-family: David, Arial, Narkisim, Tahoma;
	font-weight: bold;
	text-decoration: none;
}
A.hebrew-alert-large:active {
	font-size: 16pt;
	color: rgb(255,0,0);
	font-family: David, Arial, Narkisim, Tahoma;
	font-weight: bold;
	text-decoration: underline;
}
A.hebrew-alert-large:hover {
	font-size: 16pt;
	color: rgb(255,0,0);
	font-family: David, Arial, Narkisim, Tahoma;
	font-weight: bold;
	text-decoration: underline;
}

A.alert-large:link {
	font-size: 16pt;
	color: rgb(255,0,0);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}
A.alert-large:visited {
	font-size: 16pt;
	color: rgb(255,0,0);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}
A.alert-large:active {
	font-size: 16pt;
	color: rgb(255,0,0);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}
A.alert-large:hover {
	font-size: 16pt;
	color: rgb(255,0,0);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}

A.copyrightlink:link {
	color: rgb(153,255,134);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}
A.copyrightlink:visited {
	color: rgb(153,255,134);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}
A.copyrightlink:active {
	color: rgb(153,255,134);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}
A.copyrightlink:hover {
	color: rgb(255,255,255);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

A.nameslist:link {
	color: rgb(153,255,134);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}
A.nameslist:visited {
	color: rgb(153,255,134);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}
A.nameslist:active {
	color: rgb(153,255,134);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}
A.nameslist:hover {
	color: rgb(255,255,255);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}

A.nameindex:link {
	font-size: 10pt;
	color: rgb(32,167,64); 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none
}
A.nameindex:visited {
	font-size: 10pt; 
	color: rgb(6,103,29); 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none
}
A.nameindex:active {
	font-size: 10pt; 
	color: rgb(0,153,0);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}
A.nameindex:hover {
	font-size: 10pt; 
	color: rgb(17,255,34);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}

A.nounderline:link {
	font-size: 10.5pt; 
	color: rgb(32,167,64);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}
A.nounderline:visited {
	font-size: 10.5pt; 
	color: rgb(32,167,64);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}
A.nounderline:active {
	font-size: 10.5pt; 
	color: rgb(0,153,0);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}
A.nounderline:hover {
	font-size: 10.5pt; 
	color: rgb(0,153,0);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: underline;
}

A.image-close:link {
	font-weight: normal; 
	font-size: 10pt;
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-align: right;
	background-color: transparent;
	color: rgb(32,167,64);
}
A.image-close:visited {
	font-weight: normal; 
	font-size: 10pt;
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-align: right;
	background-color: transparent;
	color: rgb(6,103,29);
}
A.image-close:active {
	font-weight: normal; 
	font-size: 10pt;
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-align: right;
	background-color: transparent;
	color: rgb(0,153,0);
}
A.image-close:hover {
	font-weight: normal; 
	font-size: 10pt;
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-align: right;
	background-color: transparent;
	color: rgb(17,255,34);
}

#siteindex {
	padding-LEFT: 2px; BACKGROUND: url(http://images.reproots.org/sideline2.jpg) ; 
}

/* #mainpage padding-LEFT: 2px; BACKGROUND: url(background.gif) */

.siteindex {
	font-size: 10.5pt; 
	color: rgb(232,254,232);
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

/* possible siteindex colour: #99ff86 */

.copyright {
	font-size: 7.8pt; 
	color: #000000; 
	font-weight: italic; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

.heading-1 {
	font-size: 16pt; 
	color: #000000; 
	font-weight: bold; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

.heading-1-hebrew {
	font-size: 16pt; 
	color: #000000; 
	font-weight: bold; 
	font-family: David, Arial, Narkisim, Tahoma;
	text-decoration: none;
}

.heading-2-italics {
	font-size: 14pt;
	color: #000000;
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica;
	text-decoration: none;
}

.heading-2 {
	font-size: 14pt; 
	color: #000000; 
	font-weight: bold; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

.heading-2-hebrew {
	font-size: 14pt; 
	color: #000000; 
	font-weight: bold; 
	font-family: David, Arial, Narkisim, Tahoma;
	text-decoration: none;
}

.heading-2-indented {
	font-size: 14pt; 
	color: #000000; 
	font-weight: bold; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
	margin-left: 1.5em;
}

.heading-2-hebrew-indented {
	font-size: 14pt; 
	color: #000000; 
	font-weight: bold; 
	font-family: David, Arial, Narkisim, Tahoma;
	text-decoration: none;
	margin-right: 1.5em;
}

.heading-3 {
	font-size: 12pt; 
	color: #000000; 
	font-weight: bold; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

.heading-3-hebrew {
	font-size: 12pt; 
	color: #000000; 
	font-weight: bold; 
	font-family: David, Arial, Narkisim, Tahoma;
	text-decoration: none;
}

.text {
	font-size: 11pt; 
	color: #000000; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

.text-note {
	font-size: 10pt; 
	font-weight: italic;
	color: #000000; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

.image-text {
	font-size: 10pt; 
	color: #000000; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none
}

.image-text-hebrew {
	font-size: 10.5pt;
	color: #000000;
	font-family: David, Arial, Narkisim, Tahoma;
	text-decoration: none;
}

.caption {
	font-weight: normal; 
	font-size: 10pt;
}

.text-tree {
	font-size: 10.5pt; 
	color: #000000; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none
}

.text-cemeterydetails {
	font-size: 10.5pt; 
	color: #000000; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none
}

.map-horizontal {
	font-size: 10pt; 
	/*color: #033EFF; */
	color: #FFFF00;
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
	font-weight: bold; 
	font-effect: emboss;
	background-color: #808080;
}

.map-vertical {
	font-size: 10pt; 
	/*color: #0C4502; */
	color: #fff;
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
	font-weight: bold; 
	font-effect: emboss;
	background-color: #808080;
}

.text-indented {
	margin-left: 1.5em;
	font-size: 11pt;
	color: #000000;
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica;
	text-decoration: none;
}

.text-hebrew {
	font-size: 11pt;
	color: #000000;
	font-family: David, Arial, Narkisim, Tahoma;
	text-decoration: none;
}

.pages { 
	font-size: 10.5pt;
	color: #000000;
	font-weight: normal;
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica;
	float: right;
	text-align: right;
	background-color: transparent;
}

.text-larger {
	font-size: 13pt; 
	color: #000000; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

.alert {
	font-size: 11pt; 
	color: #ff0000; 
	font-weight: bold; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

.alert-large {
	font-size: 16pt; 
	color: #ff0000; 
	font-weight: bold; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
}

.alert-hebrew {
	font-size: 11pt;
	color: #ff0000;
	font-family: David, Arial, Narkisim, Tahoma;
	font-weight: bold;
	text-decoration: none;
	/* style: direction:rtl; */
}

.alert-hebrew-large {
	font-size: 16pt;
	color: #ff0000;
	font-family: David, Arial, Narkisim, Tahoma;
	font-weight: bold;
	text-decoration: none;
	/* style: direction:rtl; */
}

.noindent {
	margin-left: 0;
	font-size: 11pt; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
	smargin:0; 
	padding:0; 
	list-style-position: inside; 
}

.noindent-index {
	margin-left: 0;
	font-size: 10pt; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
	smargin:0; 
	padding:0; 
	list-style-position: inside; 
}

.noindent-hebrew {
	margin-right: 0;
	font-size: 11pt; 
	font-family: David, Arial, Narkisim, Tahoma;
	text-decoration: none;
	smargin:0; 
	padding:0; 
	list-style-position: inside; 
}

.bullet-noindent {
	margin-left: 0;
	font-size: 11pt; 
	font-family: Geramond, Garamond, Tahoma, Arial, Helvetica; 
	text-decoration: none;
	smargin:0; 
	padding:0; 
	list-style-position: inside; 
}

.subscript {
	font-weight: normal; font-size: 7pt
}

/*floating images -- wrapping text; can also use the one below */
img.floatleft {
	float: left; 
	margin: 0.5pt;
}
img.floatright { 
	float: right;
	margin: 0.5pt; 
}

/* use either this or the previous */
.floatright {
	float: right;
	text-align: center;
	font-size: small;
	margin: 0.5pt;
}
.floatleft {
	float: left;
	text-align: center;
	font-size: small;
	margin: 0.5pt;
}

.image-mark img{
	border: 1px solid rgb(232,254,232);
}
.image-mark:hover img{
	border: 1px solid rgb(128,128,128);
}

/* fix this (magnifiying mark on images)
.floatright span {
  background: url('http://images.reproots.org/zoom.jpg') top left no-repeat;
  cursor: hand;
}
*/



#popuppic {
	position: relative;
/*	left: 0px;	top: 0px; */
}

#popuppic a .large {
	border: 0px;
	position: absolute;
	height: 1px;
	left: 0px;
	top: 0px;
	width: 0px;
}

#popuppic a img {
	border: 0;
}

/* thumbnail image with mouse over */
/*p86 = width=86 */
#popuppic a.p86, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p86:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p86:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 201pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 86pt;
}

/* thumbnail image with mouse over */
#popuppic a.p137x201, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p137x201:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p137x201:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 201pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 137pt;
}

/* thumbnail image with mouse over */
#popuppic a.p142, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p142:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p142:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 201pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 142pt;
}

/* thumbnail image with mouse over */
#popuppic a.p150, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p150:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p150:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 200pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 150pt;
}

/* thumbnail image with mouse over */
#popuppic a.p157, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p157:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p157:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 201pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 157pt;
}

/* thumbnail image with mouse over */
#popuppic a.p160, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p160:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p160:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 201pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 160pt;
}

/* thumbnail image with mouse over */
#popuppic a.p168, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p168:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p168:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 201pt;
	left: 150px;
	position: absolute;
	top: -150px;
	width: 168pt;
}

/* thumbnail image with mouse over */
#popuppic a.p173, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p173:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p173:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 201pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 173pt;
}

/* thumbnail image with mouse over */
#popuppic a.p278x400, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p278x400:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p278x400:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 400pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 278pt;
}

/* thumbnail image with mouse over */
#popuppic a.p282, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p282:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p282:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 201pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 282pt;
}

/* thumbnail image with mouse over */
#popuppic a.p300x247, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p300x247:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p300x247:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 247pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 300pt;
}

/* thumbnail image with mouse over */
#popuppic a.p348x512, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p348x512:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p348x512:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 512pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 348pt;
}

/* thumbnail image with mouse over */
#popuppic a.p364, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p364:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p364:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 316pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 364pt;
}

/* thumbnail image with mouse over */
#popuppic a.p399, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p399:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p399:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 299pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 399pt;
}

/* thumbnail image with mouse over */
#popuppic a.p400, #pic a.p1:visited {
	text-decoration: none;
/*	height: 12pt; width: 11pt; display: block; left: 0; top: 0; */
}
/* thumbnail image with mouse over */
#popuppic a.p400:hover {
	background-color: rgb(232,254,232);
	color: #000000;
	text-decoration: none;
}
/* hovering large image that pops up */
#popuppic a.p400:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 267pt;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 400pt;
}



/*
other possible pop-up possibilities:

(1) POP-UP AUTO-SIZER

see bircza maps page

(2) POP-UP WITH MANUALLY-SET SIZE (ALWAYS ADD 20)

<a href="javascript: void window.open('http://www.reproots.org/photos/majer-01.jpg', '1154448353', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=170,height=220,left=-100,top=0');">
<img border=0 src="photo.gif" alt="[photo icon]"></a>


(3) POP-UP WITH MANUALLY-SET SIZE (ALWAYS ADD 20)

this one has resizable set to no and uses a slightly different form
<a target="photo" onclick="window.open('http://www.reproots.org/photos/artur-01.jpg','name','height=221, width=188,toolbar=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no'); return false;"><img border=0 src="photo.gif" alt="[photo icon]"></a>


(4) ROLL-OVER POP-UP

<A HREF="javascript:" onMouseOver="win = window.open('http://www.reproots.org/photos/jonas-01.jpg','','width=150 ,height=200');
return true;" onMouseOut=" win.window.close();  return true;">
Roll HERE to see the photo</a>


(5) VERY BASIC POP-UP TEXT

in CSS file:

/* pop-up text boxes */
/*
.clDescriptionCont {
	layer-background-color:#cccccc;
	visibility:hidden;
	z-index:200;
	width:400px;
	position:absolute;
	display:block
}
.clDescription {
	width:400px; 
	overflow:hidden; 
	border: 1pt solid #999999; 
	padding:1pt; 
	font-size:10.5pt; 
	background-color:#cccccc; 
	layer-background-color:#cccccc; 
	left:0px; 
	top:0px;
}

.clLinksupscript { 
font-weight: normal; 
font-size: 7pt 
}

.clCaption {
	top:0px; 
	width:400px; 
	height:150px; 
	font-weight: bold; 
	position:absolute; 
	clip:rect(0px 400px 1em 0px); 
	font-size:10.5pt; 
	background-color:#999999; 
	layer-background-color:#999999; 
	left:0px;
}

/*
in header:
<FONT TITLE="yadda yadda yadda">She mentioned the bisque, and the rest was ...</FONT>


(6) TEXTBOX ON-PAGE POP-UP

<script language="JavaScript" type="text/javascript">
function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=lib_bwcheck()

/* Variables to set: */
/*
messages=new Array()
//Descriptions below
messages[0] = "This is a simple test<br> <b>without</b> a caption"
messages[9] = '<div class="clCaption">Sadie Tapper (aka: Sadie Tepper)</div><br> <u>Born</u> 15 May 1890, in Mrzygłód, near Sanok, Poland.<br> <u>Emigrated</u> <i>c</i>. 1902, to New York City, New York.<br> <u>Found dead</u> 17 Jan 1968, of generalised arteriosclerosis, in New York City, New York.<br> <u>Buried</u> 18 January 1968, in Mt Hebron Cemetary, Flushing, New York.'
fromX = 50 //How much from the actual mouse X should the description box appear?
fromY = -20 //How much from the actual mouse Y should the description box appear?

//To set the font size, font type, border color or remove the border or whatever,
//change the clDescription class in the stylesheet.

//Makes crossbrowser object.
function makeObj(obj){								
   	this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;
	if(!this.evnt) return false
	this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?this.evnt:0;	
   	this.wref=bw.dom||bw.ie4?this.evnt:bw.ns4?this.css.document:0;		
	this.writeIt=b_writeIt;																
	return this
}

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

function b_writeIt(text){
	if (bw.ns4){this.wref.write(text);this.wref.close()}
	else this.wref.innerHTML = text
}

//Capturing mousemove
var descx = 0
var descy = 0
function popmousemove(e){descx=bw.ns4||bw.ns6?e.pageX:event.x; descy=bw.ns4||bw.ns6?e.pageY:event.y}

var oDesc;
//Shows the messages
function popup(num){
    if(oDesc){
		oDesc.writeIt('<div class="clDescription">'+messages[num]+'</div>')
		if(bw.ie5||bw.ie6) descy = descy+document.body.scrollTop
		oDesc.css.left = (descx+fromX)+px
		oDesc.css.top = (descy+fromY)+px
		oDesc.css.visibility = "visible"
    }
}
//Hides it
function popout(){
	if(oDesc) oDesc.css.visibility = "hidden"
}
function setPopup(){
   	if(bw.ns4)document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove = popmousemove;
	oDesc = new makeObj('divDescription')
}
</script>

in body:

<div id="divDescription" class="clDescriptionCont"></div><span id="divLinks" class="clLinksupscript"><a onmouseover="popup(9)" onmouseout="popout()">roll over this</a></span><script type="text/javascript">setPopup()</script>


(7)

see http://www.bosrup.com/web/overlib/?Features for several examples of on-page textbox pop-ups
*/