.clear { clear: both; }
#doc { margin-top: .5em; }
#bd { position: relative; border: 1px solid #039; clear: both; overflow: hidden; zoom: 1; }
#yui-main, #nav { padding-bottom: 3000px; margin-bottom: -3000px; }
#yui-main { background: #FFF; }
#nav { background: #039; color: #FFF; }
#content { background: #FFF; color: #555; padding: 1em 1em 3em 0; }
#corner-bottom-left { display: block; height: 21px; width: 21px; position: relative; margin-top: -21px; background: url(/images/corner-bl.gif) no-repeat bottom left; }
#corner-bottom-right { display: block; height: 21px; width: 21px; position: relative; margin-top: -21px; float: right; background: url(/images/corner-br.gif) no-repeat bottom right; }
#logo img { vertical-align: bottom; }
/* Authenticated User information */
#userinfo { text-align: right; margin: .5em 2em .25em 0; font-size: 85%; font-weight: bold; color: #036; }
#userinfo h6, #userinfo ul, #userinfo ul li { display: inline; }
#userinfo li { margin-left: 1em; }
#userinfo a { color: #036; text-decoration: none; }
#userinfo a span { font-size: 131%; padding-left: .1em; }
/* Top Level Navigation */
#horizontalNav { margin: 0; padding: 0; background: #18538D url(/images/siteLinks-bg.gif) repeat-x left bottom; height: 2em; border-width: 1px; border-color: #FFF #036 #036; border-style: solid; font-family: "Verdana"; }
#siteLinks { width: 49%; float: left; }
#siteLinks li { float: left; list-style: none; display: list; }
#siteLinks a { display: block; text-decoration: none; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 85%; border-right: 1px solid #FFF; padding: .5em 1.25em; }
#siteLinks a:hover { color: #97da4a; }
#loginLinks { width: 49%; height: 100%; float: right; }
#loginLinks li { float: right; list-style: none; display: list; margin: 0 .3em; }
#loginLinks img { margin-top: .1em; }
/* Breadcrumbs */
#navigation { position: relative; }
#breadcrumbs { margin: 0 0 2em 0; font-size: 85%; }
#breadcrumbs a { text-decoration: none; color: #369; }
#breadcrumbs a:hover { text-decoration: underline; }
/* Menu position and buttons with rollovers */
#menu { margin: 0 0 2em 0; font-size: 93%; }
#menu ul { display: none; }
#menu ul.selected { display: block; margin: .5em 0 0 0; background: #559907; }
#menu li { list-style: none; margin: 0; padding: .25em 0; border-top: 1px solid #adbece; border-bottom: 1px solid #6685A3; clear: both; }
#menu ul.selected li { border: none; }
#menu ul.selected ul li { padding-left: .5em; }
#menu a { color: #FFF; line-height: 1.3; text-decoration: none; }
#menu a:hover { color: #97da4a; }
#menu .section { display: block; padding-left: 18px; }
#menu a.open,
#menu a.close,
#menu a.bullet { float: left; padding-left: 3px; font-size: 116%; }
#menu a.close  { position: relative; bottom: 4px; font-size: 150%; }
#menu a.bullet { color: #CCC; padding: 2px 0 0 4px; }
#menu a.onpage,
#menu span.onpage { font-weight: bold; color: #97da8a; }
#menu span.disabled { color: #663300; font-weight: bold; }
/* Links in the footer */
#ft { text-align: center; font-size: 85%; color: #036; padding-top: .5em; }
#ft a { color: #036; }
#ft ul { margin: 0; }
#ft li { display: inline; list-style: none; padding: 0 .5em; border-right: 1px solid #888; }
#ft li.last { border: none; padding-right: 0; }
/* Position the Back/Next links */
#prevnext { clear: both; padding-top: 1.4em; }
/* Style the Download Viewer links that appear at the bottom of some pages */
#download_viewer { margin: 1em 0; font-size: 85%; }
.document_type { margin: 0; font-size: 90%; }
/* */
h1, h2, h3 { color: #8bc944; }
h1, h2 { font-weight: bold; padding: 0 0 1em 0; font-size: 123.1%; }
h3 { font-weight: bold; font-size: 108%; margin: 0 0 .25em 0; }
p, ol, ul, dl { margin: 0 0 1em 0; }
strong { font-weight: bold; }
em { font-style: italic; }
li { margin-left: 1.2em; }
ul li { list-style: disc; }
ol li { list-style: decimal; }
/* Content Items */
.contentItem { margin-bottom: 1em; clear: both; }
.pageMenuTopLevel { margin-left: 1em; }
.pageMenuTopLevel li { list-style: square; color: #E77000; margin-bottom: .5em; }
.pageMenuTopLevel ul { margin: .5em 1em 1.5em; }
/* MC and MP Questions */
.formData { margin-left: 1em; }
.formData td { padding: .2em .5em; }
.formData li { list-style: none; }
p.formCorrect,
p.formIncorrect { margin: .25em 0 1em 2.75em; font-weight: bold; }
.formIncorrectImg { width: 16px; height: 16px; background: #FFF url(/images/incorrect.gif) no-repeat 0 0; }
.formCorrectImg { width: 16px; height: 16px; background: #FFF url(/images/correct.gif) no-repeat 0 0; }
.remediation,
#nextLinkMessage { font-weight: bold; margin: .25em 0 1em; }
.formButtons { margin: .75em 1em 1.5em; }
/* Lesson Status that appears on the home page */
#LessonStatus { clear: both; border-collapse: collapse; }
#LessonStatus thead { background: #F60; color: #FFF; }
#LessonStatus th { text-align: left; font-size: 93%; font-weight: bold; text-transform: uppercase; padding: .3em 0 0 0; }
#LessonStatus tbody td { padding-top: .75em; border-bottom: 1px dotted #AAA; }
#LessonStatus .lesson { padding-left: .5em; padding-right: 8em; }
#LessonStatus .status { padding-right: .5em; }
#LessonStatus a { text-decoration: none; color: #03C; }
#congrats { font-weight: bold; }
#congrats a { color: #F60; text-decoration: underline; }
/* Instructions - Author boxes that appear at the bottom of some pages */
.instructions { margin: 1.5em 0; }
.instructions h2 { background: #000099; color: #FFFFFF; text-align: center; font-weight: bold; padding: 3px; margin-bottom: 3px; margin-top: 3px; font-size: .95em; }
.instructions p { padding: 3px; border: 1px solid #999999; font-weight: bold; margin: 0; font-size: .85em; line-height: 1.8em; }