BODY
{
	background-color	: white ;
	color			: black ;
	font-family		: sans-serif ;
}

A:link
{
	color			: blue ;
	background		: transparent ;
}

A:active
{
	color			: green ;
	background		: transparent ;
}

A:visited
{
	color			: blue ;
	background		: transparent ;
}

P
{
	text-align		: justify ;
}

P B
{
	color			: #099 ;
	font-weight		: normal ;
}

TH
{
	background-color	: #888 ;
}

.footer
{
	font-size		: 80% ;
	border-style		: solid ;
	border-width		: 1px 0 0 0 ;
}

.codeblock
{
	font-family		: monospace ;
	background-color	: #CCC ;
	color			: black ;
	border-style		: solid ;
	border-width		: thin ;
	padding			: 3px ;
	text-align		: left ;
}

.redback
{
	background-color	: #FAA ;
}

.greenback
{
	background-color	: #AFA ;
}

.redtext
{
	color			: red ;
}

.pre
{
	white-space		: pre ;
}

.codeblock U
{
	color			: #099 ;
	text-decoration		: none ;
}

.codeblock KBD
{
	color			: #099 ;
	text-decoration		: none ;
}

.codeblock B
{
	color			: red ;
	font-weight		: normal ;
}

.codeblock STRONG
{
	color			: red ;
	font-weight		: normal ;
}

.codeblock I
{
	font-family		: sans-serif ;
	font-size		: 80% ;
	font-style		: italic ;
	color			: #0A0 ;
}

.codeblock EM
{
	font-family		: sans-serif ;
	font-size		: 80% ;
	font-style		: italic ;
	color			: #0A0 ;
}

.codeblock I U
{
	font-family		: monospace ;
	font-size		: 125% ;
	font-style		: normal ;
	color			: #099 ;
}

.codeblock EM KBD
{
	font-family		: monospace ;
	font-size		: 125% ;
	font-style		: normal ;
	color			: #099 ;
}

.codeblock I B
{
	font-family		: monospace ;
	font-size		: 125% ;
	font-style		: normal ;
	color			: white ;
}

.codeblock EM STRONG
{
	font-family		: monospace ;
	font-size		: 125% ;
	font-style		: normal ;
	color			: white ;
}

.tt
{
	font-family		: monospace ;
}

.tiny
{
	font-size		: 75% ;
	border-style		: solid ;
	border-width		: 1px ;
	margin			: 0 0 0 0 ;
	padding			: 1px ;
}

.note
{
	font-size		: 80% ;
	font-style		: italic ;
	border-style		: solid ;
	border-width		: thin ;
	margin			: 0 5% 0 5% ;
	padding			: 3px ;
}

.note U
{
	font-family		: monospace ;
	font-style		: normal ;
	color			: white ;
	text-decoration		: none ;
}

.note TT
{
	font-style		: normal ;
}

.sidenote
{
	font-size		: 75% ;
	color			: #0FF ;
	font-style		: italic ;
}

.divider
{
	border-style		: solid ;
	border-width		: 1px 0 0 0 ;
	font-size		: 80% ;
	font-style		: italic ;
}

.cdivider
{
	border-style		: solid ;
	border-width		: 1px 0 0 0 ;
	clear			: both ;
}
/* CSS menus
   John Simpson <jms1@jms1.net> 2007-10-03

   Based on CSS code from this page on the "HTML Dog" web site
   http://www.htmldog.com/articles/suckerfish/dropdowns/
   Copyright 2003-2007 Patrick Griffiths

   And yes, I'm leaving out the "suckerfish" stuff. On purpose. This site
   can't be viewed with IE anyway, and the whole point for me is to have
   menus which work even if Javascript isn't running in the browser.
*/

/* enclosing DIV
   cannot contain "only" the UL, must contain some text, or at least a BR
   if nothing else... otherwise, since all of the UL-LI items are all
   "float:left", the DIV will think it's empty and take no vertical space
   except the border, and that border will appear above the menus.
*/
.sosmenu
{
	border-width	: 0 0 1px 0 ;
	border-style	: solid ;
	font-size	: 9pt ;
}

/* UL within the DIV
   container for the top-level menu names
*/
.sosmenu ul
{
	display		: block ;
	padding		: 0 ;
	margin		: 0 ;
	list-style	: none ;
	line-height	: 1.2em ;
}

/* all A links within the menu structure
   commented out because all A elements are already within an LI element
   which has "display:block", and the color is the same as the main
   stylesheet for the page, so this particular block isn't needed

.sosmenu ul a
{
	display		: block ;
	color		: yellow ;
}
*/

/* top-level menu labels
*/
.sosmenu li
{
	float		: left ;
	color		: black ;
	margin-right	: 0.75em ;
}

/* selected menu label
*/
.sosmenu li:hover
{
	background	: #888 ;
}

/* first-level drop-down menus below the top-level menu labels
   the "left: -999em" makes the drop-menu "hide" off the screen
*/
.sosmenu li ul
{
	position	: absolute ;
	left		: -999em ;
	border		: 1px solid ;
	background	: #AAA ;

	width		: 15em ;
	padding		: 0.25em ;
}

/* this makes the first-level drop-down menu appear when you
   hover over the menu label.
*/
.sosmenu li:hover ul
{
	left		: auto ;
}

/* items within the drop-menus
*/
.sosmenu li ul li
{
	display		: block ;
	width		: 14.75em ;
}

/* position second, third, and fourth-level sub-menus
   top margin needs to negate the UL "line-height" property
   left margin needs to match the width of the menus
*/
.sosmenu li ul ul		,
.sosmenu li ul ul ul		,
.sosmenu li ul ul ul ul
{
	margin-top	: -1.2em ;
	margin-left	: 14.75em ;
}

/* prevent sub-menus from appearing by themselves */
.sosmenu li:hover ul ul		,
.sosmenu li:hover ul ul ul	,
.sosmenu li:hover ul ul ul ul
{
	left		: -999em ;
}

/* but show them if the mouse is hovering on the parent menu label */
.sosmenu li li:hover ul		,
.sosmenu li li li:hover ul	,
.sosmenu li li li li:hover ul
{
	left		: auto ;
}

/* Sample menu structure

<div class="sosmenu">
<ul>
    <li><a href="#">Digits</a>
        <ul>
            <li><a href="#">1</a></li>
            <li><span style="float:right">&#x2023;</span>
                <a href="#">2</a>
                <ul>
                    <li>2a</li>
                    <li><span style="float:right">&#x2023;</span>
                        2b
                        <ul>
                            <li>2b1</li>
                            <li>2b2</li>
                            <li>2b3</li>
                            <br>
                            <li>2b4</li>
                            <li>2b5</li>
                        </ul>
                    </li>
                    <li>2c</li>
                    <li>2d</li>
                    <li>2e</li>
                </ul>
            </li>
            <li>3</li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
        </ul>
    </li>
    <li><a href="#">English</a>
        <ul>
            <li><a href="#">One</a></li>
            <li><a href="#">Two</a></li>
            <li>Three</li>
            <li><a href="#">Four</a></li>
            <li><a href="#">Five</a></li>
        </ul>
    </li>
    <li><a href="#">German</a>
        <ul>
            <li><a href="#">Eins</a></li>
            <li><a href="#">Tswei</a></li>
            <li>Drei</li>
            <li><a href="#">Fier</a></li>
            <li><a href="#">F&#xFC;nf</a></li>
        </ul>
    </li>
    <li><a href="#">Korean</a>
        <ul>
            <li><a href="#">&#xd558;&#xb098; Hana</a></li>
            <li><a href="#">&#xb458; Tul</a></li>
            <li>&#xc14b; Set</li>
            <li><a href="#">&#xb137; Net</a></li>
            <li><a href="#">&#xb2e4;&#xc12f; Tasut</a></li>
        </ul>
    </li>
    <li><a href="#">Spanish</a>
        <ul>
            <li><a href="#">Uno</a></li>
            <li><a href="#">Dos</a></li>
            <li>Tr&#xE9;s</li>
            <li><a href="#">Quattro</a></li>
            <li><a href="#">Cinco</a></li>
        </ul>
    </li>
</ul>
This text appears after the menu.
</div>

*/