/* Leraas Site Style */

body {
    background-color:#ffffff;
    font-family: "times new roman";
    font-size: 12pt;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border:0;
    background-image: url(pics/graygrad.jpg);
    background-repeat: repeat-y;
    background-position: left top ;
}

#navlist
{
    padding: 10px 10px 0px 10px;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

#navlist li
{
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
}

#navlist li a
{
    text-decoration: none;
    border: medium solid #000;
    padding: 0 8px 1px 8px;
    margin: 0 2px;
    background-color: white;
    color: black;
}

* html #navlist li a { padding: 0 8px; }

#navlist li a:hover
{
    background-color: #26A;
    color: white;
}

#menu {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    width: 95%;
    border:0;
    border:medium solid #000;
    line-height:20px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: white;
    text-align: center;
    color: black;
}

#menu a, #menu a:link {
    text-decoration: none;
    color: black;
}
#menu a:visited {
    color: #999;
}
#menu a:hover {
    background-color: #26A;
    color: white;
}

/* These are rules for the Current page */
body#introduction a#introduction,
body#portal a#portal,
body#links a#links,
body#reunion1988 a#reunion1988,
body#reunion1990 a#reunion1990,
body#reunion1992 a#reunion1992,
body#reunion1994 a#reunion1994,
body#reunion1996 a#reunion1996,
body#reunion1998 a#reunion1998,
body#reunion2000 a#reunion2000,
body#reunion2002 a#reunion2002,
body#reunion2004 a#reunion2004,
body#reunion2007 a#reunion2007,
body#reunion2016 a#reunion2016,
body#reunion2019 a#reunion2019
{
    color: white;
    text-decoration:none;
    font-weight:bold;
    background-color: #999;
}


/* At the top of each page */
#top_navigator {
}

#top_navigator td {
    vertical-align: top;
}

#top_navigator img {
    vertical-align: top;
}

/* At the bottom of each page */
#bottom_navigator {
    clear: both;
  }

#bottom_navigator td {
    vertical-align: bottom;
}
#bottom_navigator img {
    vertical-align: bottom;
}

/* Applies to both the top and bottom navigators */
table.navigator {
    color: #e474bd;
    width: 100%;
    border: 0px;
    padding: 0px 0px;
    font-size: x-large;
}

/* The main content for each page */
#content {
    position: relative;
    left: 5%;
    right: 1%;
    width: 90%;
    padding-left: 2%;
    padding-right: 2%;
    letter-spacing:.08em;
    border-left: medium solid #888;
    border-right: medium solid #000;
    border-top: medium solid #888;
    border-bottom: medium solid #303;
    background-color: #fff;
}


h1.title
{
    font-size: 42px;
    line-height: 44px;
    font-variant: small-caps;
    font-family: "arial", "verdana", "sans-serif";
    font-style:italic;
    color: #5500aa;
    font-weight:bold;
    text-align: center;
}


h2
{
    color:#000000;
/*    font-size:+2; */
    font-variant:small-caps;
    margin: 0 0 0 0;
}

h3
{
    margin: 0 0 0 0;
}

hr
{
    color:navy
}

blockquote {
    -moz-column-count : 2 ;
    -moz-column-gap: 3% ;
    font-size: 10pt;
    text-align: justify;
    background-color: #ccc;
}


p
{
    margin-left: 15px
}

/* For First lines of books/chapters */
p.first
{
    text-indent: 0cm;
}
p.first:first-letter
{
    font-size: 200%;
    font-style: italic;
}



a:link {color: blue}
a:visited {color: #666688}
a:hover {
    background: #ff99ff;
    text-decoration: overline underline;
}
a:active {color: #0000ff}


img.photo
{
   border: 2px solid rgb(16, 55, 134);
}



/* Family Tree Chart */
#chart {
    background-color:#dddddd;
    empty-cells: hide;
}

#chart td {
    text-align: center;
    border: thin solid gray;
}

#chart  a:link {
    color: blue;
    text-decoration: none;
    font-weight: bold;
}
#chart a:visited {color: silver}
#chart a:hover {
    background-color: blue;
    color: white;
    text-decoration: none;
}
#chart a:active {color: #0000ff}


#chart td.generations {
    border-left: none;
    border-top: medium solid;
    border-right: medium solid;
    border-bottom: medium solid;
}



#chart td.marriage {
    color: aqua;
    background-color: black;
    border-top: none;
    border-left: thick solid;
    border-bottom: none;
    border-right: thick solid;
}

#chart td.vertlink {
    color: aqua;
    border-left: medium dotted;
    border-top: none;
    border-right: medium dotted;
    border-bottom: none;
}

#chart td.horizlink {
    color: aqua;
    border-left: none;
    border-top: medium dotted;
    border-right: none;
    border-bottom: medium dotted;
}

#chart td.leftcorner {
    color: aqua;
    border-left: medium dotted;
    border-top: none;
    border-right: none;
    border-bottom: medium dotted;
}

#chart td.rightcorner {
    color: aqua;
    border-left: none;
    border-top: none;
    border-right: medium dotted;
    border-bottom: medium dotted;
}

#chart td.null{
    border: none;
}

td.mons_leraas {
    background-color: teal;
}

td.leraas {
    background-color: white;
}

td.hesjedal {
    background-color: #ffaaff;
}

td.lohse {
    background-color: #77ff77;
}

td.lade {
    background-color: #FFD700;
}

td.eide {
    background-color: #aa88ff;
}

td.golz {
    background-color: #D2691E;
}



a.previous:before
{
    content: url("shared/left_arrow.png");
}

a.next:after
{
    content: url("shared/right_arrow.png");
}

.copyright
{
    text-align: right;
    color: purple;
    font-size: xx-small;
    font-style: italic;
}