@font-face
    {
    font-family: "jGaramond";
    src: url("jGara2.ttf");
    }

body
    {
    color: #D4AF37;
    background-color: #000000;
    font-family:jGaramond;
    }

a          { text-decoration: none      }
a:hover    { text-decoration: underline }
a:active   { text-decoration: underline }
strike     { color: grey                }

mark {background-color: #C8C8C8;}

.menu_column
	{
	max-width: 0px;
	padding: 0px;
	visibility:hidden;
	}

.menu_list
	{
	width: 0px;
	visibility:hidden;
	}
	
@media (max-width: 480px)
	{
	blockquote
		{
		margin-left:-10px;
		}
	li
		{
		margin-left:-7%;
		}
	}
	
@media (min-width: 480px)
	{	
	body
		{
		margin-left: 4%;
		margin-right: 4%;
		text-align: justify;
		}
	.menu_column
		{
		visibility:visible;
		vertical-align: top;
	    max-width: 300px;
	    padding-top: 10px;
	    /*
	    font-size:120%;
	    font-weight: bold;
	    text-align: left; */
	    background-color:#dddddd;
	    }
	.menu_list
		{
		visibility:visible;
		width:auto;
		/* margin-left:-10px; */
		}
	}

u	{
	text-decoration: underline;
	/* background-color: yellow;*/
	}

tt         { color: #2e3436;            }
pre        { margin-left: 2%}
h1  {
    margin-bottom: 20px;
    text-align: center;
    }

h2  {
    /* text-decoration: underline; */
    color: #545454;
    font-family: Arial, sans-serif;
    /*font-weight:lighter;*/
    font-size:150%;
    margin-bottom: 10px;
    margin-top: 30px;
    }
h2::after
    {
    content:' ';
    display:block;
    border:1px solid #C8C8C8;
    }

h3	{font-size:120%;}
h4  { color: #545454; margin-bottom: 0 }
h5  { color: #545454; margin-bottom: 0 }

.horspage[href]::after
	{
	background: url("external-link-alt-solid.svg") no-repeat;
	content: '';
	display: inline-block;
	margin-left: 3px;
	opacity: .6;
	width: .9em;
	height: .8em;
	}
table	{text-align: center;}
li	{font-size:140%;}