* {
  margin: 0;
  padding: 0;
  text-indent: 0;
}
body {
/*  background-color: #317300; */
/*  background-color: #606060; */
  background-color: #FFFFFF;
  font-size: 100%;
}

dt {
  font-weight: bold;
  margin-top: 20px;
}

.ws {
  border-collapse: collapse;
}

.ws_td {
  border: 1px solid #000000;
  width: 2.0em;
  text-align: center;
}

.jrcs_red {
  color: #FF2020;
}

.jrcs_blue {
  color: #317300;
}

.jrcs_ital {
  color: #317300;
  font-style: italic;
}

.jrcs_bold {
  color: #317300;
  font-weight: bold;
}

.border_table {
  border-collapse: collapse;
}

.border_table_td {
  border: 1px solid #000000;
  text-align: center;
  padding: 2px 4px;
}

.save_button {
  text-indent: 0 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.125em;
  margin-top: 20px;
}

.save_button input {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.0em;
}
  
.bottom_fill {
  float: left;
  width: 100%;
}

.first_p {
  margin-top: 11px;
  text-indent: 0 !important;
}

.mini_heading {
  margin-top: 11px;
  text-indent: 0 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.125em;
}

.lower_alpha {
  list-style-type: lower-alpha;
}

.center_text {
  margin-top: 11px;
  text-indent: 0 !important;
  text-align: center;
}

.align_right {
  text-align: right;
  text-indent: 0 !important;
}

.right_text {
  margin-top: 11px;
  text-indent: 0 !important;
  text-align: right;
}

.hoa_logo {
  float: left;
  margin-left: 3px;
  margin-right: 4px;
}

.hoa_student_name {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  width: 108px;
  padding-top: 12px;
}

.related_web_section {
}
.related_web_section p {
  text-indent: 0px !important;
  margin: 0 !important;
}  
.related_web_heading {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: italic;
  font-size: 1.0em;
  padding-top: 10px;
}

.block_quote {
  margin: 0 4.0em;
  text-indent: 0 !important;
}

pre {
  color: #D04040;
}

.example {
  background-image: url("../images/example.png");
  background-repeat: no-repeat;
  padding-left: 120px;
  padding-top: 10px;
  margin-top: 10px;
  min-height: 80px;
}

.exercise_table {
}

.exercise_table_step {
  width: 4.0em;
  text-align: right;
  vertical-align: top;
  padding-right: 0.25em;
  padding-top: 10px;
}

.exercise_table_number {
  width: 1.0em;
  text-align: right;
  vertical-align: top;
  padding-right: 0.25em;
  padding-top: 10px;
}

.exercise_table_cell {
  padding-top: 10px;
}

.hoa_heading_icon {
  float: right;
  margin-left: 20px;
}

.copyright {
  padding-top: 50px;
  padding-bottom: 20px;
  text-align: center;
  float: left;
  width: 100%;
  font-family: HelveticaNeueLTStd-Cn;
  font-size: 0.75em;
  font-style: normal;
  font-weight: normal;
/*  color: #DFDFDF; */
}
  
/* -- Web Fonts -- */
.HelveticaNeueLT-Roman {
  font-family: HelveticaNeueLT-Roman;
  font-weight: normal;
  font-style: normal;
}
.GlyphaLTPro-Roman {
  font-family: GlyphaLTPro-Roman;
  font-weight: normal;
  font-style: normal;
}

.hoa_series_toc {
  width: 1024px;
  background-color: #EEEEEE;
  margin: auto;
}
.series_toc {
  text-indent: 0em;
  list-style-type: none;
}
.series_01_highlight li:hover,
.series_01_highlight li a:hover {
  background-color: #9EBCA9;
}
.series_02_highlight li:hover,
.series_02_highlight li a:hover {
  background-color: #84A4D8;
}
.series_03_highlight li:hover,
.series_03_highlight li a:hover {
  background-color: #BA8FBC;
}
.series_04_highlight li:hover,
.series_04_highlight li a:hover {
  background-color: #E8D02F;
}
.series_toc a,
.series_toc a:visited {
  display:block;
  color: #000000;
  text-decoration:none;
}

.hoa_nav {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 1024px;
/*  background-color: #EEEEEE; */
  background-color: #FFFFFF;
  margin: auto;
}

.step_indent {
  padding-left: 3.5em;
}
.step_p {
  text-indent: 0 !important;
}
.step_hang {
  text-indent: -3.5em !important;
}

.clue_table td {
  padding-top: 3px;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: top;
}

.underline_table {
  margin-bottom: 6px;
}

.underline_table td {
  text-decoration: underline;
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: top;
}

.plain_table {
  margin-bottom: 6px;
}

.plain_table td {
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: top;
}

.math_table {
  font-size: 0.875em;
}
.math_table td {
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: top;
}
.indent {
  padding-left: 2.0em;
  padding-right: 3.0em;
}

.m_101_21_1 {
  width: 150px;
}
.m_101_21_2 {
  width: 425px;
}

.m_114_12_1 {
  width: 170px;
}
.m_114_12_2 {
  width: 405px;
}

.big_input {
  width: 12.0em !important;
}
.lg_input {
  width: 8.0em !important;
}
.med_input {
  width: 6.0em !important;
}
.sm_input {
  width: 4.0em !important;
}

.tf_number {
  width: 24px;
  text-align: right;
  vertical-align: top;
}
.true_false, .matching, .checklist {
  border-spacing: 5px 10px;
}
.true_false td, .matching td, .checklist td {
  vertical-align: top;
}
.true_false input, .matching input, .checklist input {
  width: 30px;
}
.hanging_indent {
  text-indent: -1.125em;
  padding-left: 1.125em;
}

/* -- Cards -- */
.card_agri_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_agri_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_arch_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_arch_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_arts_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_arts_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_biz_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_biz_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_edu_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_edu_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_health_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_health_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_hosp_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_hosp_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_hs_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_hs_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_it_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_it_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_law_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_law_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_sci_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_sci_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.card_trans_content {
  width: 822px;
  float: left;
  background-image: url("../images/hoa_background_trans_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
#main_container {
  display: flex;
  position: relative;
  font-family: HelveticaNeueLT-Roman;
  margin: auto;
  width: 1024px;
  min-height: 612px;
}
#card_01_main {
  display: flex;
  position: relative;
  font-family: HelveticaNeueLT-Roman;
  margin: auto;
  width: 1024px;
  min-height: 612px;
}
#card_02_main {
  display: flex;
  position: relative;
  font-family: HelveticaNeueLT-Roman;
  margin: auto;
  width: 1024px;
  min-height: 612px;
}
#card_03_main {
  display: flex;
  position: relative;
  font-family: HelveticaNeueLT-Roman;
  margin: auto;
  width: 1024px;
  min-height: 612px;
}
#card_04_main {
  display: flex;
  position: relative;
  font-family: HelveticaNeueLT-Roman;
  margin: auto;
  width: 1024px;
  min-height: 612px;
}
.border_agri {
  border: 3px solid #317300;
}
.border_sci {
  border: 3px solid #5574BB;
}
.border_law {
  border: 3px solid #6A1F5C;
}
.border_health {
  border: 3px solid #CA7B29;
}
.card_career_head {
  margin-top: 2px;
  padding: 10px;
}
.card_career_display {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.375em;
}

.card_navigation {
/*  background-color: #F8F8F8; */
  background-color: #FFFFFF;
/*  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px; */
  width: 202px;
  float: left;
  min-height: 612px;
}
.card_navigation_head {
  font-family: GlyphaLTPro-Roman;
  font-weight: bold;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 10px;
}
.card_navigation a {
  text-decoration: none;
  color: #000000;
}
.card_navigation a:hover {
  text-decoration: none;
  color: #317200;
}
.card_navigation p {
  font-family: GlyphaLTPro-Roman;
  font-weight: normal;
  font-style: normal;
  padding: 10px 10px;
}
.card_navigation ul {
  font-family: HelveticaNeueLTStd-Cn;
  font-size: 1.0em;
  padding-left: 10px;
  padding-right: 10px;
  list-style-type: none;
/*  list-style-image: url("../images/cl_arrow_bullet_small.png"); */
/*  font-size: 0.9375em; */
}
.card_navigation li {
  padding: 2px 0px;
  margin-bottom: 8px;
}
.card_header {
  font-family: Arial, Helvetica;
  font-size: 1.5em;
  font-weight: bold;
  width: 822px;
  padding-left:70px;
}
.card_container {
  width: 100%;
  float: left;
}
.card_img {
  float: left;
  padding-left: 40px;
  padding-right: 20px;
  padding-top: 25px;
  width: 260px;
  text-align: center;
}
.card_quote_head {
  font-family: HelveticaNeueLT-Roman;
  font-style: normal;
  font-weight: bold;
}
.card_quote_career {
  font-family: BookmanOldStyleStd, serif;
  font-style: normal;
  text-align: right;
  padding-right: 30px;
}
.demo_card_quote {
  margin: 0 auto;
  font-family: BookmanOldStyleStd-Italic, serif;
  text-align: center;
  font-weight: normal;
  float: left;
  width: 620px;
  font-size: 1.0em;
  padding-top: 30px;
  line-height: 150%;
}
.card_quote {
  font-family: BookmanOldStyleStd-Italic, serif;
  font-weight: normal;
  float: left;
  width: 420px;
  font-size: 1.0em;
  padding-top: 30px;
  line-height: 150%;
}
.card_quote p {
  padding-bottom: 5px;
}
.card_highlights_container {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  float: right;
  width: 260px;
  padding-top: 112px;
}
.card_highlights {
  font-size: 0.8125em;
  margin: 10px;
  padding: 10px;
  color: #FFFFFF;
}
.card_highlights ul {
  list-style-type: square;
  margin-left: 1.0em;
}
.card_vocabulary {
}
.card_vocabulary p {
  margin-top: 15px;
  text-indent: -2.0em !important;
  padding-left: 2.0em;
}
.card_agri_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_agri.png");
}
.card_arch_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_arch.png");
}
.card_arts_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_arts.png");
}
.card_biz_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_biz.png");
}
.card_edu_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_edu.png");
}
.card_health_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_health.png");
}
.card_hosp_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_hosp.png");
}
.card_hs_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_hs.png");
}
.card_it_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_it.png");
}
.card_law_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_law.png");
}
.card_sci_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_sci.png");
}
.card_trans_title {
  width: 822px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_trans.png");
}

.topic_agri { color: #317300; }
.topic_agri_bkgd { background-color: #317300; }
.topic_arch { color: #3061AD; }
.topic_arch_bkgd { background-color: #3061AD; }
.topic_arts { color: #899CD0; }
.topic_arts_bkgd { background-color: #899CD0; }
.topic_biz { color: #ED1C5E; }
.topic_biz_bkgd { background-color: #ED1C5E; }
.topic_edu { color: #578698; }
.topic_edu_bkgd { background-color: #578698; }
.topic_health { color: #CA7B29; }
.topic_health_bkgd { background-color: #CA7B29; }
.topic_hosp { color: #84A4D8; }
.topic_hosp_bkgd { background-color: #84A4D8; }
.topic_hs { color: #4D469C; }
.topic_hs_bkgd { background-color: #4D469C; }
.topic_it { color: #F0A01F; }
.topic_it_bkgd { background-color: #F0A01F; }
.topic_law { color: #6A1F5C; }
.topic_law_bkgd { background-color: #6A1F5C; }
.topic_sci { color: #5574BB; }
.topic_sci_bkgd { background-color: #5574BB; }
.topic_trans { color: #9EBCA9; }
.topic_trans_bkgd { background-color: #9EBCA9; }

.card_career_big_heading {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5em;
  margin-left: -15px;
  margin-bottom: 10px;
  padding-top: 10px;
}
.card_big_heading {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5em;
  margin-left: 0px;
  margin-bottom: 30px;
  padding-top: 30px;
}
.card_heading {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;
  padding-top: 10px;
}
.card_section {
/*  font-family: HelveticaNeueLT-Roman; */
  font-family: BookmanOldStyleStd, serif;
  font-weight: normal;
  font-style: normal;
  padding-left: 70px;
  padding-right: 60px;
  line-height: 140%;
}
.card_section p {
  margin-bottom: 11px;
  text-indent: 2.0em;
}

/* remove this to see if card_section can handle it
.card_text {
  font-family: BookmanOldStyleStd, serif;
  font-size: 1.0em;
}
.card_text p:first-child {
  margin-bottom: 11px;
  margin-top: 11px;
  text-indent: 0.0em;
}
.card_text p {
  margin-bottom: 11px;
  text-indent: 2.0em;
}
*/

.card_section ul {
  margin-left: 3.0em;
  margin-top: 8px;
  margin-bottom: 8px;
}
.card_section ol {
  margin-left: 3.0em;
  margin-top: 8px;
  margin-bottom: 8px;
}

.agri_arrow_left { background-position: 0 0; }
.arch_arrow_left { background-position: 0px -28px; }
.arts_arrow_left { background-position: 0px -56px; }
.biz_arrow_left { background-position: 0px -84px; }
.edu_arrow_left { background-position: 0px -112px; }
.health_arrow_left { background-position: 0px -140px; }
.hosp_arrow_left { background-position: 0px -168px; }
.hs_arrow_left { background-position: 0px -196px; }
.it_arrow_left { background-position: 0px -224px; }
.law_arrow_left { background-position: 0px -252px; }
.sci_arrow_left { background-position: 0px -280px; }
.trans_arrow_left { background-position: 0px -308px; }
.agri_arrow_right { background-position: -49px 0; }
.arch_arrow_right { background-position: -49px -28px; }
.arts_arrow_right { background-position: -49px -56px; }
.biz_arrow_right { background-position: -49px -84px; }
.edu_arrow_right { background-position: -49px -112px; }
.health_arrow_right { background-position: -49px -140px; }
.hosp_arrow_right { background-position: -49px -168px; }
.hs_arrow_right { background-position: -49px -196px; }
.it_arrow_right { background-position: -49px -224px; }
.law_arrow_right { background-position: -49px -252px; }
.sci_arrow_right { background-position: -49px -280px; }
.trans_arrow_right { background-position: -49px -308px; }
.nav_blank_left {
  float: left;
  margin: -5px;
  background-image:url(../images/blank.png);
  background-repeat: no-repeat;
  height: 26px;
  width: 34px;
}
.nav_blank_right {
  float: right;
  margin: -5px;
  background-image:url(../images/blank.png);
  background-repeat: no-repeat;
  height: 26px;
  width: 34px;
}
.nav_arrow_left:hover {
  background-color: #E0E0E0;
}
.nav_arrow_left {
  float: left;
  margin-top: -6px;
  background-color: #FFFFFF;
  background-image:url(../images/hoa_arrows.png);
  background-repeat: no-repeat;
  height: 26px;
  width: 34px;
  border-style: none;
}
.nav_arrow_right:hover {
  background-color: #E0E0E0;
}
.nav_arrow_right {
  float: right;
  margin-top: -6px;
  background-color: #FFFFFF;
  background-image: url(../images/hoa_arrows.png);
  background-repeat: no-repeat;
  height: 26px;
  width: 34px;
  border-style: none;
}
#nav_buttons {
  margin: 15px 0px 5px 0px;
}
#nav_buttons_inside {
  width: 180px;
  margin: 0 auto;
  text-align: center;
}
#nav_section {
  float: left;
  padding-top: 20px;
  font-family: HelveticaNeueLT-Roman;
  font-size: 0.8125em;
  font-style: normal;
  font-weight: normal;
  width: 822px;
}

.thumb_up_down {
  padding: 10px 0px 0px 0px;
  margin: 0px 5px 0px 0px;
  float: left;
}

.feedback {
  margin: 0px;
  padding: 0px 0px 0px 31px;
}

.q_stem_01 {
  margin: 10px 0px 0px 0.5em !important;
  text-indent: -1.2em !important;
  padding-left: 0.5em !important;
}
.q_stem_10 {
  margin: 10px 0px 0px 0px !important;
  text-indent: -1.7em !important;
  padding-left: 1.0em !important;
}

.q_radio {
  margin: 0px 5px 0px 5px !important;
  text-indent: -2.15em !important;
}
.q_01_radio { margin: 0px 5px 0px 0px; }
.q_02_radio { margin: 0px 5px 0px 0px; }
.q_03_radio { margin: 0px 5px 0px 0px; }
.q_04_radio { margin: 0px 5px 0px 0px; }
.q_05_radio { margin: 0px 5px 0px 0px; }
.q_06_radio { margin: 0px 5px 0px 0px; }
.q_07_radio { margin: 0px 5px 0px 0px; }
.q_08_radio { margin: 0px 5px 0px 0px; }
.q_09_radio { margin: 0px 5px 0px 0px; }
.q_10_radio { margin: 0px 5px 0px 0px; }
.q_11_radio { margin: 0px 5px 0px 0px; }
.q_12_radio { margin: 0px 5px 0px 0px; }
.q_13_radio { margin: 0px 5px 0px 0px; }
.q_14_radio { margin: 0px 5px 0px 0px; }
.q_15_radio { margin: 0px 5px 0px 0px; }
.q_16_radio { margin: 0px 5px 0px 0px; }
.q_17_radio { margin: 0px 5px 0px 0px; }
.q_18_radio { margin: 0px 5px 0px 0px; }
.q_19_radio { margin: 0px 5px 0px 0px; }
.q_20_radio { margin: 0px 5px 0px 0px; }
#q_01 { margin: 0px 5px 0px 1em; text-indent: -2.15em; padding-left: 1.0em; }
#q_02 { margin: 0px 5px 0px 1em; text-indent: -2.15em; padding-left: 1.0em; }
#q_03 { margin: 0px 5px 0px 1em; text-indent: -2.15em; padding-left: 1.0em; }
#q_04 { margin: 0px 5px 0px 1em; text-indent: -2.15em; padding-left: 1.0em; }
#q_05 { margin: 0px 5px 0px 1em; text-indent: -2.15em; padding-left: 1.0em; }
#q_06 { margin: 0px 5px 0px 1em; text-indent: -2.15em; padding-left: 1.0em; }
#q_07 { margin: 0px 5px 0px 1em; text-indent: -2.15em; padding-left: 1.0em; }
#q_08 { margin: 0px 5px 0px 1em; text-indent: -2.15em; padding-left: 1.0em; }
#q_09 { margin: 0px 5px 0px 1em; text-indent: -2.15em; padding-left: 1.0em; }
#q_10 { margin: 0px 5px 0px 1em; text-indent: -2.15em; padding-left: 1.0em; }
#q_11 { margin: 0px 5px 0px 1em; }
#q_12 { margin: 0px 5px 0px 1em; }
#q_13 { margin: 0px 5px 0px 1em; }
#q_14 { margin: 0px 5px 0px 1em; }
#q_15 { margin: 0px 5px 0px 1em; }
#q_16 { margin: 0px 5px 0px 1em; }
#q_17 { margin: 0px 5px 0px 1em; }
#q_18 { margin: 0px 5px 0px 1em; }
#q_19 { margin: 0px 5px 0px 1em; }
#q_20 { margin: 0px 5px 0px 1em; }
#q_01_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_02_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_03_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_04_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_05_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_06_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_07_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_08_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_09_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_10_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_11_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_12_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_13_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_14_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_15_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_16_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_17_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_18_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_19_resp { margin: 0px 0px 0px 0px; min-height: 40px; }
#q_20_resp { margin: 0px 0px 0px 0px; min-height: 40px; }

.login {
  width: 1024px;
  float: left;
  background-image: url("../images/hoa_background_1col_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}

.login_title {
  width: 1024px;
  float: left;
  background-image: url("../images/hoa_background_1col.png");
  height: 32px;
}

.login_container {
  float: left;
  width: 100%;
}

.login_section {
  font-family: BookmanOldStyleStd, serif;
  font-weight: normal;
  font-style: normal;
  padding-left: 70px;
  padding-right: 60px;
  line-height: 140%;
}

.login_section p {
  margin-bottom: 11px;
  text-indent: 2.0em;
}

.login_big_heading {
  color: #317300;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5em;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.login_heading {
  color: #317300;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.25em;
  padding-top: 10px;
  padding-bottom: 10px;
}

.login_form_button {
  margin: 0 auto;
  width: 113px;
}

.login_form_items {
  margin: 0 auto;
  width: 300px;
}

.long_input_label {
  float: left;
  width: 10.0em;
}

.input_label {
  float: left;
  width: 6.0em;
}

.desktop_1col {
  width: 1024px;
  float: left;
  background-image: url("../images/hoa_background_1col_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}

.desktop_1col_title {
  width: 1024px;
  float: left;
  background-image: url("../images/hoa_background_1col.png");
  height: 32px;
}

.desktop_1col_container {
  float: left;
  width: 100%;
}

.desktop_1col_section {
  font-family: BookmanOldStyleStd, serif;
  font-weight: normal;
  font-style: normal;
  padding-left: 70px;
  padding-right: 60px;
  line-height: 140%;
}

.desktop_1col_section p {
  margin-bottom: 11px;
  text-indent: 2.0em;
}

.desktop_1col_section h1 {
  color: #317300;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5em;
  padding-top: 30px;
  padding-bottom: 15px;
}

.desktop_1col_section h2 {
  color: #317300;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.25em;
  padding-top: 15px;
  padding-bottom: 15px;
}

.desktop_1col_section h3 {
  color: #317300;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.125em;
  padding-bottom: 5px;
}
.desktop_1col_big_heading {
  color: #317300;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5em;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.desktop_1col_form_button {
  margin: 0 auto;
  width: 113px;
}

.desktop_1col_form_items {
  margin: 0 auto;
  width: 300px;
}

.desktop_left {
  margin-top: 2px;
  border-top: 1px solid #317300;
  border-left: 1px solid #317300;
  border-right: 1px solid #317300;
  font-family: BookmanOldStyleStd, serif;
  font-size: 0.9375em;
  background-color: #FFFFFF;
  width: 256px;
  padding: 8px;
  float: left;
  min-height: 612px;
}
.desktop_left_head {
  font-family: GlyphaLTPro-Roman;
  font-weight: bold;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 10px;
}
.desktop_left p {
  margin-bottom: 11px;
  text-indent: 1.5em;
}
.desktop_left ol {
  margin-left: 1.5em;
  margin-top: 8px;
  margin-bottom: 8px;
}
.desktop_left li {
  margin-left: 1.0em;
  margin-top: 8px;
  margin-bottom: 12px;
}
.desktop_left h1, .desktop_content h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20pt;
  font-weight: bold;
  text-align: center;
  color: #317300;
  margin: 15px 0px 14px 0px;
}
.desktop_left h2, .desktop_content h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  text-align: left;
  color: #317300;
  margin: 5px 0px 5px 0px;
}
.desktop_left h3, .desktop_content h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  color: #317300;
  margin: 5px 0px 5px 0px;
}
.desktop_content {
  width: 752px;
  float: left;
  background-image: url("../images/hoa_background_td_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}
.desktop_2col_title {
  width: 752px;
  height: 32px;
  float: left;
  background-image: url("../images/hoa_background_td.png");
}
.desktop_2col_container {
  width: 100%;
  float: left;
}
.desktop_2col_section {
  font-family: BookmanOldStyleStd, serif;
  font-weight: normal;
  font-style: normal;
  padding-left: 70px;
  padding-right: 60px;
  line-height: 140%;
}
.desktop_2col_section p {
  margin-bottom: 11px;
  text-indent: 2.0em;
}

.desktop_2col_section ul {
  margin-left: 3.0em;
  margin-top: 8px;
  margin-bottom: 8px;
}
.desktop_2col_section ol {
  margin-left: 3.0em;
  margin-top: 8px;
  margin-bottom: 8px;
}

.dataTableRow {
  background-color: #9ECC9E; /* Light Green */
}

.dataTableContentWide {
  text-align: right;
  color: #000000;
  width: 180px;
}

.dataTableHeadingContentWide {
  background-color: #317300;
  color: #FFFFFF;
  text-align: right;
  width: 180px;
}

.dataTableIncomplete {
  font-style: italic;
  text-align: right;
  color: #000000;
  width: 95px;
}

.dataTableContentCenter {
  text-align: center;
}

.dataTableContent {
  text-align: right;
  color: #000000;
  width: 95px;
}

.dataTableContentLeft {
  text-align: left;
  color: #000000;
}

.dataTableStudent {
  vertical-align: top;
  width: 200px;
}

.dataTableEssay {
  vertical-align: top;
  padding: 0px 0px 10px 0px;
}

.dataTableContentRight {
  text-align: right;
  vertical-align: top;
  color: #000000;
}

.dataTableRowOver {
  background-color:#F0F8FF;
/* cursor:pointer;
cursor:hand; */
}

.dataTableCategory {
  text-align: left;
  padding: 0px 5px 0px 5px;
}

.dataTableCheckbox {
  text-align: center;
  vertical-align: top;
}

.dataTableHeadingCategory {
  background-color: #317300;
  color: #FFFFFF;
  text-align: left;
}

.dataTableHeadingContent {
  background-color: #317300;
  color: #FFFFFF;
  text-align: center;
  width: 95px;
}

.w145 {
  width: 145px;
}

.dataTableHeadingCenter, .dataTableHeadingCenter a {
  background-color: #317300;
  color: #FFFFFF;
  text-align: center;
}

.dataTableHeading {
  background-color: #317300;
  color: #FFFFFF;
}

.score {
  width: 1024px;
  float: left;
  background-image: url("../images/hoa_background_score_02.png");
  background-repeat: repeat-y;
  min-height: 612px;
}

.score_title {
  width: 1024px;
  float: left;
  background-image: url("../images/hoa_background_score.png");
  height: 32px;
}

.score_container {
  float: left;
  width: 100%;
}

.score_section {
  font-family: BookmanOldStyleStd, serif;
  font-weight: normal;
  font-style: normal;
  padding-left: 70px;
  padding-right: 60px;
  line-height: 140%;
}

.score_section p {
  margin-bottom: 11px;
  text-indent: 0;
}

.score_section h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5em;
  padding-top: 30px;
  padding-bottom: 30px;
}

.score_big_heading {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5em;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.scoreTableRow {
  background-color: #E0E0E0; /* Light Gray */
}

.scoreTableContentWide {
  text-align: right;
  color: #000000;
  width: 180px;
}

.scoreTableHeadingContentWide {
  background-color: #317300;
  color: #FFFFFF;
  text-align: right;
  width: 180px;
}

.scoreTableIncomplete {
  font-style: italic;
  text-align: right;
  color: #000000;
  width: 120px;
}

.scoreTableContentCenter {
  text-align: center;
}

.scoreTableContent {
  text-align: right;
  color: #000000;
  width: 120px;
}

.scoreTableContentLeft {
  text-align: left;
  color: #000000;
}

.scoreTableContentRight {
  text-align: right;
  vertical-align: top;
  color: #000000;
}

.scoreTableRowOver {
background-color:#F0F0F0;
/* cursor:pointer;
cursor:hand; */
}

.scoreTableCategory {
  text-align: left;
  padding: 0px 5px 0px 5px;
}

.scoreTableCheckbox {
  text-align: center;
  vertical-align: top;
}

.scoreTableHeadingCategory {
  background-color: #404040;
  color: #FFFFFF;
  text-align: left;
}

.scoreTableHeadingContent {
  background-color: #404040;
  color: #FFFFFF;
  text-align: center;
  width: 95px;
}

.scoreTableHeadingCenter, .scoreTableHeadingCenter a {
  background-color: #404040;
  color: #FFFFFF;
  text-align: center;
}

.scoreTableHeading {
  background-color: #404040;
  color: #FFFFFF;
}

.tdscoreTableRow {
  background-color: #9ECC9E; /* Light Green */
}

.tdscoreTableContentWide {
  text-align: right;
  color: #000000;
  width: 180px;
}

.tdscoreTableHeadingContentWide {
  background-color: #317300;
  color: #FFFFFF;
  text-align: right;
  width: 180px;
}

.tdscoreTableIncomplete {
  font-style: italic;
  text-align: right;
  color: #000000;
  width: 120px;
}

.tdscoreTableContentCenter {
  text-align: center;
}

.tdscoreTableContent {
  text-align: right;
  color: #000000;
  width: 120px;
}

.tdscoreTableContentLeft {
  text-align: left;
  color: #000000;
}

.tdscoreTableContentRight {
  text-align: right;
  vertical-align: top;
  color: #000000;
}

.tdscoreTableRowOver {
  background-color:#F0F0F0;
/* cursor:pointer;
cursor:hand; */
}

.tdscoreTableCategory {
  text-align: left;
  padding: 0px 5px 0px 5px;
}

.tdscoreTableCheckbox {
  text-align: center;
  vertical-align: top;
}

.tdscoreTableHeadingCategory {
  background-color: #317300;
  color: #FFFFFF;
  text-align: left;
}

.tdscoreTableHeadingContent {
  background-color: #317300;
  color: #FFFFFF;
  text-align: center;
  width: 95px;
}

.tdscoreTableHeadingCenter, .tdscoreTableHeadingCenter a {
  background-color: #317300;
  color: #FFFFFF;
  text-align: center;
}

.tdscoreTableHeading {
  background-color: #317300;
  color: #FFFFFF;
}
/* Demo notes class copied from JRCS Demo and altered by Linh*/
.demo_note {
  background-image: url("http://www.careersolutionspublishing.com/JRCSEd2TheTeachersDesktop/jrcs_static/images/demo_warning.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: yellow;
  border: 1px solid #F5BD35; 
  margin: 0 auto;
  padding-left: 25px;
}

.myButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
  background-color:#ffffff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
  background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
  background-color:#f6f6f6;
}
.myButton:active {
  position:relative;
  top:1px;
}
.has_definition {
  border-bottom: 1px solid blue;
}
.definition_text {
  font-size: 14pt;
  line-height: 1.6em;
  display: none;
}
.definition_term {
  font-weight: bold;
  font-style: italic;
}

#logout-form {
  display: inline;
}

#logout-form button {
  line-height: 1;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  font-size: 1.0em;
  color: inherit;
  border-bottom: 1px solid #D0D0D0;
}

#logout-form button:active, #logout-form button:hover {
  text-decoration: none;
  border-bottom: 0;
}