/*style.css*/

/* Universal style rule */
*{
/* Block all browser default margins and padding */
  margin: 0;
  padding: 0;
}

body 
{
    text-align:left;
}

#wrapper
{
    width:60em;
    margin:auto;
    position:relative;
}

#branding
{
    height:13em;
    margin-left:5em;
    width:100%;
}

#menu
{
    position:absolute;
    width:10em;
    height:auto;
    top:14em;
    left:1.5em;
    padding-top:1em;
    padding-bottom:5em;
    background-color:#194D2E;
    border:solid 1px silver;
}

#menu p
{
    font-family:Sylfaen, Sans-Serif;
    text-align:center;
    color:White;
    margin-top:3em;
}

#menu ul
{
     list-style-type:none;
     margin-left:.8em;
     margin-top:2em;
     line-height:2em;
     font-family:Sylfaen, Sans-Serif;
}

#menu a:link
{
    color:White;
    text-decoration:none;
}

#menu a:visited
{
    color: Olive;
    text-decoration:none;
}

#content
{
    float:left;
    width:35em;
    background-color:#E3F2D9;
    margin-top:2em;
    margin-bottom:.2em;
    margin-left:11.5em;
    color:#194d2e;
    border:solid 1px green;
    padding: 1em;
}

#contentheader
{
    position:absolute;
    width:35em;
    height:auto;
}
 
#vcontent1
{
    float:left;
    width:16em;
    color:#194d2e;
    margin-top:12em;
    margin-right:.2em;
    padding:.5em;
} 

#vcontent2
{
    float:left;
    width:16em;
    color:#194d2e;
    margin-top:12em;
    padding:.5em;
} 

#content a:link
{
    color:Green;
}

#content a:visited
{
    color:Olive;
}
    
#content h4
{
    font-family: Sylfaen, Sans-Serif;
    font-size:1em;
    font-weight:normal;
    line-height:2em;
    text-align:center;
}

#content table
{
    background-color: Black;
    border:groove 1px Olive;
    margin:2em auto;
}

#content td
{
    border:groove 1px Olive;
    text-align:center;
    color:White;
}

#content table img
{
    width:8em;
    padding:1em;
}

p
{
    font-family: Sylfaen, Sans-Serif;
    font-size:1em;
    font-weight:normal;
    line-height:1.2em;
}
    
#content h1
{
    font-family:'Papyrus LET', Sans-Serif;
    font-size:2em;
    font-weight:bold;
}

#content ul
{
    margin:5px 10px 5px 30px;
    font-family:Sylfaen, Sans-Serif;
    text-align:justify;
}

span.italic
{
    font-style:italic;
    line-height:1.2em;
    text-align:left;
}

span.bold
{
    font-weight:bold;
}

span.bolditalic
{
    font-weight:bold;
    font-style:italic;
}

span.olive
{
    color:Olive;
    text-decoration:underline;
}

span.pink
{
    color:#FF66D1;
    font-weight:bold;
}

span.blue
{
    font-weight:bold;
    color:Blue;
}

#poems
{
    font-family: Sylfaen, Sans-Serif;
    margin:1em;
}

#poems ul
{
    text-align:center;
    list-style:none;
}
    
#rightcol
{
    background-color:#def9c3;
    width:11em;
    height:auto;
    float:left;
    margin-top:1em;
    text-align:center;
    border:solid 1px green;
    padding-top:1em;
    padding-bottom:5em;
    padding-left:.2em;
    }
    
#rightcol h1
{
    font-family:Sylfaen, Sans-Serif;
    font-weight:bold;
    font-size:14px;
    padding-top:2em;
}

#rightcol h2
{
    font-family: Sylfaen, Sans-Serif;
    font-size:.8em;
    line-height:2em;
    font-weight:normal;
    text-align:center;
}

#rightcol h3
{
    font-family:'Tempus Sans ITC', Sans-Serif;
    font-size:1em;
    line-height:1.5em;
    padding-top:2em;
}

#rightcol ul
{
    text-align:center;
    line-height:1.5em;
    padding-bottom:1.5em;
    margin-left:.3em;
}

#rightcol a:link
{
    color:olive;
}

#rightcol a:visited
{
    color:green;
}
#rightcolmem
{
    padding-top:3em;
    padding-bottom:3em;
}

#rightcol table
{
    text-align:center;
    width:100%;
}

#rightcol img
{
    width:8em;
    border:ridge .3em green;
}

p.tip
{
    background-color:Olive;
    color:Green;
    margin:3em 1em 3em 1em;
    padding:.5em;
    font-size:.9em;
}

#footer
{
    clear:both;
    text-align:center;
    color:Black;
}