body
{ background: #fff;
  font: normal 8pt Arial, Helvetica, Verdana, Sans-Serif;
  color: #333;
  background-position: top left;
  margin: 0;
  padding: 0; }

img
{ border: 0; }

h3
{ font-size: 1.1em;
  font-weight: bold; }

a
{ font-size: 1em;
  text-decoration: underline; }
a:link
{ color: #0082d1; }
a:active, a:hover
{ color: #000; }
a:visited
{ color: #009460; }

/* TOP STYLE */
div#top
{ display: none;
  float: left;
  width: 765px;
  height: 86px; }


.logo, .pagetitle, .close
{ height: 86px; }

.logo
{ background: url(images/logo_bg.gif) no-repeat;
  width: 165px;
  position: absolute;
  top: 0;
  left: 0; }

.pagetitle
{ background: url(images/pagetitle_bg.jpg) no-repeat;
  width: 471px;
  position: absolute;
  top: 0;
  left: 165px; }

  .pagetitle img
  { position: absolute;
    top: 25px;
    left: 73px;
    background: transparent; }
  
.close
{ background: url(images/close_bg.jpg) no-repeat;
  width: 128px;
  position: absolute;
  top: 0px;
  left: 636px; } 

  .close img
  { position: relative;
    top: 20px;
    left: 10px;
    background: transparent; }

/* MIDDLE STYLE */
div#middle
{ float: left;
  /* background: url(images/flower_bg.jpg) repeat-y top left #fafafa; */
  width: 7.5in;
  position: relative;
  top: 0;
  left: 0; }

/* left column */
.middle_l
{ width: 165px;
  float: left; }  
  
  .mainnav
  { display: none;
    background: url(images/mainnav_bg.gif) no-repeat;
    width: 165px;
    height: 159px;
    position: relative;
    top: 0; }

    .menulist
    { display: block;
      position: absolute;
      top: 34px; }

      a.here:link, a.here:visited, a.here:hover, a.here:active, a.menu:link, a.menu:visited, a.menu:hover, a.menu:active
      { font-size: 10pt;
        font-weight: bold; 
        text-decoration: none;
        display: block;
        width: 165px;
        height: 27px;
        text-indent: 29px; }

      a.menu:link, a.menu:visited
      { color: #e3dcc0; }

      a.here:link, a.here:visited, a.here:hover, a.here:active, a.menu:hover, a.menu:active
      { color: #fff; }

      a.here
      { background: url(images/mainnav_here.gif) no-repeat; }

/* right column */
.middle_r
{ width: 571px;
  /* background: url(images/shade.gif) repeat-y top left #fafafa; */
  float: left;
  margin-left: 20px; }

.content_row
{ width: 571px;
  float: left; }
  
  /* first row */
  
  /* first center */
  
  /* logo for print */
  .for_print
  { float: left;
    margin: 10px 30px 0 0;
    width: 1in;
    height: 0.441in; }
  
  .lessontitle
  { margin: 10px 0 0 0;
    float: left;
    width: 6.5in;
    padding-bottom: 10px;
    border-bottom: dotted 1px #7f7f7f; 
    background: transparent;
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Sans-Serif;  }
  
  .lessontitle .green
  { color: #009460;
    font-size: 14pt; }
    
  .lessontitle .blue
  { color: #002f5d;
    font-size: 12pt;
    font-weight: bold; }
  
  /* first right */
  .printer_v
  { display: none;
    width: 110px;
    float: right;
    margin-top: 36px; }
  
  /* second row */
  
  /* second center */
  .greybox
  { display: none;
    left: 0;
    float: left;
    width: 425px;
    border: solid 1px #dfdcd8;
    margin: 10px 24px 0 0; }

    .greybox .text
    { padding: 0 5px; }

    .greybox .btn
    { text-align: center;
      padding: 0 0 5px 0; }
  
  .flashbox
  { display: none;
    float: left;
    width: 425px;
    height: 180px;
    margin: 10px 24px 10px 0;
    border: solid 2px #dfdcd8;
    background: #f4f1e6; }

  .instruction, .practice_list, .question
  { float: left;
    background: transparent;
    width: 6.5in;
    margin: 0 24px 10px 0;
    padding: 5px 0 10px 0; }
  
    .place_right_nb, .place_right
    { float: right;
      margin: 10px 0 0 5px; }
    
    .place_left_nb, .place_left
    { float: left;
      margin: 10px 5px 0 0; }
      
    .place_right, .place_left, .border1_444
    { border: solid 1px #444; }
    
    .practice_list .text
    { width: 390px;
      margin: 0 24px 0 0;
      padding: 10px 0 0 30px; }
  
  .question
  { padding: 10px 0 10px 0; }
    
    .quiz_num, .quiz_text
    { font-weight: bold; }
    
    .practice_num, .practice_text
    { font-weight: normal; }
    
    .quiz_num, .quiz_text, .practice_num, .practice_text
    { display: block;
      font-size: 12px;
      position: relative; }
    
    .quiz_num, .practice_num
    { width: 25px;
      text-align: right;
      margin: 0; }
    
    .quiz_text, .practice_text
    { width: 395px;
      padding: 0 0 0 5px;
      margin: -14px 0 0 25px; }
    
      .quiz_text img, .practice_text img
      { vertical-align: text-top; }
      
      .practice_text .icon
      { float: right;
        padding: 0 0 0 3px; }
    
  .question_n
  { border-top: dotted 1px #7f7f7f;
    padding: 10px 0 10px 0; }
  
    .text
    { font-size: 10pt; }
    
    /* hide when print */
    .for_scrn
    { display: none; }
    
      .fst_lttr, .indent25
      { text-indent: 25px; }
      
      .fst_lttr:first-letter, .fst_wrd
      { font-size: 13px;
        font-weight: bold; }
    
    .instruction .beigebox
    { width: 6.5in;
      font-size: 10pt;
      background: #f4f1e6;
      border: solid 1px #dfdcd8;
      padding: 5px 3px; }
    
    .check_answer
    { float: right;
      font-size: 10pt; }

      .greentext
      { text-transform: uppercase;
        font-size: 11pt;
        font-weight: bold;
        color: #009460; }
   
     /* TABLE & POPUP ANSWER STYLES */
     .practice_list table, .question table, .popup_answer, .list_tbl, .popup_answer, .module_test
     { padding: 0; }
     
     .practice_list table, .question table, .question_n table, .popup_answer, .define_tbl
     { width: 6.5in;
       margin: 0; }
     
     .list_tbl
     { width: 360px;
       margin: 5px 0 0 0; }
     
     .practice_list table th, .practice_list table td, .question table td, .question_n table td, .popup_answer td, .list_tbl td, .define_tbl th, .define_tbl td
     { font-size: 10pt;
       padding: 2px 3px;
       text-align: left;
       vertical-align: top; }
       
       .define_tbl caption
       { font-size: 11pt;
         font-weight: bold;
         text-align: left; }
    
    /* ul list */
    .instruction ul
    { position: relative;
      background: transparent;
      width: 390px;
      margin: 0 24px 0 0;
      padding: 0 0 0 20px;
      list-style: url(images/bullet.gif) circle; }
    
    .instruction ul ul
    { position: relative;
      background: transparent;
      width: 320px;
      margin: 0 24px 0 0;
      padding: 0 0 0 20px;
      list-style: circle; }
    
    .instruction ul li, .instruction ol li
    { font-size: 10pt; }
    
    /* ol list */
    .instruction ol
    { position: relative;
      background: transparent;
      width: 390px;
      margin: 0 24px 0 0;
      padding: 0 0 0 20px; }
    
    .practice_list ol
    { position: relative;
      width: 428px;
      margin: 0 24px 0 0;
      padding: 0 0 0 20px;
      font-size: 10pt; }
  
  .moveto
  { display: none;
    margin: 10px 0 0 0;
    float: left;
    width: 6.5in; }

    .moveto .backward
    { float: left;
      margin: 0 0 20px 0; }
      
    .moveto .forward
    { float: right;
      margin: 0 0 20px 0; }
      
  /* second right */
  .reference, .answer
  { display: none;
    float: right;
    width: 110px;
    background: #fafafa; }
  
    .ref_head, .ans_head
    { width: 110px;
      float: right; }
      
    .ref_body, .ans_body
    { width: 108px;
      float: right;
      /*margin: 0 0 0 3px;*/ }
      
    .ref_body
    { background: #fff;
      border-left: solid 1px #dfdcd8;
      border-right: solid 1px #dfdcd8;
      border-bottom: solid 1px #dfdcd8; }
    
    .ans_body
    { background: #f4f1e6;
      border-left: solid 1px #009460;
      border-right: solid 1px #009460;
      border-bottom: solid 1px #009460; }
    
      .ref_text, .ans_text
      { float: left;
        padding: 5px; }
      
      .ans_text
      { font-size: 10pt; }

      .ref_pdf
      { float: left;
        padding: 2px 2px 5px 5px; }  
  

/* BOTTOM STYLE */
#bottom
{ float: left;
  background: #fff;
  width: 6.5in;
  height: 35px;
  border-top: solid 1px #dfdcd8; }
  
  .foot_l, .foot_r
  { margin-top: 13px;
    color: #000;
    font-size: 8pt; }
  
  .foot_l
  { margin-left: 10px;
    float: left; }
  
  .foot_r
  { display: none;
    margin-right: 10px;
    float: right; }
    
    .foot_r  a:link, .foot_r a:visited
    { color: #dfdcd8;
      text-decoration: underline; }

    .foot_r a:active, .foot_r a:hover
    { color: #fff; }