﻿/* CSS Document */
/* body */

body {
background-color:gray;
margin:0;
}

#page {
width:1000px;
margin:5px auto auto auto;
background-image:url('../images/bg.JPG');
background-repeat:no-repeat;
background-color:white;
}



/* links */

a {
color:navy;
text-decoration:none;
}

a:active {
text-decoration:none;
color:blue;
}

a:hover {
color:blue;
text-decoration:underline;
}

.footer a {
font-family:"Times New Roman", Times, serif;
font-size:10pt;
color:black;
text-decoration:none;
}

.footer a:active {
font-family:"Times New Roman", Times, serif;
font-size:10pt;
text-decoration:none;
color:black;
}

.footer a:hover {
font-family:"Times New Roman", Times, serif;
font-size:10pt;
color:black;
text-decoration:underline;
}

.warning a {
text-decoration:underline;
color:red;
}



/* div tags */

#top {
height:153px;
margin:0;
padding:5px 10px 10px 555px;
background-image:url('../images/top.PNG');
background-repeat:no-repeat;
}

#navigation {
height:30px;
width:1000px;
margin:0;
padding:0;
}

#filler{
height:55px;
margin:0;
padding:0;
}

#text_box {
width:680px;
background-image:url('../images/bg_text_box.JPG');
background-repeat:no-repeat;
background:rgba(255, 255, 255, .65);
margin-left:30px;
border:thin black solid;
padding:10px 10px 10px 10px;
}

#side_box {
background-color:white;
background:rgba(255, 255, 255, .65);
border:thin black solid;
padding:0px 0px 0px 0px;
}

#footer {
width:950px;
text-align:left;
margin:auto auto auto auto;
padding:0px 0px 4px 50px;
}

#slideshow_vertical {
text-align:left;
font-family:"Times New Roman", Times, serif;
font-size:12pt;
}

#slideshow_horizontal {
text-align:left;
font-family:"Times New Roman", Times, serif;
font-size:12pt;
margin:20px 0px 45px 40px;
}

#video {
text-align:left;
font-family:"Times New Roman", Times, serif;
font-size:12pt;
margin:20px 10px 15px 125px;
}

#food_pics {
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:13pt;
margin:10px 10px 10px 10px;
padding:5px 5px 5px 5px;
width:60%;
float:left;
border:thin gray solid;
}



/* fonts */

.header {
font-family:"Times New Roman", Times, serif;
font-size:44pt;
color:black;
text-align:center;
font-style:italic;
margin:15px 0px 12px 0px;
}

.sub-header {
font-family:"Times New Roman", Times, serif;
font-size:13pt;
font-weight:bold;
text-align:center;
color:blue;
margin:0px 0px 0px 0px;
}

.h1 {
font-family:"Times New Roman", Times, serif;
font-size:48pt;
color:#003E00;
text-align:center;
margin:0px 0px 10px 0px;
}

.h2 {
font-family:"Times New Roman", Times, serif;
font-size:24pt;
color:maroon;
text-align:center;
font-style:italic;
margin:5px 0px 5px 0px;
}

.h3 {
font-family:"Times New Roman", Times, serif;
font-size:16pt;
color:#003E00;
font-weight:bold;
text-align:center;
margin:5px 0px 5px 0px;
}

.h4 {
text-align:left;
font-family:"Times New Roman", Times, serif;
font-size:large;
color:maroon;
font-weight:bold;
margin:5px 0px 5px 5px;
}

.h5 {
font-family:"Times New Roman", Times, serif;
font-size:24pt;
color:#666666;
text-align:center;
font-style:italic;
margin:5px 0px 5px 0px;
}

.article2 {
font-family:"Times New Roman", Times, serif;
font-size:24pt;
color:#003E00;
text-align:center;
margin:0px 0px 10px 0px;
}
	
.author {
font-family:"Times New Roman", Times, serif;
font-size:10pt;
color:#333333;
text-align:left;
padding:0px 0px 0px 5px;
}
	
.regionalinfo {
font-family:"Times New Roman", Times, serif;
font-size:14pt;
color:black;
margin:23px 0px 0px 15px;
}

.text {
font-family:"Times New Roman", Times, serif;
font-size:13pt;
color:black;
text-align:left;
padding:5px 5px 5px 5px;
}

.date {
font-family:"Times New Roman", Times, serif;
font-size:13pt;
color:black; 
font-weight:bold;
text-align:left;
padding:5px 5px 5px 5px;
}

.piccaptions {
font-family:"Times New Roman", Times, serif;
font-size:13pt;
color:black;
text-align:center
}

.aboutmetext {
font-family:"Times New Roman", Times, serif;
font-size:13pt;
font-weight:bold;
text-align:center;
color:maroon;
}

.continue {
font-family:"Times New Roman", Times, serif;
font-size:16pt;
font-weight:bold;
text-align:right;
}

.footer {
font-family:"Times New Roman", Times, serif;
font-size:10pt;
color:black;
}

.tree {
font-family:"Times New Roman", Times, serif;
font-size:11pt;
text-align:right;
font-weight:bold;
margin:0px 0px 0px 0px;
}

.mini_guide {
font-family:"Times New Roman", Times, serif;
font-size:11pt;
text-align:left;
font-weight:bold;
margin:0px 0px 0px 0px;
}

.warning {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
color:red;
}


/* genealogy chart pages - tables */
.bottom_right {
border-bottom:thin black solid;
border-right:thin black solid;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:11pt;
}

.bottom_right a {
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:11pt;
color:black;
text-decoration:none;
}

.bottom_right a:hover {
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:11pt;
color:blue;
text-decoration:underline;
}

.bottom {
border-bottom:thin black solid;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:11pt;
}

.bottom a {
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:11pt;
color:black;
text-decoration:none;
}

.bottom a:hover {
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:11pt;
color:blue;
text-decoration:underline;
}

.right {
border-right:thin black solid;
font-family:"Times New Roman", Times, serif;
font-size:11pt;
}

.right a {
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:11pt;
color:black;
text-decoration:none;
}

.right a:hover {
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:11pt;
color:blue;
text-decoration:underline;
}

.previous {
border-right:thin black solid;
font-family:"Times New Roman", Times, serif;
font-size:11pt;
}



/* NAVIGATION */
/* header */

.header ul{
margin:0;
padding:0;
list-style-type:none;
overflow:hidden;
border-width:0px;
}

.header li{
display:inline;
margin:0;
padding:0;
border-width:0px;
}

.header li a{
float:left;
margin:0;
padding:0;
border-width:0px;
}

.header li a:hover{
color:#FFFF00;
text-decoration:none;
border-width:0px;
margin:0;
padding:0;
}



/* dropdown */

.dropdown ul {
font-family:"Times New Roman", Times, serif;
font-size:14pt;
font-weight:bold;
height:22px;
width:180px;
text-align:center;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
list-style-type:none;
background:yellow;
border:1px solid black;
visibility:hidden;
z-index:100;
}

.dropdown {
font-family:"Times New Roman", Times, serif;
font-size:14pt;
font-weight:bold;
height:22px;
width:180px;
text-align:center;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
list-style-type:none;
background:yellow;
border:1px solid black;
visibility:hidden;
z-index:100;
}

.dropdown li a{
display:block;
height:22px;
width:180px;
margin:0;
padding:0;
color:black;
text-decoration:none;
border-bottom:1px solid black;
}

* html .dropdown li{ 
display:inline-block;
width:180px;
margin:0;
padding:0;
}

.dropdown li a:hover{
display:block;
width:180px;
height:22px;
margin:0;
padding:0;
color:blue;
text-decoration:none;
}

.iframeshim{
position:absolute;
z-index:500;
background:transparent;
border-width:0;
width:0;
height:0;
margin:0;
padding:0;
display:block;
}

