body {}
p {}
td .left  { float: left }
.td  { color: #777; font-size: 10pt; background-color: transparent; padding: 2px 2px 2px 0px }
.td-line { padding-right: 5px; border-left: 2px solid #808080 }
#content-area    { clear: left; margin-top: 20px; margin-right: 152px; margin-left: 152px; width: 720px }
#explanation        { color: #777; font-size: 10pt; line-height: 150%; margin-bottom: 20px; padding: 10px; width: 720px }
.explanation-pro           { color: #777; font-size: 10pt; line-height: 150%; background-color: white; float: right; padding: 30px 20px 20px; border: solid 1px teal; width: 710px; height: auto }
.explanation-pro2             { color: #777; font-size: 10pt; line-height: 150%; background-color: #f0fff0; float: right; padding: 30px 20px 20px; border: solid 1px #00b379; width: 710px; height: auto }
#explanation img   { background-color: #f0fff0; float: right; margin-right: 10px; margin-left: 20px }
.prof1    { padding-left: 5px; border: none; width: 641px }
.prof2  { margin-left: 20px; padding-left: 20px; border: none; width: 626px }.prof3   { color: teal; font-weight: bold; font-size: 10pt; padding-left: 10px; border: none; width: 260px }
.prof4  { color: gray; font-size: 10pt; border: none; width: 700px }
.prof4 a    { color: #008080; text-decoration: none }
.prof4 a:hover    { color: #7fffd4; text-decoration: none }
.tm  { background-color: transparent; margin: 0px; padding: 0px }
.img-pro  { float: right; margin-left: 20px }
.bar   { width: 720px; height: 30px }
.section          { color: #008d8d; font-weight: bold; font-size: 12pt; line-height: 24pt; background-color: transparent; clear: both; padding: 3px; border-bottom: 2px dotted #10b4b1; width: 600px; height: 30px }
.space { clear: both; width: 720px; height: 20px }
.chapter       { color: #008b8b; font-weight: bold; font-size: 12pt; line-height: 24pt; background: no-repeat left ; clear: left; margin-top: 20px; padding-bottom: 5px; border-top: none gray; border-right: none gray; border-bottom: 1pt dotted gray; border-left: none gray; width: 620px; height: 25px }
.course    { color: gray; font-size: 10pt; line-height: 120%; padding-top: 10px; padding-bottom: 10px; padding-left: 50px; width: 590px }
.info    { color: gray; fo-nt-size: 10pt; line-height: 120%; margin-top: 3px; margin-bottom: 20px; margin-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; width: 570px }
.content  { color: gray; font-size: 10pt; line-height: 120%; padding: 20px 30px 20px 10px; width: 600px }
.td-tm1     { color: #777; font-weight: bold; font-size: 10pt; background-color: #d2eae2; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; width: 438px }
.td-tm2    { color: gray; font-size: 10pt; line-height: 130%; background-color: white; padding: 10px; width: 438px }
.text-center { text-align: center }
.text-444 { color: #444; font-weight: bold; margin-bottom: 5px; padding-top: 2px; padding-bottom: 5px; border-bottom: 2pt dotted gray }
.text-pro1 { color: #008d8d; font-weight: bold; font-size: 12pt }
.text-pro2   { color: #777; font-weight: bold; font-size: 11pt }
.text-pro3  { color: #777; font-weight: bold; font-size: 10pt }
.text-pro4   { color: #777; font-size: 10pt }
.text-pro5 { color: #008d8d; font-weight: bold; font-size: 10pt }
.tm-all { margin-left: 220px }