* { margin: 0em ; padding: 0em }
html { font-family: "Helvetica" }
html body {  }
html body div#maincon { width: 100% }
html body div#maincon div#left { float: left ; width: 200px }
html body div#maincon div#left h2 { margin: 0.8em 0.6em 0.3em 0.6em ; font-size: 1.4em}
html body div#maincon div#left ul#menu { list-style-type: none ; width: 200px ; z-index: +3 }
html body div#maincon div#left ul#menu li { position: relative ; clear: both ; z-index: +3 }
html body div#maincon div#left ul#menu li a { display: block ; text-decoration: none ; padding: 0.3em 1em ; color: #0000ff }
html body div#maincon div#left ul#menu li a:hover { background: #000066 ; color: #ffffff }
html body div#maincon div#left ul#menu li a img { border-width: 0em }
html body div#maincon div#left ul#menu li ul { width: 200px ; position: absolute ; left: 199px ; list-style-type: none ; top: 0 ; display: none ; border-style: solid ; border-color: #888888 ; border-width: 0px 0px 1px 0px ; z-index: +4 }
html body div#maincon div#left ul#menu li ul li { position: relative ; border-width: 1px 1px 0px 1px ; border-style: solid ; border-color: #888888 ; z-index: +4 }
html body div#maincon div#left ul#menu li ul li a { background: #ffffff ; display: block ; text-decoration: none ; padding: 0.3em 0.6em }
html body div#maincon div#left ul#menu li ul li a:hover { background: #000066 ; color: #ffffff }
html body div#maincon div#left ul#menu li ul li a img { border-width: 0em }
html body div#maincon div#left ul#menu li:hover ul, html body div#maincon div#left ul#menu li.over ul { display: block }
html body div#maincon div#rig { float: left ; width: 700px ; min-height: 400px ; background: #cfe5f3 url("../images/shadow2.png") top left repeat-y ; z-index: +2 }
html body div#maincon div#rig div#top { background: transparent url("../images/fade_top.png") top left repeat-x }
html body div#maincon div#rig div#top div#topcon { padding: 1em 0em 0em 1.5em ; height: 100px ; width: 100% ; background: transparent url("../images/fade_top_shadow.png") top left no-repeat }
html body div#maincon div#rig div#top div#topcon div#tutorial { color: #ffffff ; font-style: italic ; font-size: 1.2em }
html body div#maincon div#rig div#top div#topcon div#lesson { color: #0000cc ; font-size: 1.4em ; font-weight: bold ; line-height: 1em }
html body div#maincon div#rig div.question { background: #f8fcff ; text-align: justify ; padding: 0.5em 0em ; margin: 0.5em 1em ; border-width: 1px ; border-style: solid ; border-color: #888888 }
html body div#maincon div#rig div.question h2 { padding: 0.5em 0.85em ; font-size: 1.2em }
html body div#maincon div#rig div.question p { padding: 0.5em 1em }
html body div#maincon div#rig div.question p form { padding: 0em ; margin: 0em }
html body div#maincon div#rig div.question form table { padding: 0.5em 0em }
html body div#maincon div#rig div.question form table tr td { padding: 0.25em 1em }
html body div#maincon div#rig div.question h3 { padding: 0.5em 1em ; font-size: 1em }
html body div#maincon div#rig div.question ul { padding: 0em 1em }
html body div#maincon div#rig div.question ul li { list-style-type: none ; padding: 0.5em 0em }