/*  Stylesheet for "Ferdie's Corner"  */


BODY {
      color: #000000;
      background-color: #FFFFFF;
      background-image: url(graphics/bgWhite.gif);  
      margin-top: 2%;
      margin-bottom: 2%;
      margin-left: 10%;
      margin-right: 10%;
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: .75em;
      }


BODY.guestbook {
      background-color: #FFFFFF;
      background-image: url(graphics/bgWhite.gif); 
      margin-top: 5%;
      margin-left: 5%;
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: .75em;
      }

BODY.index {        /*  for the index.html page */
      background-color: #FFFFFF;
      background-image: url(graphics/ferdsbg.jpg); 
      margin-top: 1%;
      font-size: .85em;
      font-family: Helvetica, Arial, sans-serif;
      color: #000080;
      }



A:link {
      color: #0000FF; /* blue */
      }

A:link.menu {
      color: #FFFFFF;
      }

A:active, A:hover {
      color: #FF0000;  /* red */
      background-color:  #09E3E0;  
      text-decoration: none;     
      }

A:active.menu, A:hover.menu {
      color: #FF0000;  /* red */
      background-color: #FFFF80; 
      text-decoration: none;     
      }


A:visited {
      color: #800000;  /* maroon */
      }
                   

P     {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      color: #000000;  /* black  */
      }


P.award  {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      color: #000000;  /* black  */
      margin-left: 11%;
      margin-right: 10%;
      text-align: left;
      }

P.awardCaption  {
      font-family: "Times New Roman", serif;
      font-style: italic;
      font-size: 1.25em;
      color: #000080;  
      margin-left: 11%;
      margin-right: 10%;
      text-align: left;
      }

P.centerAligned {
      text-align: center;
      }

P.welcome {
      text-align: center;
      font-size: 1.25em;
      }


P.quotation {
      color: #000080;  /*  navy  */
      font-family:  "Times New Roman", serif;
      font-size:  1.25em;
      font-style: italic;
      text-align: center;
      }


P.navy {
      color: #000080;  /*  navy  */
      }


DIV.preface {
      color: 000080; 
      font-style: italic;
      }


P.centerNavy {
      text-align: center;
      color: #000080;
      }


P.goTop {
      font-size: 80%;
      text-align: right;
      }


P.travelMenu {
      text-align: center;
      font-size: .75em;
      }


H1 {
      color: #008080;
      font-family: "Book Antiqua", "Times New Roman", serif;
      text-align: center;
      font-size: 2.25em;
      font-weight: bold;
      }


H2, H3, H4 {
      color: #000066;
      font-family: Helvetica, Arial, sans-serif;
      text-align: center;
      }

H2.storyTitle {
      color: #000066;
      font-family: Helvetica, Arial, sans-serif;
      text-align: center;
      font-size: 1.75em;
      font-weight: bold;
      }


H2.tribute {
      color: #000066;
      font-family: "Book Antiqua", "Times New Roman", serif;
      text-align: center;
      font-size: 1.75em;
      font-weight: bold;
      }

H3.poemTitle {
      color: #000066;
      font-family: Helvetica, Arial, sans-serif;
      text-align: center;
      font-size: 1.25em;
      font-weight: bold;
      }

H3.poemTitle2 {      /* used in the actual poem */
      color: #000066;
      font-family: Helvetica, Arial, sans-serif;
      text-align: left;
      font-size: 1.25em;
      font-weight: bold;
      }


H4.poem {
      color: #000066;
      font-family: Helvetica, Arial, sans-serif;
      }

H5 {
      font-family: Helvetica, Arial, sans-serif;
      }


TABLE.menu {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: .7em;
      text-align: center;
      width: 70%;
      background: #FEFEDE;
      }

TABLE.photos, TABLE.glossary {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      background: E3FFFF;
      width: 100%;
      margin: .25em;
      border-width: medium;
      }

TABLE.travel, TABLE.links{
      font-family: Verdana, Helvetica, Arial, sans-serif;
      width: 100%;
      }

TD.friend {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: 0.75em;
      text-align: left;
      font-style: italic;
      vertical-align: middle;
   }   


TD {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: 0.75em;
   }   

                
TD.middleAligned {
      vertical-align: middle;
      }     

DIV.letter {
      font-style: italic;
      color: #000080;
      margin-left: 10%;
      margin-right: 15%;
      }

DIV.poem {       /*  for poems in the Poems page */
      color: #000080;
      margin-left: 10%;
      }

DIV.poemreply {       /*  for poems in the Poems page */
      color: #FF0000;
      margin-left: 0%;
      }


DIV.poem2 {     /*  for the poem in bestfriend.html */
      color: #000080;
      font-size: 1.0em;
      font-weight: bold;
      text-align: center;
      }


DIV.author {
      font-style: italic;
      font-weight: bold;
      color: #000080;
      margin-left: 40%;
      }


DIV.dedication {
      margin-left: 10%;
      margin-right: 10%;
      }

HR.menu {
      text-align: left;
      width: 85%;
      size: 2;
      color: #000000;
}

HR.index {
      text-align: center;
      width: 90%;
      color: #008080;
      size: 4;
      }

HR.header {
      width: 100%;
      color: teal;
      size: 3;
      }

EM.date {
      color: #C00000;
      }

FONT.heading {
      color: #0000FF;
      FONT-size: 2em;
      font-weight: bold;
      }