/****************************************************/
/***      Former Family Cascanding Style Sheet    ***/
/***                                              ***/
/****************************************************/
/***      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: #CCCCCC;
  text-align:center;
  color: #2121ad;
  }


/******************************************/
/***                                   ***/
/***          HTML TAGS                ***/
/***							       ***/
/*****************************************/

a {
  text-decoration: none;
  color: #2121ad;
  }
 
a:hover {
  color: #FF0000;
  text-decoration: underline;
  }
 
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;
  color: #2121ad;
  }

img {
 border: none;
 }

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

table {
  width: 95%;
  }
  
  
/******************************************/
/***                                   ***/
/***           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%;
}

#nav {
  left: 0;
  width: 100%;
  background-color: #999999;
  padding: 2px 2px 2px 2px;
  margin: 1px 0px 1px 0px;
  }
  



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

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

#birthcertsecondbar{
  left: 0;
  width: 100%;
  border-bottom: 1px solid #bc2e2e;
  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;
  background-color: #f5e0db;
  color: #bc2e2e;
  text-align:center;
  }

#birthouter{
  position: relative;
  top: 10px;
  width: 90%;
  margin: auto;
  text-align: center;
  background-color: #FFFFFF;
  }
  
.birthbar {
  font-variant: small-caps;
  font-size: 1em;
  }  
    
.birthbar a{
  color: #0000ff;
  text-decoration: none;
  }

.birthbar a:hover{
  color: #ff0000;
  text-decoration: underline;
  }

.birthheader {
  background-color:#bc2e2e;
  color: #ffffff;
  }

.birthlinks{
  }
    
td.birthname{
  padding: 1px;
  border: 1px solid #bc2e2e;
  text-align: left;
  font-variant: small-caps;
}

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

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

.birthrelevantlinks {
  color: #00ff00;
  }
    
/******************************************/
/***                                   ***/
/***           Marriage                ***/
/***							       ***/
/*****************************************/

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

#marcertsecondbar{
  left: 0;
  width: 100%;
  border-bottom: 1px solid #319f31;
  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;
  background-color: #eaf7dd;
  text-align:center;
  color: #319f31;
  }

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

.marbar {
  font-variant: small-caps;
  font-size: 1em;
  }
    
.marbar a{
  color: #0000ff;
  text-decoration: none;
  }

.marbar a:hover{
  color: #ff0000;
  text-decoration: underline;
  }

.marheader {
  background-color: #319f31;
  color: #ffffff;
  }

.marlinks{
  }
    
td.marname{
  color: #319f31;
  padding: 1px;
  border: 1px solid #319f31;
  text-align: left;
  font-variant: small-caps;
}

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

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

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

#deathcertsecondbar{
  left: 0;
  width: 100%;
  border-bottom: 1px solid #000000;
  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;
  background-color: #ffffff;
  color: #000000;
  }

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

.deathbar {
  font-variant: small-caps;
  font-size: 1em;
  }
    
.deathbar a{
  color: #0000ff;
  text-decoration: none;
  }

.deathbar a:hover{
  color: #ff0000;
  text-decoration: underline;
  }

.deathheader {
  background-color: #000000;
  color: #ffffff;
  }

.deathlinks{
  }
    
td.deathname{
  color: #ffffff;
  background-color: #000000;
  padding: 1px;
  border: 1px solid #000000;
  text-align: left;
  font-variant: small-caps;
}

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

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

.deathrelevantlinks {
  color: #000000;
  }
 
 /******************************************/
/***                                   ***/
/***           Census                  ***/
/***							       ***/
/*****************************************/

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

.censusback{
 background-color:#FFFFFF;
 text-align: center;
 }

.censushead{
  background-color: #33CC99;
  text-align: center;
  color: #000000;
  font-variant: small-caps;
  font-size: 1.2em;
  }

.censusheader{
  background-color: #33cc99;
  width: 98%;
  }
  
.censusdetail{
  background-color: #ffffff;
  text-align: center;
  color: #000000;
  font-variant: small-caps;
  font-size: 1.1em;
  } 

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

td.answername{
  background-color: #ccccff;
  border: 1px solid #000000;
  color: #000000;
  font-variant: small-caps;
  font-size: 1.2em;
}

td.reflabel{
  color: #2121ad;
  font-variant: normal;
  font-size: 10pt;
  font-style: italic;
}

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;
  background-color: #FFFFFF;
  font-variant: normal;
  padding-left: 4px;
  padding-right: 4px;
}

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

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

td.head{
  background-color: #cc6633;
  border: 0px solid #ccccff;
  color: #000000;
  text-align: center;
  font-variant: small-caps;
  font-size: 0.8em;
  font-weight: 300;
  padding-left: 5px;
  padding-right: 5px;
}

td.headvertical{
  writing-mode: bt-rl;
  background-color: #cc6633;
  border: 0px solid #ccccff;
  color: #000000;
  text-align: center;
  font-variant: small-caps;
  font-size: 0.8em;
  font-weight: 300;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 5px;
  padding-top: 5px;
}

td.headanswer{
  border: 1px solid #000000;
  color: #000000;
  font-variant: normal;
  font-size: 0.9em;
  font-weight: 200;
  background-color: #FFFFFF;
  }
  
td.label{
  width: 23%;
  color: #2121ad;
  font-variant: normal;
  font-size: 0.9em;
  font-style: italic;
}

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

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

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

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

td.title{
  background-color: #CCCC66;
  text-align: center;
  color: #000000;
  font-variant: small-caps;
  font-size: 1.2em;
}

table.area{
  width: 98%;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0px solid #66ccff;
  background-color: #ffcc66;
}

table.transcription{
  width: 98%;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0px solid #66ccff;
  background-color: #ffffff;
}
/******************************************/
/***                                   ***/
/***           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;
  background-color: #ffffff;
  }

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

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

.normbar a{
  color: #000000;
  text-decoration: none;
  }
     
.normbar a:hover{
  color: #0000ff;
  text-decoration: underline;
  }

.normheader {
  background-color:#0000CC;
  color: #ffffff;
  }

.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;
  background-color: #ffffff;
  color: #2121ad;
  text-align:center;
  }

#outer{
  position: relative;
  top: 10px;
  width: 80%;
  margin: auto;
  text-align: center;
  background-color:#999999;
  }
  
  
  
  
  
  
  
  
  
/******************************************/
/***                                   ***/
/***          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;
  color: #0000ff;
  }
  
.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;
  color: #000000;
  font-size: 1.1em;
  }
    
.lowernav {
  padding: 3px 1px 3px 1px;
  font-size: 0.8em;
  font-variant: small-caps;
  }
  
.lowernav a{
  text-decoration: none;
  color: #669933
}

.lowernav a:hover{
  text-decoration: underline;
  color: #0000CC;
}

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

.nav a:hover{
  color: #FF0000;
  } 

.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;
  background-color: #ffffff;
}

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

.relevantlinks {
  color: #009933;
  }