@charset "UTF-8";

@font-face {
	font-family: 'FrakturBT';
	src: local('FrakturBT'),
		url('http://www.runestone.org/fonts/15301_FrakturBT.ttf') format('truetype');
}

div {
    width: 100%;
    align-content: center;
}

body  { 
        image:url("http://www.runestone.org/images/parchment.jpg");
        font-style: normal;
	font-weight: normal;
        font-size: normal;
        font: normal 20pt;
        color: rgb(0,41,64);
}

h3, #navigation p, dt, th, a {
	font-style: normal;
	font-weight: normal;
}

a:link {color: rgb(0,41,64); text-decoration: none; }
a:active {color: red; text-decoration: none; }
a:visited {color: rgb(135,117,20); text-decoration: none; }
a:hover {color: rgb(255,255,255); text-decoration: none; }

p.greeting {
        font: bold italic large Palatino, serif;
        color: rgb(0,41,64);
        text-align: center;
}
p.menu {
        font: normal 12pt;
        color: rgb(0,41,64);
        text-align: center;
}

p.blogmenu {
        font: normal 12pt;
        color: rgb(0,41,64);
        text-align: center;
        font-style: normal;
	font-weight: normal;
        font-size: normal;
        }

p.motto {
        font-family: serif;
        font-size: large;
        font-style: italic;
        color: rgb(0,41,64);
        text-align: center;
}

p.subtext {
        font: normal 18pt/20pt;
        color: rgb(0,41,64);
        text-align: left;
}

p.copyright {
        font: normal 10pt;
        color: rgb(0,41,64);
        text-align: center;
}


h1.title {
        font-family: "FrakturBT", serif;
        font-size: xx-large;
        color: rgb(0,41,64);
        text-align: center;
}

h2 {
        font: bold 20pt;
        color: rgb(0,41,64);
        text-align: center;
}
hr {
    background-color: rgb(0,41,64);
    color: rgb(0,41,64);
    clear: both;
}

ul {
  list-style-type: none;
}

li {
        font: bold 20pt;
        color: rgb(0,41,64);
        text-align: left;
}

li.center {
        font: bold 20pt;
        color: rgb(0,41,64);
        text-align: center;
}

img.wrap {
    float: right;
    margin: 10px 10px 30px 30px;
}

img.left {
    float: left;
    margin: 10px 10px 30px 30px;
}

iframe.left {
    float: left;
    margin: 10px 10px 30px 30px;
}