/* Learning Ladder Stylesheet (CSS level 1) */

body	{
			margin: 0.5em;
			background: white;
			color: black;

			font-family: verdana, arial, helvetica, sans-serif;

		}

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, 
DT, DD, ADDRESS, BLOCKQUOTE, PRE, HR { display: block }
/* BR removed from above */

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, 
IMG, SPAN { display: inline }


H5, H6 { margin-top: 0 }
H1 { text-align: left }
H3, H5 { font-style: normal }
H1 { font-family: arial, helvetica, sans-serif; font-size: 1.6em }
H2 { font-family: arial, helvetica, sans-serif; font-size: 1.4em }
H3 { font-family: arial, helvetica, sans-serif; font-size: 1.2em }
H4 { font-family: arial, helvetica, sans-serif; font-size: 1.1em }
H5 { font-family: arial, helvetica, sans-serif; font-size: 1.1em }
H6 { font-family: arial, helvetica, sans-serif; font-size: 0.9em }

P { font-family: verdana, arial, helvetica, sans-serif; }

B, STRONG { font-weight: bold }  /* relative to the parent */
I, CITE, EM, VAR, ADDRESS  { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

ADDRESS { margin-left: 0 }

UL, DIR { list-style: disc }
/* UL { margin-left: 0 } */

OL { list-style: decimal }
/* OL { margin-left: -1em } */
/* OL { margin-left: 0 } */

MENU { margin: 0 }              /* tight formatting */

/* LI { margin-left: 0; indent-left: -1em } */
LI {  font-family: verdana, arial, helvetica, sans-serif } /* for NS4, which doesn't inherit correctly */

DT { font-weight: bold }

DD { margin-bottom: 1em; margin-top: 1em; }
DD { margin-left: 2em }

HR { border-top: solid }        /* 'border-bottom' could also have been used */

/* A:link { color: blue }          /* unvisited link */
/* A:visited { color: red }        /* visited links */
/* A:active { color: lime }        /* active links */

/* setting the anchor border around IMG elements
   requires contextual selectors */

/* A:link IMG { border: 2px solid blue } */
/* A:visited IMG { border: 2px solid red } */
/* A:active IMG { border: 2px solid lime } */

/* end of generic defs */

td p { margin-top: 0px; }

A:link { color: #660099; background: #FFFFFF }          /* unvisited link */
A:visited { color: #990000; background: #FFFFFF }        /* visited links */
A:active { color: #CC00CC; background: #FFFFFF }        /* active links */

h2 { font-family: Arial, Helvetica, sans-serif; color: #009999; background: #FFFFFF; margin-top: 1em; }
h2.module-intro { font-family: Comic Sans MS, sans-serif, Verdana; color: #006699; background: #FFFFFF; text-align: center; }
div.module-list { margin-bottom: 2em; }
div.module-list p { color: #009999; background: #FFFFFF; font-weight: bold; }

div.top-nav-menu { font-weight: bold; font-size: 0.8em; color: #009999; background: #FFFFFF; }

.initial-cap { font-size: 1.3em; font-weight: bold; color: #993399; background: #FFFFFF; }
p.further-info { text-align: center; }
p.map-module-title { font-weight: bold; color: #009999; background: #FFFFFF; margin-top: 1em; }
p.map-module-part { margin-left: 3em; margin-top: 0; margin-bottom: 0;}

.part1-text { font-weight: bold; color: #006699; background: #FFFFFF; }
.part2-text { font-weight: bold; color: #003399; background: #FFFFFF; }
.part3-text { font-weight: bold; color: #6600CC; background: #FFFFFF; }
.part4-text { font-weight: bold; color: #9900CC; background: #FFFFFF; }
.part5-text { font-weight: bold; color: #990099; background: #FFFFFF; }

/* Redundant font definitions for NS4 inheritance bug. Sigh. */
td.header-tab-inactive { text-align: center; background: #CCCCCC; color: #FFFFFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }
td.header-tab-active-1 { text-align: center; background: #006699; color: #FFFFFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }
td.header-tab-active-2 { text-align: center; background: #003399; color: #FFFFFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }
td.header-tab-active-3 { text-align: center; background: #6600CC; color: #FFFFFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }
td.header-tab-active-4 { text-align: center; background: #9900CC; color: #FFFFFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }
td.header-tab-active-5 { text-align: center; background: #990099; color: #FFFFFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }
td.module-title { font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }
td.header-tab-title { background: #660099; color: #FFFFFF; font-family: Comic Sans MS, sans-serif, Verdana; font-size: 1.5em; font-weight: bold; }
p.activity-log-alert { margin-top: 0px; font-size: 0.9em; text-align: right; font-weight: bold; }

.next-link-index { background: #660099; color: #FFFFFF; font-family: Comic Sans MS, sans-serif, Verdana; text-align: right; font-size: 0.8em; font-weight: bold; }
.next-link-part-1 { background: #006699; color: #FFFFFF; font-family: Comic Sans MS, sans-serif, Verdana; text-align: right; font-size: 0.8em; font-weight: bold; }

p.audio-link { margin-top: 0px; margin-bottom: 0px; font-size: 0.8em; }

p.module-footer { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #009999; background: #FFFFFF; font-weight: bold; font-size: 0.8em; margin: 0.5em; }
p.module-footer span.divider { color: #660099; background: #FFFFFF; }

.instructions { font-family: Comic Sans MS, Verdana, sans-serif }
p.progress-meter { font-family: Comic Sans MS, Verdana, sans-serif; font-size: 0.8em; text-align: center; }
p.quiz-results { font-family: Verdana, Arial, sans-serif; font-size: 0.8em; text-align: center; background: #FFCCCC; color: #000000; border: solid black 1px; padding: 0.5em; }
p.help-link { font-size: 0.8em;  }
p.attribution { border: solid black 1px; font-size: 0.8em; padding: 0.5em; color: #000000; background: #CCCCCC; }
p.indented-button-answer { margin-left: 2em; font-size: 0.8em; }
td.button-answer { font-size: 0.8em; }

div.example { font-family: Verdana, Arial, sans-serif; font-size: 0.8em; background: #CCFFFF; color: #000000; border: solid black 1px; padding: 0.5em; margin: 1em; }

li.spaced-list-item { margin-bottom: 3em; }
li.last-list-item { margin-bottom: 1em; }

span.def { font-style: italic; font-weight: bold; }
span.directive { font-weight: bold; }

div.note { border: solid red 2px; padding: 0.5em; margin-bottom: 1em; }
div.note p.last { margin-bottom: 0px; }
.note-word { background: red; color: white; }

div.reminder { border: solid green 2px; padding: 0.5em; margin-bottom: 1em; }
div.reminder p.last { margin-bottom: 0px; }
.reminder-word { background: green; color: white; }

td.source { font-size: 0.8em; }