body.basic  {background: #666666; margin: 5px; 
             font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal}

body.poetic {background: #666666; margin: 5px; 
             font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal}


hr {border-top: 2px solid #FFFFFF;  border-bottom: 0;}


table.basic, table.bred
{
   table-layout: fixed;  max-width: 100%;  width: 100vw;  height: 98vh;  border: 5px solid #FF9900; 
}
.basic td
{
   align: center;  vertical-align: center;
}


table.footer
{
   table-layout: fixed;  width: 100%;  border: 0;  padding: 0;
}
.footer td
{
   border: 0px solid #777777;  padding: 0;  font-size: small;
}


table.launchbase
{
   table-layout: auto;  width: 60%;  margin: auto;  border: 0;  padding: 20px;  
}
table.launchheader
{
   table-layout: fixed;  width: 100%;  border: 0px solid #000000;  padding: 20px;
}
.launchheader td
{
   border: 0px solid #777777;  padding: 10px;  vertical-align: middle;  text-align: center;
}
table.launchgrid
{
   table-layout: fixed;  width: 100%;  border: 0;  padding: 20px;
}
.launchgrid td
{
   border: 1px solid #777777;  padding: 10px;  vertical-align: top;  text-align: center;
}


table.menubase
{
   table-layout: auto;  width: 60%;  margin: auto;  border: 0;  padding: 20px;  
}
table.menuheader
{
   table-layout: fixed;  width: 100%;  border: 1px solid #000000;  padding: 20px;
}
.menuheader td
{
   border: 0px solid #777777;  padding: 10px;  vertical-align: middle;  text-align: center;
}
table.menugrid
{
   table-layout: fixed;  width: 100%;  border: 0;  padding: 20px;
}
.menugrid td
{
   border: 1px solid #777777;  padding: 10px;  vertical-align: top;  text-align: left;
}


table.poembase
{
   table-layout: auto;  width: 60%;  margin: auto;  border: 0;  padding: 10px;  
}
table.poemheader
{
   table-layout: fixed;  width: 100%;  border: 1px solid #000000;  padding: 10px;
}
.poemheader td
{
   border: 0;  padding: 10px;  vertical-align: middle;  text-align: center;
}
table.poemgrid
{
   table-layout: fixed;  width: 100%;  border: 0px solid #777777;  padding: 15px;
}
.poemgrid td
{
   border: 1px solid #777777;  padding: 10px;  vertical-align: top;  text-align: left;  font-size: small;
}


.titlefont    {color: #FF8800; font-size: x-large; font-weight: bold}
.subtitlefont {color: #FFCC00; font-size: large;   font-weight: bold}
.pagename     {color: #FFCC00; text-align: right;  font-weight: bold; vertical-align:middle}
.subtitle     {color: #FFCC00; text-align:center;  font-weight: bold; font-size: medium}
.subtitleleft {color: #FFCC00; text-align: left;   font-weight: bold; font-size: medium}
.poemtitle    {color: #FFCC00; text-align: left;   font-weight: bold; text-decoration: none; font-size: medium}
.normtext     {color: #FFFFFF; text-align: left;   font-size: medium}
.poemtext     {color: #FFCC00; text-align: left}
.nametext     {color: #FF9900; text-align: right;  font-weight: bold}
.centretext   {color: #FFFFFF; text-align: center}
.centremargin {color: #FFFFFF; text-align: center; margin-left: 10%; margin-right: 10%}
.caption      {color: #FFCC33; font-style: italic; font-size: smaller; text-align: center}
.acknowledgement {color: #FFCC00; text-align: right; font-style: italic; font-size: smaller}
.null         {color: #000000; font-size: medium; font-weight: normal}
.copyright    {font-size: small}

.centre {text-align: center}
.left   {text-align: left}
.right  {text-align: right}
.small  {font-size: small}

a {font-weight: bold; text-decoration: none; font-size: medium; vertical-align: bottom}
a:link    {color:#000000}
a:visited {color:#808080}
a:hover   {color:#C0C0C0; text-decoration: underline}
a:active  {color:#FF0000}
a.plain   {color: #FF9900}
a.email   {color: #FFFFFF}
a.top     {color: #FFCC00}
a.titlefont:link    {color: #FF8800; font-size: x-large; font-weight:bold}
a.titlefont:visited {color: #FF8800; font-size: x-large; font-weight:bold}
a.titlefont:hover   {color: #FF8800; font-size: x-large; font-weight:bold}
a.titlefont:active  {color: #FF8800; font-size: x-large; font-weight:bold}
a.footer:link       {color: #FF8800; font-size: small}
a.footer:visited    {color: #FF8800; font-size: small}
a.footer:hover      {color: #FF8800; font-size: small}
a.footer:active     {color: #FF8800; font-size: small}

.bookgroup  {color: #FF0000; text-align: left; font-weight: bold}
.bookname   {color: #778899; text-align: left}
.booktitle  {color: #FFC800; text-align: center; font-weight: bold}
.quoter     {color: #FFCC33; font-style: italic; text-align: right}
.quote      {color: #FFFFFF; text-align: left}
.rule       {color: #334455; text-align: center; width: 75%}
ul.selection  {list-style-type: circle; color: #FFFFFF; text-align: left; font-size: large; margin-left 40%;}
ul.selection2 {list-style-type: circle; color: #000000; text-align: left; font-size: large; margin-left 40%;}
ul.selection3 {list-style-type: circle; color: #FFFFFF; text-align: left; font-size: small; margin-left 40%;}
ul.selection4 {list-style-type: circle; color: #000000; text-align: left; font-size: small; margin-left 40%;}

table
.std
{
     width: 90%;
     height: 90%;
     border-collapse:collapse;
     border: 2px solid red;
     text-align: center; 
}