/* Do I need to specify background-color: #FFFFFF; color: #000000; */
body {margin: 0px 0px 18px 0px;}

/* Header styles */
/* <hr> can be used with h2, used to be color #353566 */
h1, h2, h3, h4 {font-family: Skia, Georgia; text-decoration: none; font-weight: normal; font-style: normal;
                text-align: left; page-break-after: avoid; margin: 18px 10px 0px 10px; clear: both;}
h1 {color: #333366; font-size: 290%; text-indent: 0; text-align: center;}        /* Dark Purple, Centered */
h2 {color: #663366; font-size: 280%; text-indent: 0;}                            /* Light Purple */
h3 {color: #004080; font-size: 200%; text-indent: 0.3em; font-weight: 500;}    /* Dark Blue, 400 normal vs 700 bold */
h4 {color: #004D99; font-size: 120%; text-indent: 0.6em;  font-style: italic;}   /* Light Blue, Italic */
hr {color: #333366; background-color: #333366; width: 60%; height: 2px; border: 0; page-break-after: avoid; margin-top: 30px;}

/* Paragraph styles */
p {text-decoration:none; text-indent: 2em; margin: 10px 18px 0px 18px;}
p.noindent   {text-indent: 0;}
p.nomargins  {text-indent: 0; margin: 0; padding: 0;}                     /* Used for horizontal menus */
p.comment   {color: #330000; font-style: italic;  font-size:92%;}
p.exampletitle  {color: #4D5F60; font-style: italic;  font-size:112%; text-indent: 0.2em; }
p.Hebrew     {font-family: David; font-weight: normal; letter-spacing: normal;}
/* Styles for the Books pages */
p.TaoText    {text-indent: 0; font-size: 120%; font-style: normal; font-family: Skia, Georgia;}
p.TaoComment {font-style: italic; font-family: Veranda, Garamond, Arial; text-align: right; color:#4D5F60;}

/* Text in paragraph styles */
/* Strong used to have background-color C5F5C5 or A6D686 or C7DAFF*/
strong  {color: #330000; background-color: #F5F5C5; font-weight: 600; padding: 1px; }
span.blue, span.green, span.orange, span.red {color: blue; background-color: #F5F5C5; font-size: 90%; font-weight: 600; padding: 1px; }
span.green {color: green; }
span.orange {color: orange; }
span.red {color: red; }
span.comment   {color: #330000; font-style: italic;  font-size:80%;}


/* Text block styles -- Quotations and Lists */
/* Tables used to have color: #000000; background color: #E5E5FF */
blockquote {color: #000000; background-color: #EEEEEE; border: 1px solid #C7DAFF; border-left: 5px solid #C7DAFF; border-right: 5px solid #C7DAFF; padding: 6px; width: 80%; margin-left: auto; margin-right: auto; clear: both;}
blockquote.centered {text-align: center; vertical-align: middle;}
ul, ol {margin-top: 10px; margin-bottom: 18px; margin-left: auto; margin-right: auto; padding-left: 2em; padding-bottom: 6px; background-color: #FAFAFA; border-top: 5px solid #F0F0F0; border-bottom: 5px solid #F0F0F0; width: 85%; clear: both;}
ul.noindent {padding-left: 0;}
li {margin: 10px 18px 0px 18px; vertical-align: top; padding: 0;}
li.singlespaced {margin: 0px 18px 0px 18px;}
/* Styles for the RPG pages */ 
blockquote.dnote {background-color: #FBFFBF; border: 1px solid #693F0A; display: none;}
blockquote.intro  {background-color: #AAC99A; border: 1px solid #B399CC;}
/* Styles for the Recipe pages */
li.ingredients {margin: 0px 18px 0px 18px; color: #663300;}

/* Link styles */
/* Links used to do font-weight:bold; font-size:92%; */
/* Plain text for generic anchor is needed to keep bookmarks (<a name="">bookmark</a>) from having underlines */
a {text-decoration: none;}
a:link, a:visited, a[href]:hover {text-decoration: underline; color: #4D0099; font-weight: 500;}
a[href]:hover {background-color: #F2E5FF; border-bottom: 1px solid #4D0099;}

/* Image styles */
img.centered, embed.centered {display: block; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 12px;}
img.borderless {border: none;}
img.left {float:left; margin: 0 12px 2px 18px; clear: both; border-style: none;}
img.right {float:right; margin: 0 18px 2px 12px; clear: both; border-style: none;}

/* Table styles */
table {width: 80%; border: 1px solid #B399CC; border-spacing: 2px 2px; border-collapse: collapse; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 12px; page-break-inside: avoid;}
input {background-color: #FBFFBF; border: 1px solid #693F0A; font-size: 60%; font-style: italic; margin: 0px 0px 0px 18px;}
th {padding: 2px 8px 2px 8px; font-weight: 500; font-size: 120%; text-align: left; vertical-align: bottom; text-decoration: underline; }
th.centered {text-align: center;}
th.nounderline {text-decoration: none;}
th.righted {text-align: right;}
td {padding: 2px 8px 2px 8px; vertical-align: top;}
td.centered {text-align: center;}
td.spaced {padding: 0px 2px 12px 2px;}
td.nowrap, th.nowrap {white-space: nowrap; padding: 2px 16px 2px 16px}
td.rows {border-top: 1px solid #336633; border-bottom: 1px solid #336633;}
table.left {float:left; margin: 0 12px 2px 18px; clear: both; border-style: none; width: 10%; background-color: #B0B0EB; border: 1px solid #B399CC;}
table.right {float:right; margin: 0 18px 2px 12px; clear: both; border-style: none; width: 10%; background-color: #B0B0EB; border: 1px solid #B399CC;}
/* Styles for the RPG pages */ 
/* RPG table used to be background-color of #C4E8A0 and then D5F5C5 and then A6A6EA and then B0B0EB*/
table.RPG {background-color: #B0B0EB; width: 90%;}
table.RPGmenu {background-color: #EEEEEE; border: 1px solid #C7DAFF;}
td.RPGmenu {white-space: nowrap; border-right: 1px dotted #AAC99A;}
/* Styles for the Books pages */
table.TaoTable {width: 400px;}
td.TaoCell {padding:2px 8px 2px 8px; text-align: center;}
/* Styles for the Board Games pages */
table.games {background-color: #CCFFCC;}
table.MiniStats1 {background-color: #CCCC99; width: 100px;}
table.MiniStats2 {background-color: #CCCCCC; width: 150px;}
table.example  {background-color: #AAC99A;}
td.totals {text-align: right; white-space: nowrap;}

/* Top menu */
table.TopMenu {color: #FDFDFD; background-color: #78B749; border: 1px solid #B88A00; padding: 1px 1px 1px 1px; width: 100%; margin: 0;}
p.TopMenu {text-indent: 0em; margin: 0px 2px; text-align: center; font-size: 100%; font-style: italic; font-family: Veranda, Garamond; color:#FDFDFD;}
ul.TopMenu {padding: 0; margin: 0; border: 0; width: auto; float:left; list-style-type: none; background-color: #78B749;}
li.TopMenu {padding: 0; margin: 0; display:inline;}
a.TopMenu {float:left; color: #FDFDFD; background-color: #B88A00; padding: 2px 4px 2px 4px; border: 1px solid #C7DAFF; text-decoration: none; font-weight: normal; font-size: 80%; font-family: Skia, Georgia;}
a.TopMenu:hover {text-decoration: none; color: #FBFBFB; background-color:#D19D00; border: 1px solid #C7DAFF; font-weight: normal;}
a.TopImage {text-decoration: none; font-weight: normal; border: none; background-color: #78B749; vertical-align: top;}
a.TopImage:hover {text-decoration: none; font-weight: normal; border: 0; background-color: #78B749; vertical-align: top;}
td.TopImage {vertical-align: top; text-align: right; padding: 2px;}
input.TopButton {background-color: #DADADA; border: 1px solid #222222; font-size: 50%; font-style: italic; margin: 0; vertical-align: top;}