/**  Classroom layout  **/
div.classSection { border:1px solid gray; margin-top:20px; padding-bottom:.5em; padding-right:.5em; }
div.classSection h3 { margin-left: 12px; }
div.classSection h1, div.classHalfSection h1, div.classHalfSectionRight h1 { border: 1px solid gray; display:inline; position:relative; top:-0.5em; left:8px; padding:1px 10px; background-color:white; font-size:120% }
div.classSection h2, div.classHalfSection h2 { margin: auto 8px .5em 12px; font-size:105% }
div.classSection p, div.classHalfSection p, div.classHalfSectionRight p { margin: 0 8px .5em 12px }
div.classSection table.applets { margin: auto 8px 1em 12px; }
div.classChapterIntroduction { margin-left:5em; margin-right:5em; margin-top:2em }
img.classChapterIntroduction { float:right; margin-left:2em; border:1px solid black }
.classIntroduction { font-size: 103%; font-family: Arial; font-weight:normal; padding-left:2em; padding-right:2em; padding-bottom: 1em; padding-top: .5em; }

div.classHalfSection { width:48%; border:1px solid gray; margin-top:20px; padding-bottom:.5em; padding-right:.5em; }
div.classHalfSectionRight { width:48%; float:right; border:1px solid gray; margin-top:20px; padding-bottom:.5em; padding-right:.5em; }

div.callout { border:1px solid navy; margin:auto .75em auto .75em; }
div.callout p { margin:auto .5em auto .5em; }

div.callout li { margin-right:.5em; }
div.callout ul { margin-top:.5em; margin-bottom:.5em; }

div.callout .heading { padding:.25em; margin:0; border-bottom:1px solid black; background-color:navy; background-position:right center; background-repeat:no-repeat; color:White; font-size:larger; }

/** padding: auto 1em .5em 1em; **/

p.technical { padding:.75em; }
div.technical { margin:auto .75em; }
.technical {border: thin solid #aa9fc9; }
.technical p { padding-top:.75em; }

p.nontechnical {border: thin solid #791f34; padding:.75em; margin-top:1em }
div.nontechnical {border: thin solid #791f34; padding:.75em; }