.header { width:100%; text-align:right; height:70px; }
.navigation { padding:5px; width:250px; margin: 0; padding-top:0 }

.article { position: absolute; top: 70px; left: 250px; padding: 0 1em 0 2em; width: auto }

.introductionTop { background-image: url(../../images/shadedbar.jpg); background-repeat: repeat-x; margin-right:4em; margin-left:4em; padding: 20px 1em 0 1em }
.introduction, .introductionTop p.introduction { font-size: 105%; margin: 1em 1em .5em 1em; font-family: Arial }

.introductionBottom { margin: 0 4em 1em 4em; padding: 2em 1em 0 1em; clear:both }
.introductionBottomText { margin: 0 4.5em 1em 4.5em; padding: 1em 1em 0 1em; clear:both }

/* clear:both; margin: 0 1em 1em 1em; padding: 0 1em 0 1em; margin:auto; } */

.previewColumn { padding-left:10pt; padding-right:10pt; width:40% }
.previewHeading { font-weight:bold; font-family:Arial; font-size:80% }
.previewText { text-align:left; background-image: url(../../images/shadedbar.jpg); background-repeat: repeat-x; padding: 15px 0 1em 0; font-family:Arial; font-size:80% }
p.previewHeading, p.previewText { margin: 0 2em 3px 1em; }
p.heading { background-image: url(../../images/shadedbar.jpg); background-repeat:repeat-x; background-position: 0 100%; font-weight:bold; padding-bottom: 12px }
td.previewText p { font-size: 120%; }

/*  Menu code  */
ul.menuGroup { margin: 0 0 2em 0; border-top:1px solid #050293; border-right:1px solid #050293; padding:.25em; width:100%; list-style-type: none; font-size:80% }
li.menuHeading { margin: 0 0 .5em 0; background-color:rgb(27,0,125); color:white; text-align:center; padding:.25em; font-family:Arial }
li.menuItem { margin: 0 0 .5em .75em; font-family: Arial; }

p.topbar { background-image: url(../../images/shadedbar.jpg); background-repeat: repeat-x; }
h1.topbar { background-image: url(../../images/shadedbar.jpg); background-repeat: repeat-x; padding-top:15px }
.bottomNavigation { width:100%; margin: 4em 0 2em 0; clear:both }

div.section { border:1px solid lightgray; margin-top:20px; }
div.section h1 { border: 1px solid lightgray; display:inline; position:relative; top:-0.5em; left:8px; padding:1px 10px; background-color:white; font-size:120% }
div.section h2 { margin: auto 8px .5em 12px; font-size:105% }
div.section .lessonIntroduction { margin:.5em 2em 1em 2em }

div.section p { margin: 0 8px .5em 12px }
div.section applet { float:right; margin: auto 1em .5em 1em }
div.section ol { margin: auto 8px .5em 12px }
div.section .introduction { margin:.5em 2em 1em 2em }
div.halfSection { width:49% }
div.halfSectionRight { width:49%; float:right; }