body
{   font-family: "Georgia", "Times New Roman", serif;
    z-index: 1;
    /* I can't use "auto" for the margins because of IE 5 & 6. Also, IE 5 & 6
       do not support "max-width". Because of these issues, I have to wrap everything
       in a <div id="ie-fix"> and set "text-align: center" here.
    */
    text-align: center;
    background-image: url('images/background.gif');
    background-color: #ffffee
    /* For browsers that support the standards correctly, use the following and
       remove the "ie-fix" style and <div>.

    margin-left: auto;
    margin-right: auto;
    max-width: 40em;
    text-align: justify;
    */
}

.indent1
{   margin-left: 1.2em;
}

.indent2
{   margin-left: 4.0em;
}

.indent2-5
{   margin-left: 5.0em;
}

.indent3
{   margin-left: 6.0em;
}

.indent3-5
{   margin-left: 8.0em;
}

.indent4
{   margin-left: 12.0em;
}

.spacer
{   margin-left: 6.0em;
}

div#ie-fix
{   width: 44em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    background: rgb(255, 255, 255);
}

div#article
{   width: 40em;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
    background: rgb(255, 255, 255);
}

div#navigation
{   font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    text-align: center;
}

p
{   text-indent: 1.5em;
    margin-top: 0.3em;
    margin-bottom: 0.4em;
}

p.title
{   font-style: normal;
    font-size: 3.6em;
    text-align: center;
    text-indent: 0;
    margin-bottom: 0;
}

p.author
{   font-style: normal;
    font-size: 2.0em;
    text-align: center;
    text-indent: 0;
    margin-top: 0;
}

p.caption
{   text-align: center;
    text-indent: 0;
    font-size: 1.0em;
}

p.caption1
{   text-align: center;
    text-indent: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.0em;
}

p.caption2
{   text-align: center;
    text-indent: 0;
    margin-top: 0;
    font-size: 0.7em;
}

p.toc
{   line-height: 1.4em;
    text-indent: -2.0em;
    margin-left: 2.0em;
}

p.flush
{   text-indent: 0;
}

p.poem
{   font-style: normal;
    margin-left: 0em;
    text-indent: 0;
}

p.poem2
{   font-style: normal;
    margin-left: 1.5em;
    text-indent: 0;
}

p.quote
{   font-style: normal;
    margin-left: 3.0em;
    margin-right: 3.0em;
    text-indent: 1.5em;
}

p.quote2
{   font-style: normal;
    margin-left: 3.0em;
    margin-right: 3.0em;
    text-indent: 0;
}

p.license
{   text-align: left;
}

p.foot
{   font-size: 0.8em;
    margin-left: 0em;
}

h1
{   margin-top: 0.4em;

    text-align: center;
    font-size: 1.2em;
    page-break-before: always;
}

h2
{   margin-top: 1.2em;
	margin-bottom: 1.0em;
    text-align: center;
    font-size: 0.7em;
}

h2.justify
{   margin-left: 0em;
    margin-right: 1.0em;
    text-align: justify;
    text-indent: 1.5em;
}

hr
{   text-align: center; /* IE 6 needs this. Firefox centers the rule without it. */
    width:30%;
    margin-top: 1.0em;
    margin-bottom: 0.7em;
}

div.center
{   text-align: center;
    page-break-inside: avoid;
}

span.dropcap
{   float: left;
    font-size: 3em;
    line-height: 0.7em;
    margin-top: 0em;
    margin-bottom: 0;
}

/* The following four "a.info" styles create a "tooltip" popup when you hover
    the mouse over specified terms. I am using this for popup definitions.

    Don't use this for epub. Atrributes "position" and "z-index" are optional
    CSS according to OPS spec.
*/

a.info
{   position: relative;
    /* z-index: 24; */
    background-color:#ffffc0;
    color: #000000;
    text-decoration: none;
}

a.info:hover
{   /* z-index: 25; */
    background-color:#ffff00;
}

a.info span
{   display: none;
}

/* The span will only display on hover. */
a.info:hover span
{
    display: block;
    /* It seems that Opera 9 has a bug. It won't display the popup on hover
        with the position set to "absolute". I'm not going to try to fix this.
    */
    z-index: 25;
    position: absolute;
    top: 2em;
    left: -2em;
    width: 8em;
    border: 1px solid #000000;
    padding: 0.2em;
    background-color: #ffff00;
    color: #000000;
    text-align: center;
    text-indent: 0;
}