@charset "utf-8";
/* CSS Document */

/* added 1/10/2018 */
.footer {font-family:Arial, Helvetica, sans-serif; font-size:70%; font-width:120%; color:darkgrey; border-top:2px solid darkgrey;
	border-bottom:2px solid darkgrey; padding:10px; margin-top:10px; text-align:center; margin-bottom:20px;}
.footer a{color:darkgrey;}
	
	a:link, a:visited {
    color: #898749;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

a:hover, a:active {
    color: #9e4d44;
	
}

/* end added */

html {background-color: #f4f1e4;
    background-image: url("images/winebackground.jpg");}


body {

margin-left:  0; 
max-width:1200px; margin:0px auto;
margin-top: "0"; 
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #000;
	border-left:1px solid black; border-right:1px solid black; 
}

.story {
	width: 80%;
	padding: 0px 10px;
}

h1{
	font-size: 170%;
line-height:115%;
	width: 95%;
	color: #506d92;
	margin-top:15px;
    margin-bottom:10px;
    margin-left:10px;
}

h2{
	font-size: 130%;
	margin: 10px;
	width: 100%;
	color: #86457f;
}

h3{
	font-size: 120%;
	margin: 10px;
	font-weight: bold;
	font-style: italic;
	width: 100%;
	color: #9e4d44;
}

.bodytext {
	font-size: 100%;
	margin-left: 10px;
	line-height: 110%;
	width: 95%;
}




.caption {
	font-size: 90%;
	font-style: italic;
	padding: 5px 0px;
	width: 100%;
}


.rightbox {
    width: 25%;
    float: right;
    padding: 6px 6px;
    background-color:yellow;
    border: 1px solid rgba(33, 33, 33, 0.1);
    vertical-align: top;
    margin: 0 6px 6px 0;
    color: #3A3A3A;
    font-size: 90%;
    box-shadow: 0px 0px 4px rgba(0, 11, 11, 0.2);
}

.footer {font-family:Arial, Helvetica, sans-serif; font-size:70%; font-width:120%; color:darkgrey; border-top:2px solid darkgrey;
	border-bottom:2px solid darkgrey; padding:10px; margin-top:10px; text-align:center; margin-bottom:20px;}
.footer a{color:darkgrey;}



/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
	/* border-bottom: 1px dotted black;  If you want dots under the hoverable text */
	font-size:80%;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 380px;
    background-color: chocolate;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: chocolate transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltiptext a{color:white;}


.foottext {margin-top:8px; padding-left:16px; font-size:90%;}
.foottext a{color:black;}

.screenhead {display:block;}
.printhead {display:none;}

.menubox {float:right; width:20%; }
.mainbox {float:left; width:79%; border-right:1px solid black; }

.insidebox {padding:6px;}

.imgboxcenter {width:860px;}
.imgboxcenter img {width:850px;}


.imgbox {
	text-align:center; margin:0px auto;
}

.imgbox img {width:830px;}

.imgboxV { float:right; width:460px; text-align:center;
	
}
.imgboxl {float:left; width:460px; text-align:center; padding-right:10px;}

.imgboxl img {width:450px;}

.imgboxSmall { float:right; width:180px; text-align:center;
	
}
.imgboxV img {width:450px;}

.tocbox {padding:20px;}
.tocbox td {padding-bottom:8px;}

.tocleft { font-weight:bold; text-align:right; width:100px;}
.tocright {}

.rightmenu {font-size:90%; }
.rightmenu div {padding-top:2px; padding-bottom:2px; margin-right:10px; padding-left:5px;}



.chosen {background-color:#506d92; color:white;}



.row {}
.row:hover {cursor:pointer; background-color:#e5e9ef; color:black;}

.headerimage{position:relative; text-align:center; height:91px;}

.highlight { background-color: yellow;}

.top-left{position:absolute; top:8px;left:16px;float:left; font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'; font-size:200%; letter-spacing: .1em; color:#506d92; font-weight: bold;}
.bottom-right{position:absolute; bottom:8px;right:16px;float: right;font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'; font-size:100%; margin-top:5px; margin-bottom: 5px; margin-right: 10px; letter-spacing: .1em; font-weight: bold;}
.TOCTable span { font-size:120%; color: #86457f; margin-left:50px;}
.TOCTable td {font-size:150%;}
.captionimg {width:1098; margin-top:15px; margin-bottom:15px;}
.quoteText {width:95%; padding-left:25px; padding-right:-25px; font-size:95%;font-style: italic;}
.FOOTNOTES {border-radius: 5px; background: chocolate; padding: 2px; COLOR:WHITE; }

.sidebar {background-color:gainsboro; margin:0px auto; padding:15px; border:1px solid black;  width:80%;}