body{
   font-family: verdana;
   font-size: 80%; 
   color: black;
   background-color: white;
   background-color:#00ff80;
   background-color: gray;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   background-image: url('background.jpg');
   /* background-attachment: fixed; */

   }
a:link{color: black}
a:visited{color: black}
h1 {color: black; 
    font-size: 150%;
    margin-top: 8px;
    }
h2 {color: black; 
   font-size: 125%;
   }
p.SectionHeader{
   font-family:  Georgia, Verdana, Times;
   font-size: 125%;
   margin-top: 0px;   
   margin-bottom: 0px;
   }
dt{font-weight: bold;}
dd{margin-bottom: 20px;}
.SelectedPage{
   color: white; 
   background-color: gray;
   }
p.HistoryHeading{
   font-size: 200%;
   text-align: center;
   color: red;
   }
p.WebsiteFootnote{
   font-size: 80%;
   }
ul {Margin-top: 10px}
div.CenterPanel{
   background-image: url('BackgroundPic.jpg');
   background-repeat: repeat-x;
   margin-left: 5%;
   margin-right: 5%;
   margin-top: -15px;
 
   height: 7000px;
   background-color: silver;
   background-color: #C0C0C0;
   background-color: rgb(204,204,204);
 
   border-width: 6px;
   border-style: outset;
   border-color: gray;
   padding-left: 40px;
   padding-right: 40px;
   }
img.canflag{
   float: left;
   border-style: none;
   margin: 0px;
   padding-left: 0px;
   }
div.ForceMinWidth{
   margin: 0px;
   padding: 0px;
   width: 900px;
   }
div.TitleBanner{
   overflow-right: hidden;
   font-family: Georgia, Verdana, Times;
   margin: 0px;
   margin-top: -6px;
   margin-left: -46px;
   margin-right: -46px;
   padding: 0px;
   padding-right: 100px;
   height: 60px;

   border-width: 0px;
   border-style: none;

   border-style: outset;
   border-color: gray;
   border-width: 6px;
   }
h1.TitleBanner{
   margin-bottom: 0px;
   /* color: rgb(255,197,38);   gold */
   font-size: 200%;
   }
p.TitleBannerPhrase{
   margin-top: 0px;
   margin-bottom: 0px;
   padding-bottom: 0px;
   }
p.TitleBanner{
   margin-top: 0px;
   margin-bottom: 0px;
   padding-bottom: 0px;
  }
div.TopMenu{
   overflow: hidden;
   font-size: 125%;
/*   margin-top: -16px; */
   margin-top: -6px;
   margin-left: -46px;
   margin-right: -46px;
   padding-top: 10px;
   padding-bottom: 6px;
   border-style: outset;
   border-color: gray;
   border-width: 6px;
   border-top-width: 0px;
   }

img.districtmap{
   float: left;
   margin: 30px;
   margin-top: 0px;
   border-width: 2px;
   border-style: solid;
   border-color: rgb(51,51,51);  /* dark gray */
   }
img.cemeterymap{
   float: left;
   margin: 0px;
   margin-left: 0px;
   margin-top: 0px;
   border-width: 2px;
   border-style: solid;
   border-color: rgb(51,51,51);  /* dark gray */
   }
img.cemeterypic{
   float: left;
   margin: 0px;
   margin-left: 30px;
   margin-top: 0px;
   margin-bottom: 30px;
   border-width: 2px;
   border-style: solid;
   border-color: rgb(51,51,51);  /* dark gray */
   }

img.InterestPics{
   float: left;
   margin: 30px;
   margin-right: 10px;
   margin-top: 0px;
   border-width: 2px;
   border-style: solid;
   border-color: rgb(51,51,51);  /* dark gray */
   }
img.intro_pic{
   margin: 0px;
   margin-top: 0px;
   border-width: 2px;
   border-style: solid;
   border-color: rgb(51,51,51);  /* dark gray */
   }
img.intro_logo{
   margin: 30px;
   margin-left: 30px;
   margin-top: 0px;
   margin-bottom: 15px;
   }
div.intro_logo{
   float: left;
   margin: 15px;
   margin-top: 0px;
   font-size: 120%; 
   }
div.intro_pic{
   float: left;
   margin-left: 8%;
   margin-top: 0px;
   width: 55%;

   }
div.floatcenter_pic{
   float: right;
   margin-right: 25%;
   margin-top: 0px;
   width: 55%;
   }
div.floatright_pic{
   float: right;
   margin-right: 0%;
   margin-left: 2%;
   margin-top: 0px;
   margin-bottom: 10px;
   width: 55%;
   }
div.rightside_pic{
   float: left;
   overflow-right: hidden;
   margin-left: 25%;
   /* margin-left: 2%; */
   margin-top: 0px;
   margin-bottom: 10px;
   width: 30%;
   }
div.leftside_pic{
   float: left;
   overflow-right: hidden;
   margin-right: 0%;
   margin-left: 2%;
   margin-top: 0px;
   margin-bottom: 10px;
   width: 45%;
   }
div.featuretext{
   float: left;
   margin-right: 0%;
   margin-left: 0%;
   margin-left: 0%;
   padding-left: 10px;
   padding-right: 0px;
   margin-top: 0px;
   width: 40%;
   }
div.LeftPanelTitle{
   position: relative;   
   margin-top: -23px;
   margin-left: 31px;
}
div.map{
   margin-left: 8%;
    }
img.map{
   border-width: 2px;
   border-style: solid;
   border-color: rgb(51,51,51);  /* dark gray */
   }
div.AddressBox{
   index: 2;
   position: static;
   width: 400px;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 27%;
   background-color: silver;
   color red;
   border-width: 6px;
   border-style: outset;
   border-color: gray;
   padding: 15px;
   padding-left: 35px;
   padding-right: 30px;
   }
div.AddressBoxNew{
   index: 2;
   position: static;
   width: 400px;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 0px;
   background-color: silver;
   color red;
   border-width: 6px;
   border-style: outset;
   border-color: gray;
   padding: 15px;
   padding-left: 35px;
   padding-right: 30px;
   }
div.ContactInfo{
   margin-left: 380px;
   width: 400px;
   }
div.MissionStatementBox{
   index: 2;
   position: static;
   /*width: 600px;*/
   
   margin-top: 10px;
   margin-bottom: 10px;
   /*margin-left: 15%;*/
   margin-left: 15%;
   margin-right: 15%;

   background-color: silver;
   color red;
   border-width: 6px;
   border-style: outset;
   border-color: gray;
   padding: 10px;
   padding-left: 30px;
   padding-right: 30px;
   }
li.MissionStatement{
   margin-bottom: 20px;
   margin-top: 20px;   
   }
p.Indent{
   margin-top: 0px;
   margin-left: 30px;
}
div.MainPagePicture{
   float: left;
   margin: 30px;
   margin-right: 10px;
   margin-top: 0px;
   background-color: silver;
   background-color: rgb(204,204,204);
   }
div.CounterBox
   {   
   width: 120px;
   height: 10px;
   }
img.CounterBoxCover
   {
     margin-top: -40px;
     margin-left: 0px;
   }
div.LinkHeader
   {
   width: 100%;
   color: white;
   background-color: blue;
   }
.Updated
   {
   font-style: italic;
   color: red;
   background-color: yellow;
   }

div.CemeteryMap01
/*cemetery map - MetCalfe*/
   {
   z-index: 8;
   position: absolute;
   margin-top: 0px;
   width: 100px;
   height: 100px;
   }
div.CemeteryMap02
/*cemetery map - Appin*/
   {
   z-index: 8;
   position: absolute;
   margin-top: 100px;
   width: 100px;
   height: 100px;
   }
div.GenealogyBox{
   overflow: hidden;
   width: 540px;
   }
div.GenealogyList1
   {   
   float: left;
   width: 140px;
   margin-left: 60px;
   margin-right: 0px;
   }
div.GenealogyList2
   {   
   float: left;
   width: 140px;
   margin-left: 20px;
   margin-right: 0px;
   }
div.genealogyright_pic{
   float: left;
   margin-right: 0%;
   margin-left: 2%;
   margin-top: 0px;
   margin-bottom: 10px;
   }
div.NewIndication
   {
   /* *********************** */
   /* used for New indication on top menu */
   /*display: none;*/
   z-index: 1;
   position: absolute;
   margin-top: -30px;
   margin-left: 180px;
     }
div.Notification
/* used for New indication on history page */
   {
   z-index: -1; 
   position: absolute;
   margin-top: 420px;
   margin-left: -28px;
     }
/* 666666666666666666666666666666666 */
div.NewsUpdate
   {
   position: absolute;
   margin-top: 20px;
   margin-left: 60%;
   /*background-color: yellow;
   position: absolute;
   margin-top: 70px;
   margin-left: 60%;
   width: 240px;
   height: 100px; */
     }
div.NextMonthFeature
   {
   z-index: 5;
   font-size: 50%;
   position: absolute;
   margin-top: 50px;
   margin-left: 280px;
   }
div.HistoricalText{
   float: left;
   font-size: 125%;
   background-color: silver;
   padding: 25px;
   background-image: url('hist_bground.gif'); 
   border-color: gray;
   border-style: outset;
   border-width: 8px;
   margin-bottom: 20px;
}
.MenuSelected{
   background-color: rgb(177,192,204); 
   text-decoration: none;
 }
/* ------------- */
a.roll:visited {
   color: blue; 
   text-decoration:none; 
   }
a.roll:link {
   color: blue; 
   text-decoration:none; 
   }
a.roll:hover {
   color: red; 
   text-decoration:none; 
   }
/* ------------- */
a.featureroll:visited {
   color: gray; 
   text-decoration:none; 
   }
a.featureroll:link {
   color: gray; 
   text-decoration:none; 
   }
a.featureroll:hover {
   color: red; 
   text-decoration:none; 
   }
/* ------------- */
a.returnroll:visited {
   color: #808080; /*light grey */
   text-decoration:none; 
   }
a.returnroll:link {
   color: #808080; /*light grey */
   text-decoration:none; 
   }
a.returnroll:hover {
   color: black; 
   text-decoration:none; 
   }
/* ------------- */
a.topmenuroll:link {
   color: blue; 
   text-decoration:none; 
   margin: 20px;
   }
a.topmenuroll:visited {
   color: blue; 
   text-decoration:none; 
   margin: 20px;
   }
a.topmenuroll:hover {
   color: red; 
   text-decoration:none;
   margin: 20px; 
   }
/* ------------- */
a.topmenuactiveroll:link {
   color: blue; 
   background-color: rgb(177,192,204); /*light blue*/
   text-decoration:none; 
   padding-left: 20px;   
   padding-right: 20px;
   }
a.topmenuactiveroll:visited {
   color: blue; 
   background-color: rgb(177,192,204); /*light blue*/
   text-decoration:none; 
   padding-left: 20px;  
   padding-right: 20px;
   }
a.topmenuactiveroll:hover {
   color: red; 
   background-color: rgb(177,192,204); /*light blue*/
   text-decoration:none;
   padding-left: 20px;
   padding-right: 20px;
   }
/* ------------- */
div.FeaturePicture{
   position: absolute;
   overflow: hidden;
   margin-left: 380px;
   margin-top: 0px;
   margin-bottom: 20px; 
   width: 240px;
   font-size: 100%;
   padding: 25px;
   padding-left: 100px;
   padding-right: 100px;
   
   background-image: url('hist_bground.gif'); 
   border-color: gray;
   border-style: outset;
  /* border-width: 8px;*/
}