@font-face {
    font-family: 'Junicode';
    src: url('junicode-regular-webfont.eot');
    src: url('junicode-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Junicode.woff') format('woff'),
         url('Junicode.ttf') format('truetype'),
         url('junicode-regular-webfont.svg#JunicodeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Junicode';
    src: url('junicode-italic-webfont.eot');
    src: url('junicode-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Junicode-Italic.woff') format('woff'),
         url('Junicode-Italic.ttf') format('truetype'),
         url('junicode-italic-webfont.svg#JunicodeItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
body           {position: relative;
                margin: 0;
                padding: 0;
                height: 100%;
                width: 100%;
                font-family: junicode, gentium, caslon roman, serif;
                font-size: 120%;
                line-height: 1.35em;
                background: #f1ebdf fixed;}

a em           {text-decoration: underline; font-style: normal;}

.bktitle       {font-style: italic;}

.for           {font-style: italic;}

div#menubox    {position: absolute;
                top: 10px;
                margin-left: 10px;
                height: auto;
                width: 160px;
                color: black;
                font-size: 10px;
                font-family: Verdana, Arial, sans-serif;
                line-height: 150%}

body>div#menubox {position: fixed;}

div#menubox h1 {font-size: 10px;
                font-family: Verdana, Arial, sans-serif;
                margin-top: 15px;
                margin-bottom: 5px}

div#menubox a    {display: block;
                  color: black;
                  text-decoration: none;
                  padding-top: 5px;
                  padding-bottom: 5px;}



/* div#menubox a:visited {color: white;
                       text-decoration: none} */

div#menubox a:hover   {color: red;
                       text-decoration: none;}

div#menubox a:focus {text-decoration: none;
                     color: blue;}

/* div#menubox A:active  {color: white;
                       text-decoration: underline} */

div#content    {position: absolute;
                top: 10px;
                left: 170px;
                right: 10px;
                height: auto;
                border: 1px solid #cdc3b7;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
                padding: 20px;
                background-color: #f9f7f5;}

div#content h1 {line-height: 125%; font-weight: normal;}

div#content A:link    {color: #333399;;
                       text-decoration: none}

div#content A:visited {color: #333399;;
                       text-decoration: none}

div#content A:hover   {color: blue;
                       text-decoration: underline}

div#content A:active  {color: blue;
                       text-decoration: underline}