#training #content { width: 690px; margin-left: 30px; margin-top: 4px; }
#training #courses .current { margin: 0px 20px 10px 0px; width: 240px; }
#training #courses .current .other { color: #8f9294; background-color: #f2f3f4; border-top: 4px solid #ffffff; padding: 8px 10px 10px 10px; line-height: 18px; text-transform: none; font-size: 13px; }

#training h1 { font-size: 26px; color: #333333; line-height: 32px; padding-bottom: 8px; margin-top: 4px; padding-right: 0px; border-bottom: 4px solid #59b6ea; font-weight: bold; text-shadow: -1px 1px 0px #f2f3f4; }
#training h2.comment { color: #555555; border-bottom: 4px solid #e6eef3; padding-bottom: 10px; margin: 20px 20px 10px 0px; font-size: 21px; font-weight: normal; background-image: url(/img/icons/32x32/comment.png); background-repeat: no-repeat; background-position: 0px -2px; padding-left: 42px; }

#courses { float: left; width: 220px; }
#courses .chapters { font-size: 13px; margin: 0px 0px 0px 10px; margin-top: 4px; letter-spacing: 0.02em; margin-bottom: 20px; width: 220px; line-height: 18px; }
#courses .chapters div { margin-bottom: 0px; background-image: url(/img/icons/page-blank.png); background-position: 0px 7px; background-repeat: no-repeat; margin-left: 10px; padding-left: 12px; }
#courses .chapters div div { margin-bottom: 0px; background-image: url(/img/icons/page-blank.png); background-position: 0px 6px; background-repeat: no-repeat; margin-left: 0px; padding-left: 12px; margin-top: 0px; border-top: 2px solid #e5f2f9; padding-top: 0px; }
#courses .chapters div div div { margin-bottom: 0px; background-image: url(/img/icons/page-blank.png); background-position: 0px 6px; background-repeat: no-repeat; margin-left: 0px; padding-left: 12px; margin-top: 0px; border-top: 2px solid #e5f2f9; padding-top: 0px; }
#courses .chapters div a { font-weight: normal; text-decoration: underline; display: block; padding: 2px 2px 4px 4px; }
#courses .chapters a { color: #333333; }
#courses .course .summary { width: 220px; color: #8f9294; background-color: #f2f3f4; border-top: 4px solid #ffffff; margin: 0px 0px 10px 0px; padding: 6px 10px 8px 10px; line-height: 18px; text-transform: none; font-size: 13px; }
#courses .course:hover { cursor: pointer; }
#courses .course:hover .summary { color: #7f9294; background-color: #e0e2e4; }
#courses .course:hover .title-green { color: #fff586; background-color: #24709b; text-shadow: -1px 1px 0px #1f516d; }
#courses a { color: #64b20f; }
#courses a:hover { color: #111111; }
#training .question { margin: 0px 0px 0px 10px; padding-left: 10px; width: 220px; margin-bottom: 10px; }
#training .question .title { border-bottom: 4px solid #eef1de; padding-bottom: 10px; font-size: 18px; font-family: arial, tahoma, trebuchet ms; font-weight: normal; }
#training .question .note { color: #4a5040; width: 220px; margin-top: 8px; font-size: 13px; line-height: 18px; }

#training div#content > h2:first-child { font-size: 26px; margin-bottom: 20px; color: #333333; line-height: 32px; padding-bottom: 8px; margin-top: 4px; padding-right: 0px; border-bottom: 4px solid #59b6ea; font-weight: bold; text-shadow: -1px 1px 0px #f2f3f4; }
#training div#content > h1:first-child { margin-bottom: 20px; }
#training div#content h3 + h4 { color: #ec6109; }
#training div#content h3 > h4 { color: #ec6109; }
#training div#content ol + h4 { margin-top: 30px; }