/* Layoot */

body   {background-color:#fc6;
        color:black;
        margin:10px;
        padding:0;}

#logo   {font-family:serif;
         font-size:100px;
         margin:0;
         padding:10px 0px 0px 10px;
         line-height:0.8;}

#sublogo   {font-family:serif;
            font-size:33px;
            margin:0px 0px 5px 0px;
            padding:0px 0px 10px 15px;
            line-height:1;}

#google   {font-family:sans-serif;
           font-size:10px;}

#main  {     padding:20px;
             margin:20px;
             border: none;
             text-align:justify;
             font-family:sans-serif;
             font-size:12pt;}

#menu  {float:right;
        margin:0;
        padding: 10px 10px 10px 0px;
        width: 120px;
        font-family: sans-serif;
        background-color:black; color:#fc6;
        line-height:110%;
        font-size:10pt;}

#heid {margin: 0;
       background-color:black; color:#fc6;
       }

#footer {border-top:1px solid black;
         margin:5px 0px}

a         {background-color: transparent;
           text-decoration: none;}
           
form {margin:0;}

/* Formattin */

a:link    {color: blue; text-decoration: underline;}
a:visited {color: black; text-decoration: underline;}
a:active  {color: red; text-decoration: underline;}
a:hover   {color: black; background-color: yellow;
           text-decoration: none;}
           
#menu a:link    {color: #fc6;}
#menu a:visited {color: white;}
#menu a:active  {color: red;}
#menu a:hover   {color: black; background-color: #fc6;
           text-decoration: none;}

h1     {text-align:center;
        font-family:serif;
        font-size:24pt;
        padding:20px 0px;
        margin:0px;}

h2     {text-align:center;
        font-family:serif;
        font-size:18pt;
        padding:20px 0px;
        margin:0px;}

h3     {text-align:left;
        font-size:12pt;
        font-weight:bold;
        padding:10px;
        margin:0px;}

h5     {font-family:serif;
        font-style:italic;
        font-size;10pt;
        padding:0px 0px 40px 40px;
        margin:20px 0px 0px 0px;}

p      {text-indent:2em;
        margin:0px;
        padding:0px;}

div.photae {border: 1px solid black;
            text-align:center;
            padding:10px;
            margin:0;
            width:100%;
            background-color:white;
            font-family: sans-serif;
            font-size:10pt;}

div.caption {text-align:center;
             margin: 10px 5px;
             font-family:serif;
             font-size:18;
             font-weight:bold;}

div.quote {border: 1px dotted black;
           color: maroon;
           text-align:center;
           font-family:serif;
           font-weight:bold;
           font-size:18pt;
           font-style:italic;
           padding:20px 0px;
           margin:20px;}

div.copyricht  {background-color:black; color:#fc6;
             font-family:serif;
         margin-top:10px;
         padding:10px;
         line-height:0.8;
         font-size:18px;}

li {padding: 2px 0px 0px 0px;}
ul {padding: 2px 0px 0px 0px;}

div.menu  a:link    {background-color:#69f; color:white;}
div.menu  a:visited {background-color:#69f; color:white;}
div.menu  a:active  {background-color:#69f; color:white;}
div.menu  a:hover   {background-color:yellow; color:maroon;}

div.contents a:link   , div.credits a:link    {color: blue; text-decoration:underline;}
div.contents a:visited, div.credits a:visited {color: #999999;}
div.contents a:active , div.credits a:active  {color: #0000cc;}
div.contents a:hover  , div.credits a:hover   {color: #fc6666;}

img           {padding:0px;}

dl {font: sans-serif 10px;}
dt {font-weight: bold;}
dd {font-style:italic;}

p      {text-indent:2em;
                margin:0px;
                text-align:justify;
                padding:0px}

div.verse  {margin:10px}
div.chorus {margin:-10px 10px 10px 20px;font-style:italic;}

div.i1 {margin-left:20px}
div.i2 {margin-left:40px}
div.i3 {margin-left:60px}
div.i4 {margin-left:80px}
div.i5 {margin-left:100px}
div.i6 {margin-left:120px}
div.i7 {margin-left:140px}
div.i8 {margin-left:160px}
div.i9 {margin-left:160px}

div.epigraph {
    font-style:italic;
    width:60%;
}

span.makar {}

span.wark {
    font-weight:bold;
}