
/* The Family Tree ----------------------------------------------------------*/

    .treetablebar {
      font-size: 0.75em;
      margin-top: 1.5em;
      border: 1px solid;
      padding: 0.5em;
      background: rgb(235,235,245);
      text-align:center;
    }

    .treetable {
      font-size: 1em;
      text-align: center;
      width: auto;
      margin-left:auto;
      margin-right:auto;
      border-collapse: collapse;
    }

    #treecols {
      width: 6.25%;
    }

    .treetable td {
      vertical-align: top;
      padding: 0em;
      margin: 0em;
    }

    .treetable td.lineabove {
      border-top: 1px solid black;
    }

    .treetable td.lineaboveandleft{
      border-top: 1px solid black;
      border-left: 1px solid black;
    }

    .treetable td.lineleft{
      border-left: 1px solid black;
    }

    .treetable td.name{
      padding: 0 0.5em;
    }


/* The ImageBar --------------------------------------------------------------*/

    #imagebar {
      float: right;
      width: 18em;
      margin-left: 1.5em;
      margin-bottom: 0.5em;
    }

    #imagebar A:link {
      color: rgb(245,245,225);
    }

    #imagebar A:visited {
      color: rgb(245,245,225);
    }

    #imagebar img {
      width: 18em;
/*
<<IE6 Bug ignores height: auto; so better not to set it (auto by default)>>
      height: auto;
*/
      border: none;
    }

    .caption {
      font-size: 0.75em;
      text-align: center;
      margin-bottom: 1em;
      margin-top: 0.5em;
    }


/* The Owner/Occupier Bar ----------------------------------------------------*/

    #ootablebar {
      font-size: 0.85em;
      float: left;
      width: 15em;
      margin-right: 2em;
      margin-bottom: 0.5em;
      border: 1px solid;
      padding: 0.5em;
      background: rgb(255,255,235);
    }

    .ootables {
      font-size: 1em;
      text-align: left;
      width: 100%;
    }

    .ootables td {
      vertical-align: top;
      padding: 0em 0.2em 0.2em 0em;
    }

    .ootitle {
      color: rgb(0,50,150);
    }

/* The Timeline --------------------------------------------------------------*/

    #timeline {
      overflow: hidden;
      margin-bottom: 0em;
      width: 100%;

      position: fixed;
      background-color: rgb(245,245,225);
    }

    #innerdiv {
      position: relative;
    }

    #timelinetable td {
      padding-right: 1em;
      white-space: nowrap;
      font-size: 0.85em;
    }

    #timelinetable td.local {
      color: red;
    }

    #container {
      position: relative;
      height: 100%;
      overflow: hidden;
    }



/* The Other Pages buttons ---------------------------------------------------*/
    #otherbtns {
      margin-top: 1em;
    }

/* Search --------------------------------------------------------------------*/
    #results a {
      text-decoration: none;
      font-size: 0.85em;
    }

    #results a:visited {
      color: rgb(0,50,150);
    }

    #results li {
      line-height: 1.25em;;
    }

    #results .heading {
      font-size: 1.1em;
      color: rgb(0,50,150);
    }

    #results ul {
      margin-top: 0.5em;
/*      padding-left: 1em; */
      margin-left: 1em;
      padding-left: 0em;
    }

    #results table {
      width: 100%;
      border-spacing: 0.5em 0;
      margin-left: -1em;
    }

    #results td {
      vertical-align: top;
      padding: 0 0.5em;
      border: 2px solid white;
    }

    #results col {
      width: 33.3%;
    }

    #searchhelp {
      color: red;
      font-size: 0.75em;
      margin: 0 0 0.75em 0;
      border: 2px solid white;
      padding: 0.5em;
    }

    #searchhelp p {
      margin: 0.25em;
    }

    #searchhelp ul {
      margin: 0;
      padding-left: 1.5em;
    }
    
    .smalltxt {
      font-size: 0.85em;
    }

/* ifa_menu() Stuff ----------------------------------------------------------*/

            .ifa_menu  ul {
              display: inline;
              border-style: solid;
              border-width: 0px 1px;
              border-color:  white;
              margin: 0px;
              padding: 0px;
            }

            .ifa_menu li {
              display: inline;
              padding: 0.25em 0.5em;
              border-style: solid;
              border-width: 3px 2px;
              border-color:  white;
              margin: 0px;
            }

            .ifa_menu a {
              text-decoration: none;
              padding: 0.25em 0.5em;
              font-weight: bold;
              margin: 0px;
            }

            .ifa_menu a:active, .ifa_menu a:visited, .ifa_menu a:link {
              color: rgb(0,50,150);
            }

            .ifa_menu a:hover {
              color: white;
              background-color: rgb(0,50,150);
            }

            .ifa_menu .title a {
              font-weight: normal;
              padding: 0;
            }

            .ifa_menu table {
               width: 100%;
            }

            .ifa_menu .rt_align {
               text-align: right;
               line-height: 2.5em;
            }

            .ifa_menu {
               width: 100%;
               margin: 2em 0em;
            }

            .ifa_menu #menu_btns {
               width: 17em;
               vertical-align: top;
            }


/* Dictionary  Stuff ---------------------------------------------------------*/

    .dict_term {
      text-decoration: none;
      border-bottom: 1px dashed rgb(0,50,150);
      cursor: help;
      position: relative;
      color: black;
    }

    .dict_def {
      display: none;
    }

    /* This is here to work around a bloody IE bug! Unless this or some other
    default/initial value is set in the :hover psuedo class then the
    ".dict_term:hover .dict_def" decendant selector below doesn't work and the
    "pop-up" never appears. I chose direction: ltr; because it's unlikely to
    need to be anything else. */

    .dict_term:hover {
      direction: ltr;
    }

    .dict_term:hover .dict_def {
      position: absolute;
      display: block;
      top: -0.5em;
      left: 0em;
      background-color: rgb(200,225,250);
      padding: 0.5em;
      white-space: nowrap;
      border: 1px solid black;
      font-size: 0.75em;
      font-weight: normal;
      font-style: normal;
      text-indent: 0em;
      z-index: 100;

    }


/* General Stuff -------------------------------------------------------------*/

    .subject {
      color: rgb(245,20,10);
      font-weight: bold;
    }

    .title {
      color: rgb(0,50,150);
      font-size: 2.5em;
      margin-bottom: 0.5em;
    }

    p {
      margin-top: 0.75em;
    }

    body {
      margin: 0em 2em 1em 2em;
      font-family: tahoma, ariel, sans-serif;
    }

    .term {
      font-style: italic;
    }

    .bodytext cite {
      font-style: italic;
      font-size: 0.95em;
      padding: 0.5em 0em;
      display: block;
      text-indent: 1em;
    }

    .srchterm {
      background-color: rgb(100,250,100);
      text-decoration: inherit;
      border: 1px solid rgb(50,200,50);
    }


/*
    .missinglink {
      color: yellow;
      background-color: red;
    }
*/

