/*
@media browser="NS4.5" {
   WriteStr "Select: edit/preferences/advanced/" 
   WriteStr "Remove checkmark from enable-style-sheets."
   WriteStr "Page will work better than you might expect."
   }

WriteStr "Select: edit/preferences/advanced/" 
   WriteStr "Remove checkmark from enable-style-sheets."
   WriteStr "Page will work better than you might expect."
   }


}

*/

/* Set the basic of basics, font color and background. */

html, body {
    background: #ffffff;
    color: #000000;
}

/* Specify the basic element characteristics.
   Doing this minimizes browser-to-browser differences. */

html, body, h1, h2, h3, div, span, blockquote, br, p, ul, ol, li, dl, dt, dd, a {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.2em;
    padding: 1px;
    margin: 1px;
    font-weight: normal;
    font-style: normal;
}

div#header {
    background-color: #f6f2d2;
    border-bottom: solid #c3c0a6 1px;
}

/* Palm WB-2, no "font-variant" */

div#header p {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    font-style: italic;
}

/* Content is div#navbar and div#main-text */

div#content {
}

/* Palm WB-2: No letter-spacing, no word-spacing, no text-align: justify */

h1 {
    font-size: 1.2em;
    text-align: left;
    font-style: italic;
    font-weight: bold;
}

h2 {
    font-size: 1.1em;
    text-align: left;
    font-weight: bold;
}

h3 {
    font-size: 1.0em;
    text-align: left;
    font-weight: bold;
}

p {
    font-size: 0.9em;
    text-align: left;
    line-height: 1.1em;
}

br {
    line-height: 30%;
}

blockquote.lyxcode {
    text-indent: 1em;
    background-color: #f6f2d2;
    white-space: nowrap;
    margin-left: 2em;
    margin-right: 2em;
    padding-left: 1em;
    padding-right: 1em;
    font-family: monospace;
    font-size: 90%;
}

div#main-text {
    padding: 2px;
    margin-bottom: 2px;
}

/* Palm has problems with positioned elements, but float works fine.
   The Palm 320x320 display has a 306x276 content area. 
   Using one third+ of Palm display for navbar, keep link names short.
   Note: This browser has its own idea about what 
   an em is when used for a block width. 
*/

div#navbar {
    float: left;
    width: 120px;
    font-size: 0.9em;
    line-height: 1em;
    text-align: left;
    background-color: #faf6d5;
}

div#navbar ul {
}

div#navbar ul li {
    list-style-type: none;
    font-weight: normal;
    border: 1px #c3c0a6 solid;
}

div#navbar ul li a:link {
    display: block;
}

div#navbar ul li.heading {
    text-align: center;
}

div#navbar ul li a:visited {
    display: block;
}

div#navbar ul li a:hover {
    display: block;
}

div#navbar ul li a:active {
    display: block;
}

div#navbar ul li a:link, #navbar ul li a:visited {
    font-weight: normal;
    text-decoration: none;
}

div#main-text ul {
    text-indent: 2em;
    font-size: 0.8em;
}

div#main-text ol {
    text-indent: 2em;
    font-size: 1em;
}

div#main-text ol li {
    vertical-align: +1em;
    list-style-type: decimal;
    list-style-position: inside;}
    
div#main-text ol li ol li {
	vertical-align: +2em;
    list-style-type: upper-roman;
    list-style-position: inside;}    

div#main-text ul li {
    display: list-item;
    text-indent: 3em;
    list-style-type: circle;
}

div#main-text dl {
    text-indent: 2em;
}

div#main-text dl dt {
    font-weight: bold;
    text-indent: 1em;
}

span.pnoun {
    font-size: 1em;
    font-style: italic;
}

span.dname {
    font-size: 1em;
    font-weight: bold;
}

hr.hidden {
    color: #ffffff;
}

/* Give non-color visual clues to links:
non-visited: Underlined
been-there: Line-through
hover and active: remove text decoration for improved readablity
*/

a {
    font-weight: normal;
    color: #000000
}

a:link {
    background-color: #95b7cd;
    text-decoration: underline;
}

a:visited {
    background-color: #95b7cd;
    text-decoration: line-through;
}

/* Palm does not have a real hover - it is a touch screen */

a:hover {
    background-color: #aaddee;
    text-decoration: none;
}

/* You gotta love this one...
IE-6: Back up from link page to current page, link remains active color
until anything else causes the screen to be redrawn.
Palm, Web Browser 2.0: Sort of like IE-6, except the background color is
none mentioned here.

This is not a show-stopper; IE-6 and Palm get a "just been there" indicator
until they scroll the page, afterwards things go back to normal.
*/

a:active {
    background-color: #3cc7f0;
    text-decoration: none;
}

/* On page topic-to-topic navigation. This over rides the
usual visual clues for text-body links. But without ↑
and ↓ (or images) these are just too messy with decoration. 
This does make them use the visual clues of the navbar. */

a.uparrow:visited, a.downarrow:visited, a.toparrow:visited,
a.uparrow:link, a.downarrow:link, a.toparrow:link {
    text-decoration: none;
}

/* 
Four different examples of things found at the bottom of
a web page. Done four different ways to inspire thought.

Without padding Palm WB-2 runs the paragraph backgrounds together.
Which sort of makes sense, but other Browsers don't do the same.
The padding and margin properties have been promoted to the
top of this file to over ride what defaults a browser might have.

The clear:both gives the effect of all footer and footnote
information having a division of their own. 
*/

p.footer {
    text-align: center;
    clear: both;
    background-color: #e4e0c2;
}

/*
The breadcrumb wizard thing.
*/

p.breadcrumbs {
    text-align: center;
    clear: both;
    background-color: #e4e0c2;
}

span.separator {
    font-weight: bold;
}

/* 
A general purpose credits band 
*/

/* Set background-color to match span.whiteout */

p.supports {
    text-align: center;
    clear: both;
}

p.supports a img {
    background-color: #ffffff;
}

/* Whitespace spans */

span.whiteout {
    background-color: #ffffff;
    color: #ffffff;
}

/* Hack the image border in Netscape 4 */

a img {
    color: #ffffff;
    }

/* Netscape 4 will never see this, which over rides the above. 
   Palm WB-2 ignores the "@media all", but DOES recognize the
   enclosed statements. (!) */

@media all {
    a img {
        border: none;
        color: inherit;
    }
}

/* 
A general purpose legal band.
*/

p.copyright {
    text-align: center;
    font-size: x-small;
}

/* Trademark is always distinct.
   Palm WB-2 does not do font-size-adjust or font-stretch (CSS-2). 
   Style Master 4.0 does not know about them either. */

span.spamviz {
    font-weight: bold;
    font-size: 110%;
}

/* We are on a roll now, try for a printable version - Sorry NS-4. 
   Well, this works for non-Palm. For Palm WB-2 (which is not
   supposed to support @media) it still recognizes the statements 
   enclosed in @media rather than dropping them.
   
   Nor does Palm WB-2 recognize media= in <head><link ...> 
   The cleanest solution here is server-side, dynamic *.css
   based on User-Agent string. Meaning tweak your styles/.htaccess file
   so you can write dynamic *.css (which is usually excluded). */

/** Phooey!
@media print {
    div#navbar {
        display: none;
    }
    a.uparrow, a.downarrow, a.toparrow {
        display: none;
    }
    a:link, a:visited {
        text-decoration: none;
        font-style: italic;
    }
    p.footer {
        display: none;
    }
    p.breadcrumbs {
        display: none;
    }
    p.supports {
        display: none;
    }
}

div#navbar {
    display: none;
}

a.uparrow, a.downarrow, a.toparrow {
    display: none;
}

a:link, a:visited {
    text-decoration: none;
    font-style: italic;
}

p.footer {
    display: none;
}

p.breadcrumbs {
    display: none;
}

p.supports {
    display: none;
}


}

*/