/***************************************/
 /*  MNRAY.net Main Page Classes        */
/***************************************/

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/macrae_tartan.jpg);
    background-repeat: repeat-y;
    background-position: left top ;
}

#navlist
{
    vertical-align: top;
    padding: 12px 0 0 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

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

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

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

#navlist li a:hover
{
    background-color: #a50000;
    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: #a50000;
    color: white;
}

/* These are rules for the Current page */
body#introduction a#introduction,
body#portal a#portal,
body#about a#about,
body#contact a#contact
{
    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: blue;
    width: 100%;
    border: 0px;
    padding: 0px 0px;
    font-size: x-large;
}

/* The main content for each page */
#content {
    background-image: url('pics/bgbluetransup.jpg');
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: center bottom;
    background-color: white;
    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;
}


/* Div containers for pictures with captions */
div.caption {
    float: left;
}

div.caption img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.caption p {
    margin: 0;
    text-indent: 0;
    padding: 0;
    text-align: center;
    font-size: small;
}

div.caption h2 {
    margin: 0;
    text-indent: 0;
    padding: 0;
    text-align: center;
}

div.spacer {
    clear: both;
}

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: purple}
a:visited {color: black}
a:hover {
    background-color: #a50000;
    color: white;
    text-decoration: underline;
}
a:active {color: #0000ff}


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



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

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

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

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

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


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

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

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

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

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

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

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


td.null{
    border: none;
}

td.ray {
    background-color: #ff1111;
}

td.royal {
    background-color: #dda0dd;
}

td.gillett {
    background-color: #7777ff;
}

td.rhian {
    background-color: #11ff11;
}

td.endreson {
    background-color: aqua;
}

td.bridges {
    background-color: silver;
}

td.blixrud {
    background-color: yellow;
}

td.mons_leraas {
    background-color: teal;
}

td.leraas {
    background-color: white;
}

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