/****************************************************/
/***      Former Family Cascanding Style Sheet    ***/
/***           For Printing                       ***/
/****************************************************/
/***      Records Pages Inc. Civil Registration   ***/
/***      and Census Records                      ***/
/****************************************************/
/**	             Main HTML Tag Styles	           **/
/****************************************************/

body {
  margin: 2px;
  padding:1px;
  font-size: 1em;
  font-family: "Trebuchet MS", "Bookman Old Style";
  font-style: normal;
  font-weight: normal;
  background-color: #ffffff;
  text-align:center;
  color: #000000;
  }

a {
  color: #000000;
  }

img {
 border: none;
 }
 
 table {
  width: 98%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 2px;
  border: 0px solid #cccccc;
  }
  
 td {
   border: 1px Solid #cccccc;
   }
 
/******************************************/
/***                                   ***/
/***          HTML TAGS                ***/
/***							       ***/
/*****************************************/

h1 {
  font-size: 2em;
  font-style: italic;
  font-weight: bold;
  padding: 0px;
  text-transform: uppercase;
  }

h2 {
  font-size: 1.3em;
  font-variant: small-caps;
  padding: 0px;
  font-style: italic;
  }

img {
 border: none;
 }

p:first-letter {
 font-size: 110%; 
 font-weight: bold;
 }
 
.ftr {
  height:25px;
  border:solid;
  border-width:1px 0 0 0;
  margin: 0px;
  text-align: center;
 }

td.tabletitle{
  text-align: center;
  font-variant:small-caps;
  font-weight: normal;
  font-size: 1.1em;
  border: 0px solid #000000;
  color: #000000;
  background-color: #cccccc;
  }
/******************************************/
/***                                   ***/
/***           Global Div ID's         ***/
/***							       ***/
/*****************************************/

#bar {
  left: 0;
  width: 100%;
  border-top: 1px solid #0000CC;
  border-bottom: 1px solid #0000CC;
  padding: 2px 2px 2px 2px;
  margin: 1px 0px 1px 0px;
  }
  
#bar2 {
  left: 0;
  width: 100%;
  border-top: 1px solid #0000CC;
  border-bottom: 1px solid #0000CC;
  padding: 2px 2px 2px 2px;
  margin: 1px 0px 1px 0px;
  }

#content{
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
}

#footer {
  position: relative;
  left: 0;
  width: 100%;
  margin: 2px 0px 2px 0px;
  }

#hdr{
  position: relative;
  left: 0;
  width: 100%;
  }

#infobars {
  position: relative;
  left: 0;
  width: 100%;
}

#namebar {
  font-variant: small-caps;
  font-size: 1.4em;
  border-bottom: 1px solid #cccccc;
  padding: 1px;
  }

#nav {
  left: 0;
  width: 100%;
  padding: 2px 2px 2px 2px;
  margin: 1px 0px 1px 0px;
  }
  
.noprint {
  display: none;
  }


/******************************************/
/***                                   ***/
/***           Birth                   ***/
/***							       ***/
/*****************************************/

#birthcertbar {
  left: 0;
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 2px 2px 2px 2px;
  margin: 1px 0px 1px 0px;
  }

#birthcertsecondbar{
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  padding: 1px 1px 1px 1px;
  margin: 1px 0px 1px 0px;
  }

#birthoffset{
  position: relative;
  left: 18px;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  text-align:center;
  }

#birthouter{
  position: relative;
  top: 10px;
  width: 90%;
  margin: auto;
  text-align: center;
  }
  
.birthbar {
  font-variant: small-caps;
  font-size: 1em;
  }  
   
td.birthname{
  padding: 1px;
  border: 1px solid;
  text-align: left;
  font-variant: small-caps;
}

td.birthanswer{
  border: 1px solid;
  padding: 1px;
  text-align: center;
  font-weight: normal;
  font-variant: small-caps;
}

.birthcertsecondbar {
  font-variant: small-caps;
  font-size: 1em;
  } 
    
/******************************************/
/***                                   ***/
/***           Marriage                ***/
/***							       ***/
/*****************************************/

#marcertbar {
  left: 0;
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 2px 2px 2px 2px;
  margin: 1px 0px 1px 0px;
  }

#marcertsecondbar{
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  padding: 1px 1px 1px 1px;
  margin: 1px 0px 1px 0px;
  }

#maroffset{
  position: relative;
  left: 18px;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  text-align:center;
  }

#marouter{
  position: relative;
  top: 10px;
  width: 90%;
  margin: auto;
  text-align: center;
  }

.marbar {
  font-variant: small-caps;
  font-size: 1em;
  }
    
   
td.marname{
  padding: 1px;
  border: 1px solid;
  text-align: left;
  font-variant: small-caps;
}

td.maranswer{
  border: 1px solid;
  padding: 1px;
  text-align: center;
  font-weight: normal;
  font-variant: small-caps;
}

.martitle {
  font-weight: bold;
  text-align:center;
  font-variant: small-caps;
  }
  
.marcertsecondbar {
  font-variant: small-caps;
  font-size: 1em;
  }
  
  
/******************************************/
/***                                   ***/
/***           Death                   ***/
/***							       ***/
/*****************************************/

#deathcertbar {
  left: 0;
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 2px 2px 2px 2px;
  margin: 1px 0px 1px 0px;
  }

#deathcertsecondbar{
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
  padding: 1px 1px 1px 1px;
  margin: 1px 0px 1px 0px;
  }

#deathoffset{
  position: relative;
  left: 18px;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  text-align:center;
  }

#deathouter{
  position: relative;
  top: 10px;
  width: 90%;
  margin: auto;
  text-align: center;
  }

.deathbar {
  font-variant: small-caps;
  font-size: 1em;
  }
       
td.deathname{
  padding: 1px;
  border: 1px solid;
  text-align: left;
  font-variant: small-caps;
}

td.deathanswer{
  border: 1px solid;
  padding: 1px;
  text-align: center;
  font-weight: normal;
  font-variant: small-caps;
}

.deathtitle {
  font-weight: bold;
  text-align:center;
  font-variant: small-caps;
  }
  
.deathcertsecondbar {
  font-variant: small-caps;
  font-size: 1em;
  }


 /******************************************/
/***                                   ***/
/***           Census                  ***/
/***							       ***/
/*****************************************/

.census{
 text-align: center;
 border-width: 1px;
 border-style: solid;
 border-color: #000099;
 padding: 1px 1px 1px 1px;
 margin: 2px 1px 5px 1px;
}

.censushead{
  text-align: center;
  font-variant: small-caps;
  font-size: 1.2em;
  }

.censusheader{
  width: 98%;
  }
  
.censusdetail{
  text-align: center;
  font-variant: small-caps;
  font-size: 1.1em;
  } 

.person{
  text-align: center;
  border-width: 1px 1px 2px 1px;
  border-style: solid;
  padding: 4px 3px 1px 3px;
  margin: 2px 1px 2px 1px;
}

td.answername{
  border: 1px solid;
  font-variant: small-caps;
  font-size: 1.2em;
}

td.reflabel{
  font-variant: normal;
  font-size: 10pt;
  font-style: italic;
  border: 1px solid;
}

td.refanswer{
  border: 1px solid #000000;
  color: #000000;
  font-variant: small-caps;
  font-size: 10pt;
  background-color: #ffffff;
  text-align: center;
}

td.answer{
  border: 1px solid #999999;
  color: #000000;
  font-variant: small-caps;
  font-size: 0.8em;
  font-weight: 200;
  font-variant: normal;
  padding-left: 4px;
  padding-right: 4px;
}

td.detail{
  font-variant: small-caps;
  font-size: 1em;
  border: 1px solid #cccccc;
  text-align: left;
}

td.detailcentred{
  font-variant: small-caps;
  font-size: 1em;
  border: 1px solid #cccccc;
  text-align: center;
}

td.head{
  border: 1px solid #cccccc;
  text-align: center;
  font-variant: small-caps;
  font-size: 0.8em;
  font-weight: 300;
  padding-left: 5px;
  padding-right: 5px;
}

td.headanswer{
  border: 1px solid;
  font-variant: small-caps;
  font-size: 0.9em;
  font-weight: 200;
  }
  
td.label{
  width: 23%;
  font-variant: normal;
  font-size: 0.9em;
  font-style: italic;
  border: 1px solid;
}

td.subindex{
  text-align: center;
  border: 0px solid #ffffff;
  font-size: 1em;
}

td.subindex a{
  text-decoration: none;
}

td.subindex a:hover{
  text-decoration: underline;
}

td.subindexhead{
  font-size: 1em;
  text-align: center;
  font-variant: small-caps;
  border: 0px solid #ffffff;
}

td.title{
  text-align: center;
  font-variant: small-caps;
  font-size: 1.2em;
}

table.area{
  width: 98%;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0px solid;
}

table.transcription{
  width: 98%;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0px solid;
}
/******************************************/
/***                                   ***/
/***           Special Item            ***/
/***							       ***/
/*****************************************/

#normbar {
  left: 0;
  width: 100%;
  border-top: 1px solid #0000CC;
  border-bottom: 1px solid #0000CC;
  padding: 2px 2px 2px 2px;
  margin: 1px 0px 1px 0px;
  }
  
#normoffset{
  position: relative;
  left: 18px;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  }

#normouter{
  position: relative;
  top: 10px;
  width: 90%;
  margin: auto;
  text-align: center;
  }

#normsecondbar{
  left: 0;
  width: 100%;
  border-bottom: 1px solid #0000CC;
  padding: 1px 1px 1px 1px;
  margin: 1px 0px 1px 0px;
  }
  
.normbar{
  padding: 2px;
  font-size: 1.1em;
  }

.normbar a{
  text-decoration: none;
  }
     
.normbar a:hover{
  text-decoration: underline;
  }

.normtitle{
  font-variant: small-caps;
  font-size: 1em;
  text-align: center;
  }
  
.normsecond{
  text-align: center;
  }
 
/******************************************/
/***                                   ***/
/***           Census Div ID's         ***/
/***							       ***/
/*****************************************/

#offset{
  position: relative;
  left: 18px;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  text-align:center;
  }

#outer{
  position: relative;
  top: 10px;
  width: 80%;
  margin: auto;
  text-align: center;
  }
  
  
  
/******************************************/
/***                                   ***/
/***          Style Classes            ***/
/***							       ***/
/*****************************************/

.banleft{
  position: relative;
  float: left;
  }

.bold {
  font-weight: bold;
  }
  
.copy {
  width: 100%;
  margin: 2px 0px 2px 0px;
  padding: 3px 2px 3px 2px;
  border-top: 1px solid ;
  border-bottom: 1px solid ;
  font-size: 1.1em;
  text-align: center;
  }

.different {
  font-variant: small-caps;
  }
  
.ftrleft{
  float: left;
  text-align: left;
  padding: 3px 1px 3px 1px;
}

.ftrright{
  float: right;
  text-align: right;
  padding: 3px 1px 3px 1px;
}

.left {
  text-align: left;
  font-size: 1.1em;
  }
    
.lowernav {
  padding: 3px 1px 3px 1px;
  font-size: 0.8em;
  font-variant: small-caps;
  }
  
.lowernav a{
  text-decoration: none;
}

.lowernav a:hover{
  text-decoration: underline;
}

.nav a{
  font-style: normal;
  font-family: "Bookman Old Style", Georgia, "MS Sans Serif";
  font-size: 11pt;
  }

.pagetitle{
  position: relative;
  left: 0;
  padding: 2px;  
  }

td.reganswer{
  border: 1px solid #cccccc;
  padding: 1px;
  font-variant: small-caps;
  font-size: 12px;
  color: #000000;
  text-align: center;
}

td.regdesc{
  border: 0px solid #cccccc;
  padding: 1px;
  font-variant: small-caps;
  font-size: 12px;
}
