/* vi: set sw=4 ts=8 ft=css : */
body
    {
    font-family: Verdana, Geneva, Arial, Helvetica, Georgia, sans-serif;
    color: #000;
    background-color: #fff;
    margin: auto;
    padding: 2em;
    text-align: center;
    }

div, table, h2, h3, h4, h5
    {
    margin-top: 1em;
    margin-bottom: 1.5em;
    }

.Narrative
    {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    width: 70%;
    text-align: left;
    padding: 2em;
    border: 1px solid #333;
    }

pre
    {
    border: 1px solid #000;
    background-color: #ffe6cc;
    color: inherit;
    }

table
    {
    border-collapse: collapse;
    border: 1px solid #000;
    background-color: #e6ffcc;
    color: inherit;
    border-spacing: 0 0;
    margin-left: auto;
    margin-right: auto;
    }

table caption
    {
    margin-left: auto;
    margin-right: auto;
    }

tr
    {
    background-color: #e6ffcc;
    color: inherit;
    text-align:left;
    }

td
    {
    border: 1px solid black;
    padding: 0.2em;
    }

th
    {
    border: 1px solid black;
    border-bottom: 2px solid black;
    padding: 0.2em;
    }

table.Formation
    {
    border-collapse: collapse;
    border: 1px solid #000;
    background-color: #fff;
    color: inherit;
    border-spacing: 0 0;
    }

table.Formation tr, table.Formation td, table.Formation th
    {
    background-color: #fff;
    border: 0;
    padding: 0.2em;
    }

h1
    {
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #005ca4;
    }

h2, h3, h4, h5
    {
    text-align: center;
    }

h2
    {
    text-align: center;
    color: #006cb4;
    }

h3
    {
    text-align: center;
    color: #007cc4;
    }

h4
    {
    text-align: center;
    color: #008cd4;
    }

h5
    {
    text-align: center;
    color: #009ce4;
    }

em
    {
    text-decoration: underline;
    font-style: normal;
    }

strong
    {
    font-weight: bold;
    font-style: normal;
    }


.Example
    {
    border: 1px solid black;
    background-color: #ffffff;
    color: inherit;
    padding: 2em;
    }

.LanguagePoint
    {
    background-color: #ffe6cc;
    color: black;
    padding: 2em;
    border: 1px dashed #666;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 70%;
    }

.Outline
    {
    border: 1px solid black;
    font-size: 150%;
    }

blockquote
    {
    background-color: #ffe6cc;
    color: inherit;
    padding: 2em;
    border: 1px dashed #666;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    text-align: left;
    }

.currentpage
    {
    font-weight: bold;
    }

.strike
    {
    text-decoration: line-through;
    }

dt
    {
    font-weight: bold;
    margin-top: 1em;
    }

dd
    {
    margin-top: 0.5em;
    }

li
    {
    margin-top: 0.25em;
    }

div#Navigation
    {
    background-color: #cce6ff;
    border: 1px solid black;
    text-align: center;
    line-height: 2em;
    }

#Navigation a,
#Navigation a:visited,
#Navigation a:focus,
#Navigation a:active
    {
    }

#Navigation a:hover
    {
    background-color: #cfe;
    margin: 0;
    }

#Route
    {
    text-align: left;
    }

#Route ul ul,
#Navigation ul ul,
#LessonFooter ul ul
    {
    margin-left: 0;
    padding-left: 0;
    display: inline;
    border: none;
    }

#Route ul li,
#Navigation ul li,
#LessonFooter ul li
    {
    margin-left: 0;
    padding-left: 0;
    border: none;
    list-style: none;
    display: inline;
    }

#Route ul li:before
    {
    content: "\0020 \003e \0020";
    }

#Navigation ul li:before,
#LessonFooter ul li:before
    {
    content: "\0020 \007c \0020";
    }

#Route ul li.first:before,
#Navigation ul li.first:before,
#LessonFooter ul li.first:before
    {
    content: "";
    }

#Route ul li.currentpage
    {
    font-weight: bold;
    }

@media print
    {
    #Navigation
	{
	display: none;
	}
    #Route, #LessonFooter
	{
	display: none;
	}
    }