@font-face{
    font-family: 'Elstob';
    src:url(http://www.oldenglishaerobics.net/fonts/Elstob[GRAD,opsz,wght].woff2) format('woff2-variations');
    font-weight: 200 800;
    font-style: normal;
}
@font-face{
    font-family: 'Elstob';
    src:url(http://www.oldenglishaerobics.net/fonts/Elstob-Italic[GRAD,opsz,wght].woff2) format('woff2-variations');
    font-weight: 200 800;
    font-style: italic;
}
@font-face{
    font-family: Junicode;
    font-weight:normal;
    font-style:normal;
    src:local("Junicode"),
    local("Junicode Regular"),
    local("Junicode-Regular"),
    url(../fonts/Junicode-Regular.woff) format("woff"),
    url(../fonts/Junicode-Regular.ttf) format("truetype");
}
@font-face{
    font-family:Junicode;
    font-weight:bold;
    font-style:normal;
    src:local("Junicode Bold"),
    local("Junicode-Bold"),
    url(../fonts/Junicode-Bold.woff) format("woff"),
    url(../fonts/Junicode-Bold.ttf) format("truetype");
}
@font-face{
    font-family:Junicode;
    font-weight:normal;
    font-style:italic;
    src:local("Junicode-Italic"),
    local("Junicode Italic"),
    url(../fonts/Junicode-Italic.woff) format("woff"),
    url(../fonts/Junicode-Italic.ttf) format("truetype");\
}
@font-face{
    font-family:Junicode;
    font-weight:bold;
    font-style:italic;
    src:local("Junicode BoldItalic"),
    local("Junicode-BoldItalic"),
    url(../fonts/Junicode-BoldItalic.woff) format("woff"),
    url(../fonts/Junicode-BoldItalic.ttf) format("truetype");
}
@font-face {
    font-family: Bocere;
    font-weight: 500;
    font-style: normal;
    src:url(../fonts/Bocere.woff2) format("woff2");
}

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;}

@supports (font-variation-settings: 'wght' 400) {
    body           {position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: Elstob;
    font-variation-settings: 'wght' 400, 'opsz' 8, 'GRAD' 1;
    font-size: 120%;
    line-height: 1.35em;
    background: #f1ebdf fixed;}
}

#menubox {position: fixed;}

#homemenubox {position: relative;}

#menubox, #homemenubox {top: 30px;
			left: 40px;
			height: auto;
			width: 160px;
			color: #444444;
			font-size: 70%;
			font-family: Verdana, Arial, sans-serif;
			line-height: 150%;}

#homemenubox {width: 260px;}

body>div#menubox {position: fixed;}

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

#menubox a, #homemenubox a {display: block;
			    color: #444444;
			    text-decoration: none;
			    padding-top: 5px;
			    padding-bottom: 5px;}

#menubox a:hover, #homemenubox a:hover {color: black;
					text-decoration: none;}

#content, #homecontent, #tipbox {position: absolute;
                                height: auto;
				background-color: #f9f7f5;
				border: 1px solid #cdc3b7;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
				padding: 20px;}

#tipbox {top: 360px;
	 margin-left: 40px;
	 width: 225px;
	 font-size: 70%;
	 font-family: Verdana, Arial, sans-serif;}

#tipbox h1 {font-size: 120%;}

#content, #homecontent {top: 20px;
			left: 260px;
			right: 40px;}

#homecontent {left: 325px;}

span.mname, input.mname {display: none;}

.cap1 {
    color: #7d4128;
    font-size: 150%;
    vertical-align: -10%;
}

.cap2 {color: #516089;}

.cap3 {color: #528464;}

#content h1, #homecontent h1 {
    font-family: Bocere;
	font-weight: 500;
	font-feature-settings: 'ss12' on;
    /* font-family: 'IM Fell Double Pica', Junicode, serif;
    font-weight: normal; */
    font-size: 220%;
    color: #453e39;
    line-height: 125%;
}

#content h2, #homecontent h2 {
    font-family: 'IM Fell Double Pica', Junicode, serif;
    font-weight: normal;
}

#content a:link, #homecontent a:link, #tipbox a:link {
    color: #333399;
    text-decoration: none;
}

#content a:visited, #homecontent a:visited, #tipbox a:visited {
    color: #333399;
    text-decoration: none;
}

#content a:hover, #homecontent a:hover, #tipbox a:hover {
    color: #333399;
    text-decoration: underline;
}

#content a:active, #homecontent a:active, #tipbox a:active {
    color: #333399;
    text-decoration: underline;
}

#floret {float: left; margin-top: 20px;}

#homecontent h1 {margin-left: 70px;}