body {
/*  background-image: url(bg19.jpg) ;*/
/*  background-image: url(bg160.jpg) ;*/
/*  background-image: url(bg168.jpg) ;*/
/*  background-image: url(bg187.gif) ;*/
  background-image: url(images/back-ground.jpg) ;
/*  background-repeat: repeat ; */
  background-color: #F0F0F0 ;  /* Light grey */
  font-family: Comic Sans MS, Helvetica, Arial, sans-serif; 
}

/* ------------------------------------------------------------------------- */
/*       Heading levels                                                      */
/* ------------------------------------------------------------------------- */
h1 {
  text-align: CENTER;
  color: #993333;
  font-family: Helvetica, Arial, sans-serif; 
}
h2, h3, h4, h5, h6 {
  color: #993333;
  font-family: Helvetica, Arial, sans-serif; 
  margin-bottom: 10px; 
}

address {
  text-align: CENTER;
  color: green;
  font-size: 10pt;
  margin-top: 10px; 
}

p {
  padding-top: 2px; 
  padding-bottom: 2px; 
  margin-top: 2px; 
  margin-bottom: 2px; 
}

.Note {
  text-align: LEFT;
}


/*
th {
  vertical-align: TOP;
  color: black;
  font-family: Comic Sans MS, Helvetica, Arial, sans-serif; 
}
*/
/*
td {
  text-align: LEFT;
  vertical-align: TOP;
  color: black;
  font-family: Comic Sans MS, Helvetica, Arial, sans-serif; 
}
*/

.top {
  text-align: LEFT;
  vertical-align: TOP;
}

ul, ol {
  padding-top: 1px; 
  padding-bottom: 2px; 
  margin-top: 1px; 
  margin-bottom: 2px; 
}

.PageHeader {
  background-image: url(images/back-ground.jpg);
  vertical-align: CENTER;
}

.Header {
  background: #99CCFF;
  vertical-align: CENTER;
}

.Navigation {
/*  background: #00CC66;*/
  background: #FFCC66;
  vertical-align: TOP;
}

.check {
  text-align: CENTER;
  font-family: ZapfDingbats;
  font-size: 16pt;
}

.Linked {
  vertical-align: TOP;
/*  background: #00CC66;*/
  background: #FFCC66;
}

.Unused {
  vertical-align: TOP;
  background: #FFCC66;
}

.Name {
  color: red;
}

.Lang {
  color: blue;
}

.Meaning {
  color: green;
}

.Updated {
/*  color: green;*/
  color: #336600;
  font-size: 9pt;
  vertical-align: BOTTOM;
  text-align: LEFT;
  margin-top: 20px; 
}

.grandfather {
  width: 200px;
  colspan: 2;
  vertical-align: CENTER;
  text-align: CENTER;
  background-color: #99CCFF ;  /* Blue */
  padding-top: 10pt;
  padding-bottom: 10pt;
  padding-left: 10pt;
  padding-right: 10pt;
  border-color: blue;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px; 
  border-bottom-width: 1px; 
}
.father {
  vertical-align: TOP;
  text-align: CENTER;
  background-color: #99CCFF ;  /* Blue */
  border-color: blue;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px; 
  border-bottom-width: 1px;
  padding-top: 10pt;
  padding-bottom: 10pt;
  padding-left: 10pt;
  padding-right: 10pt;
}

.grandmother {
  width: 200px;
  vertical-align: CENTER;
  text-align: CENTER;
  background-color: #FFCCCC ;  /* Pink */
  padding-top: 10pt;
  padding-bottom: 10pt;
  padding-left: 10pt;
  padding-right: 10pt;
  border-color: blue;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px; 
  border-bottom-width: 1px; 
}
.mother {
  vertical-align: TOP;
  text-align: CENTER;
  background-color: #FFCCCC ;  /* Pink */
  padding-top: 10pt;
  padding-bottom: 10pt;
  padding-left: 10pt;
  padding-right: 10pt;
  border-color: blue;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px; 
  border-bottom-width: 1px; 
}

.male {
  vertical-align: TOP;
  text-align: CENTER;
  background-color: #99CCFF ;  /* Blue */
  padding-top: 10pt;
  padding-bottom: 10pt;
  padding-left: 10pt;
  padding-right: 10pt;
  border-color: blue;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px; 
  border-bottom-width: 1px; 
}

.female {
  vertical-align: TOP;
  text-align: CENTER;
  background-color: #FFCCCC ;  /* Pink */
  padding-top: 10pt;
  padding-bottom: 10pt;
  padding-left: 10pt;
  padding-right: 10pt;
  border-color: red;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px; 
  border-bottom-width: 1px; 
}

.bottom {
  vertical-align: CENTER;
  text-align: CENTER;
  border-color: blue;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px; 
  border-bottom-width: 1px; 
}
.topright {
  vertical-align: CENTER;
  text-align: CENTER;
  border-color: blue;
  border-left-width: 0px;
  border-right-width: 1px;
  border-top-width: 1px; 
  border-bottom-width: 0px; 
}
.bottomright {
  vertical-align: CENTER;
  text-align: CENTER;
  border-color: blue;
  border-left-width: 0px;
  border-right-width: 1px;
  border-top-width: 0px; 
  border-bottom-width: 1px; 
}
.right {
  vertical-align: CENTER;
  text-align: CENTER;
  border-color: blue;
  border-left-width: 0px;
  border-right-width: 1px;
  border-top-width: 0px; 
  border-bottom-width: 0px; 
}
.none {
  vertical-align: CENTER;
  text-align: CENTER;
  border-color: blue;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px; 
  border-bottom-width: 0px; 
}

.tablenone {
  text-align: CENTER;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px; 
  border-bottom-width: 0px; 
}

@media Screen    
{
a:hover {
  background: #CCFF99;
}
}