* {
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;

}

body {
	margin-top:10px;
	margin-bottom:10px;
	background-color:#717171;
	text-align:center;
	padding-right: 10px;
	padding-left: 10px;
	min-width: 992px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#center{
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 95%;
	text-align: left;
	background-color:#fff;
	text-align:left;
	
}


#masthead {
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #cccccc;
	width: 100%;
	background: url(images/page_bg.jpg) repeat-x;
}
#header{
	
	height: 146px;
	width: 100%;
	display:block;
	background: url(images/banner.jpg) no-repeat;
	font-size:24px;
}

#content{
	margin: 9px 0px 0px 0px;
}


#header h1{
visibility: hidden;}
#header h2{
visibility:hidden;
}


label {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#search {
	padding: 5px;
	font-size: 0.9em;
	color: #006699;
	line-height: 150%;
	background-color: #eaeaea;
	border: 1px solid #006699;
	margin-top: 15px;
	margin-bottom: 10px;
}

#center #content #leftside{
	float: left;
	width: 160px;
	background-color: #fff;
	padding-left: 5px;
}

#center #content #rightside {
	float: right;
	width: 160px;
	background-color: #fff;
	border: 0px solid #006699;
	line-height: 140%;
	padding-left: 10px;
	padding-right: 10px;

}

#center #content #rightside h5 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	color: #006699;
	padding: 10px 0px 5px 0px;
	display:block;
}

#center #content #rightside h6 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	color: #660000;
	padding: 10px 0px 5px 0px;
	display:block;
}

#center #content #rightside p { font-size: 0.8em; line-height: 120%; }

#center #content #rightside img { text-align: center; }

#center #content #middle {

	background-color: #fff;
	margin: 0px 210px 0px 190px;
	display:block;	
	padding: 0 20px 0 20px;
}


#center #content #middle p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #333;	
	padding: 5px 10px 5px 0px;
	line-height: 140%;
}

#center #content #middle h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: #742122;
	line-height:140%;
	padding: 5px 0px 5px 0px;
}

#center #content #middle h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	color: #006699;
	padding: 10px 0px 5px 0px;
	display:block;
}

#center #content #middle h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	color: #742122;
	padding-top: 10px;
}

#center #content #middle h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	font-style: normal;
	font-weight: bold;
	color: #742122;

}


#center #content #middle a, #rightside a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
}

#center #content #middle a:hover, #rightside a:hover {
	color: #006699;
}

img.left
{
position: relative;
float: left;
margin: .4em 1.0em .4em 0;
border: 1px solid #742122;
padding: 2px;
background: #fafafa;

}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.0em 1.0em;
border: 1px solid #742122;
padding: 2px;
}

img.center
{
position: relative;
text-align: center;
margin-top: .5em;
margin-bottom: .5em;
border: 1px solid #742122;
padding: 2px;
}






ul{
 list-style-type: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 line-height: 140%;
 margin-left: 0;
 margin-right: 20px;
 padding-left: 1px;
 padding-right: 15px;
}

ul li {
	 color: #6e6e6e;
	}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

ol{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.75em;
 line-height: 140%;
 margin-left: 40px;
 margin-right: 20px;
 padding-left: 1px;
 padding-right: 15px;
}

ol li {
	 color: #6e6e6e;
	}

/************** list styles for glenavy html page ***************/
#list ul {
	list-style-type:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 140%;
	margin-left: 10px;
	margin-right: 20px;
	padding: 0 15px 0 15px;
	color: #006699;
}

#list ul li {
	color: #006699;
}

#list ul li ul {
	list-style-type:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 140%;
	margin-left: 0;
	margin-right: 20px;
	padding: 0 15px 0 35px;
}

#list ul li ul li {
	color: #006699;
}
/************** end list styles for glenavy html page **************/


/************ HEADSTONE styles ****************/
.headstone {
	font-size: 70%;
	width: 75%;
	text-align: center;
	padding: 12px 10px 12px 10px;
	line-height: 140%;
	background: url('images/headstone_bg.gif') repeat-x;
	border: 1px dotted #006699;
	margin: 10px 10px 10px 10px;
}

/************* end headstone styles ************/




/************  photo gallery styles ************/

#gallery {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #724122;
	text-align: center;
}

#gallery table {
	width: 100%;
	padding: 0;
	text-align: center;
}

#gallery td {
	padding: 10px;
	vertical-align: top;
	line-height: 140%;
}

#gallery img  {
	text-align: center;
	margin: 0em;
	border: 1px solid #742122;
	padding: 2px;
}

/************* end photo gallery styles ***************/




/************ styles for sliced images *****************/

#slicedgallery img {
	border: 0;
	padding: 0;
}

/************ end styles for sliced images *************/




/***************  MISCELLANEOUS STYLES ***************/

.links {
	font-size: 70%;
	text-align: center;
}


#list {
	font-size: 80%;
}

.note { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 150%;
	padding: 10px 10px 10px 10px;
	text-align:left;
}

strong {
	color: #006699;
}

.top {

	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
}
.top a { font-size: 0.95em; }

.more {
	text-align: right;
}

#quote {
	font-style:italic;
	font-size: 90%;
	color: #660000;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 130%;
}

#author {
	color:#006699;
	font-size: 82%;
	padding-top: 10px;
	line-height: 100%;
}

#cleaner{
	clear: both;
	background-color: #FFFFFF;
	width: 100%;
	overflow:hidden;
}

td.cellborder {
    border-bottom: 1px solid #333;
}

.signature {
	font-style: italic;
	font-weight: bold;
	color: #742122;
}


/*************** end miscellaneous styles ***************/



/*************** styles for headstone transcriptions pages *************************/
.important {
	width: 90%;
	border: 3px double #660000;
	color: #660000;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin: 10px 0 10px 0;
	background-color: #eaeaea;
}

.important h4 { color: #660000; font-weight: bold; font-size: 90%; text-align: center; }
.important p { color: #660000; font-size: 75%; text-align: center; font-weight: bold; }

.burials td {
	font-size: 85%;
	text-align: left;
	padding: 5px 10px 5px 10px;
	width: 400px;

}

#middle table.burials .headstone2 {
	font-size: 85%;
	width: 90%;
	text-align: center;
	padding: 12px 10px 12px 10px;
	line-height: 160%;
	background: url('images/headstone_bg.gif') repeat-x;
	border: 1px dotted #006699;
	margin: 10px 5px 10px 10px;
}

#middle table.burialsCamlin td {
	font-size: 85%;
	text-align: left;
	padding: 5px 10px 5px 10px;
	vertical-align:top;
}

#middle table.burialsCamlin .headstone2 {
	font-size: 85%;
	width: 90%;
	text-align: center;
	padding: 12px 10px 12px 10px;
	line-height: 160%;
	background: url('images/headstone_bg.gif') repeat-x;
	border: 1px dotted #006699;
	margin: 10px 5px 10px 10px;
}

#middle table.burialsGlenavy td {
	font-size: 90%;
	text-align: left;
	padding: 5px 10px 5px 10px;
	vertical-align: top;
	border-bottom: 1px solid #eaeaea;
}

#middle table.burialsGlenavy .headstone2 {
	font-size: 80%;
	width: 90%;
	text-align: center;
	padding: 12px 10px 12px 10px;
	line-height: 160%;
	background: url('images/headstone_bg.gif') repeat-x;
	border: 1px dotted #006699;
	margin: 10px 5px 10px 10px;
}

#middle table.burialsGlenavy td p { font-size: 150%; }
#middle table.burialsGlenavy .blockquote { font-size: 110%; }


/************ end styles for headstone transcription pages ***************************/


/************* styles for class BLOCKQUOTE ***************/

#middle .blockquote {
	font-size: 95%;
	width: 80%;
	text-align: left;
	padding: 12px 20px 12px 20px;
	line-height: 140%;
	background: url('images/blockquote_bg.gif') repeat-x;
	border: 1px dotted #996600;
	margin: 10px 15px 10px 20px;
}

#middle .blockquote p {
	line-height: 140%;

}

#middle .blockquote .blockquote2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 80%;
	font-size: 0.75em;
	text-align: left;
	padding: 5px 20px 5px 20px;
	line-height: 130%;
	color: #724122;
}

/*********** end styles for BLOCKQUOTE ***************/




/************** styles for Links page *****************/

#linksList ul {
	list-style-type:square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 140%;
	margin-left: 10px;
	margin-right: 20px;
	padding: 0 15px 0 15px;

}

#linksList ul li a {
	color: #333;
	font-weight: normal;
}

#linksList ul li a:hover {
	color: #742122;
}

#linksList ul li ul {
	list-style-type:square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 140%;
	margin-left: 0;
	margin-right: 20px;
	padding: 0 15px 0 35px;
}

#linksList ul li ul li {
	
}


/*********************end styles for links page**********************/



/************* styles for TOWNLANDS page **************/
#townlandslist td.alignMiddle
{
vertical-align: middle;
}

#townlandslist { font-size: 80%;}

#townlandslist td h2 { font-size: 1.0em; }
#townlandslist td h3 { font-size: 1.0em; }

/************* end styles for TOWNLANDS page **********/





/************** styles for articles and stories page ***************/

#middle ul.articles {
	list-style-type:none;
	font-weight: normal;
	line-height: 180%;
	margin-left: 20px;
}

#middle ul.articles li a {
	line-height: 140%;
	color: #742122;
	font-weight: normal;
	padding-bottom: 3px;
	
}

#middle ul.articles li a:hover {
	color: #ccc;
}

#middle ul.articles li a:visited {
	color: #006699;}

/***********end styles for articles and stories page****************/	



/*************  styles for DIVIDER line between articles **************/

.divider {
position: relative;
height: 1px;
padding-top: 10px;
border-bottom: solid 1px #006699;
width: 100%;
}

/************************** end DIVIDER styles **********************/




/************  photo right gallery styles ************/

#rightGallery {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #724122;
	width: 100%;
}

#rightGallery table {
	width: 100%;
	padding: 0 0px 0 0;
}

#rightGallery td {
	padding: 0px 0px 0 0px;
	vertical-align: top;
	line-height: 110%;
	text-align: center;
}

#rightGallery img {
	margin: 0em;
	border: 1px solid #742122;
	padding: 2px;
}

#rightGallery img.noborder {
	border: 0px;
}

/*********** end rightgallery styles **************/




/****** footnotes or references ******/

div.footnote {
   font-size: 0.95em;
   padding: 15px 20px 5px 20px;

}

div.footnote a {
	text-decoration: none;
	
}

sup {
	color: #006699;
}

/******** end footnote styles ***********/




/************* STYLES FOR TABLES ******************/

table.books td {
	vertical-align: top;
	padding: 0px;
 border-bottom: 1px solid #660000; 
 padding-bottom: 10px;
 padding-top: 10px;
}

#warMemorial {
	font-size: 80%;
	font-weight: normal;
	vertical-align: top;
}

#warMemorial h3 {
	font-size: 115%;
}

#warMemorial h2 {
	font-size: 115%;
}


/*********** styles for table class DETAILS ****************/
.details  {
	font-size: 0.70em;
	font-weight: normal;
}

.details th { color: #660000; font-weight: bold; padding: 5px 0 5px 0;}

.details td {
	text-align: top;
	vertical-align:top;
}

#middle .details th h3 { font-size: 100%; }
#mdidle .details h3 { font-size: 100%; }

/********* end styles for table class DETAILS ***************/

/************** styles for PHOTOS table ****************/
#photos { padding: 10px; margin-top: 10px; }

#photos td { font-size: 80%; text-align: center; color: #990000; line-height: 120%; vertical-align: top; padding-bottom: 10px; }

#photos td img { padding:2px; border: 1px solid #990000; text-align: center; }

/************** end styles for PHOTOS table *************/




/************* POEM styles **************/
.poem {
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 0px;
}

.poemCenter {
	text-align: center;
}

h3.poem {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.0em;
	color: #006699;
	text-align:center;
}

.poemAcknowledge {
	font-size: 0.8em;
	color: #742122;
	text-align: center;
	padding-bottom: 0px;
}

p.poemSignature {
	text-align: center;
	font-size: 0.8em;
	color: #006699;
	font-weight: bold;
	padding-top: 0px;

}

.poemFootnote {
	text-align: center;
	font-size: 1em;
	padding-bottom: 0px;
}

.poemCenterFootnote {
	text-align: center;
}

h3.poemFootnote {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.0em;
	color: #006699;
	text-align:center;
}

.poemAcknowledgeFootnote {
	font-size: 0.8em;
	color: #742122;
	text-align: center;
	padding-bottom: 0px;
}

p.poemSignatureFootnote {
	text-align: center;
	font-size: 0.8em;
	color: #006699;
	font-weight: bold;
	padding-top: 0px;

}

/************* end POEM styles ****************/



/*************** styles for popup photos ****************/	
#popup {
	text-align:left;
	margin: 15px;
	padding: 5px;
	width: 100%;
	background: #fff;
}

#popup p  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	padding-left: 10px;
	padding-right: 10px;
	color: #333333;
	line-height: 140%;
	color: #006699;
}

#popup a {
	color: #742122;
}

#popup h2 { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	color: #006699;
	padding: 10px 0px 5px 0px;
	display:block;
}

#popup h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	color: #742122;
	padding-top: 10px;
}

.popup a { color: #fff; padding: 10px 0 10px 0; font-weight: bold; font-size: 90%;}
/************ end styles for popup photos *****************/



/*********** styles for popup text pages ******************/

#popUpText {
	width: 500px;
	background: #fff;
	padding: 20px;
	font-size: 90%;
}

#popUpText p { font-size: 85%; line-height:140%; padding: 10px 0 0 0;}

#popUpText .blockquote { 
font-size: 90%;
	width: 80%;
	text-align: left;
	padding: 12px 20px 12px 20px;
	line-height: 140%;
	background: url('images/blockquote_bg.gif') repeat-x;
	border: 1px dotted #996600;
	margin: 10px 15px 10px 20px;
}

#popUpText .headstone2 {
	font-size: 85%;
	width: 90%;
	text-align: center;
	padding: 12px 5px 12px 20px;
	line-height: 160%;
	background: url('images/headstone_bg.gif') repeat-x;
	border: 1px dotted #006699;
	margin: 10px 5px 10px 10px;
}

#popUpText h2 { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #006699;
	padding: 10px 0px 5px 0px;
	display:block;
}

#popUpText h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	color: #742122;
	padding-top: 10px;
}
	
#popUpText table { font-size:80%; border:1px solid #eee; }	
#popUpText table td { border: 1px solid #eee; padding:5px; vertical-align:top; }

#popup table {
	text-align: center;
}

/************** end styles for popup text pages ******************/




/*************** styles for Sayings page ******************/
#saying {
	font-size: 85%;
}

#saying td {
	vertical-align: middle;
	padding: 0px 0px 0px 5px;
	font-size: 90%;
}

#saying td h6 {
	font-size: 110%;
	padding: 0px;
}

.sayings a {
	font-size: 120%;
}

/***************end styles for sayings page *****************/




/************* styles for Sitemap **************/
#sitemap ul {
 list-style-type: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 150%;
 margin-left: 0;
 font-size: 100%;
 margin-right: 20px;
 padding-left: 10px;
 padding-right: 15px;
 padding-bottom: 5px;
}

#sitemap a { color: #660000; text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }
#sitemap ul a { color: #660000; text-decoration:none; }
#sitemap ul a:hover { color: #660000; text-decoration:underline; }

#sitemap ul ul{
 list-style-type: none;
 margin-left: 20px;
 padding-bottom: 5px;
 padding-left: 10px;
 
}

#sitemap ul ul a { color: #006699;  }
#sitemap ul ul a:hover { color: #006699; text-decoration: underline; }

#sitemap ul ul ul{
 list-style-type: none;
 margin-left: 20px;
 padding-bottom: 5px;
 
}

#sitemap ul ul ul a { color: #555; font-weight: normal; text-decoration: none;}
#sitemap ul ul ul a:hover { color: #555; text-decoration: underline;}

#sitemap ul ul ul ul{
 list-style-type: none;
 margin-left: 20px;
 
}

#sitemap ul ul ul ul a { color: #555; font-weight: normal; text-decoration: none;}
#sitemap ul ul ul ul a:hover { color: #555; text-decoration: underline;}


#sitemap td {vertical-align: top;}

/******************* end styles for sitemap *********************/



/***********  styles for images with captions ************/

.picture { background-color: #fff;
border: 1px solid #CCCCCC; padding: 3px;
font-size: 70%;
line-height: 110%;
font-family: Verdana, Arial, Helvetica, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; } 
.picright { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.picleft { margin: 0.5em 0.8em 0.5em 0; float:left; }
.piccenter { margin: 0.5em 0em 0em 0; text-align: center; } 

/**********************************************************/



/********************  FOOTER STYLES *************************/
#footer{
	background-color: #fff;
	margin-top: 20px;
	
	color:#2c2c21;
	text-align:right;
	
	padding: 15px 10px 20px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	border-top: 1px dotted #717171;
}
#footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2c2c21;
	text-decoration:underline;
}

#footer a:hover {
	color: #ccc;
}
/***************** end footer styles *************************/

.links a img { border:none; padding-top: 10px; }
.links a { color: #777; padding-top: 5px; padding-bottom: 5px; }
.links a:hover { color: #990000; }

a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#fff; width:150px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(images/tooltip.gif) 0 0; display:block; font-size:1px;}

a.tooltip2 {color:#c00;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #333; background:#f5f6f7; width:350px; text-align:left;}
a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #333; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #eee; overflow:hidden;; z-index:100;}


a.tooltipPhoto {color:#c00;}
a.tooltipPhoto b {display:none;}
a.tooltipPhoto img { border:none; }
a.tooltipPhoto:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltipPhoto:hover b {display:block; position:absolute; top:10px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#eee; width:auto;}
a.tooltipPhoto:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#eee url(images/tooltip.gif) 0 0; display:block; font-size:1px;}