body
{ background: #fff;
  font: normal 11px 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; }

label
{ font-size: 12px; }

.grey_bg
{ background: #dfdcd8; }

/* TOP STYLE */
div#top
{ 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;
    border: 0;
    background: transparent; }

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

/* left column */
.middle_l
{ width: 165px;
  float: left; }  
  
  .mainnav
  { 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: 12px;
        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: 580px;
  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 */
  .for_print
  { display: none; }
  
  .lessontitle
  { margin: 10px 0 0 0;
    float: left;
    width: 428px;
    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: 18px; }
    
  .lessontitle .blue
  { color: #002f5d;
    font-size: 18px;
    font-weight: bold; }
  
  /* first right */
  .printer_v
  { width: 110px;
    float: right;
    margin-top: 36px; }
  
  .printer_list
  { float: right;
    border: solid 1px #ccc;
    margin: 5px 0 5px 0; }
  
  /* second row */
  
  /* second center */
  .greybox
  { left: 0;
    float: left;
    width: 428px;
    border: solid 1px #dfdcd8;
    margin: 10px 24px 0 0; }

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

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

  .instruction, .practice_list, .practice_list_425, .question, .question_n
  { float: left;
    background: transparent;
    width: 428px;
    /* Internet Explorer 5.5  */
    word-wrap: break-word;
    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; }
    
    
    /* text style for external url */
    .exurl
    { color: #888; }
  
  .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: 12px;
      /*width: 390px;*/ }
    
    /* hide when print */
    .for_scrn
    { font-size: 12px; }
    
      .fst_lttr, .indent25
      { text-indent: 25px; }
      
      .fst_lttr:first-letter, .fst_wrd
      { font-size: 13px;
        font-weight: bold; }

    .instruction .beigebox
    { width: 428px;
      background: #f4f1e6;
      border: solid 1px #dfdcd8;
      padding: 5px 3px;
      font-size: 13px;
      position: relative; }
    
    /*
    .form_row
    { clear: both;
    padding-bottom: 5px;
      border: solid 1px #ccc; }
  
      .form_row .box 
      { width: 40px;
        text-align: left;
        vertical-align: top;
        float: left; }
    
      .form_row .label
      { width: 380px;
        text-align: left;
        vertical-align: top;
        float: right; }
    */
        
    .check_answer
    { float: right;
      font-size: 11px; }

      .greentext
      { text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        color: #009460; }
   
     /* TABLE & POPUP ANSWER STYLES */
     .practice_list table, .question table, .question_n table, .popup_answer, .define_tbl
     { padding: 0;
       width: 390px; }
     
     .practice_list_425 table
     { padding: 0;
       width: 425px; }
       
     .list_tbl
     { padding: 0;
       width: 380px; }
     
     .practice_list table, .question table, .question_n table
     { margin: 0 0 0 31px; }
     
     .practice_list_425 table
     { margin: 0 24px 0 0; }
     
     .list_tbl
     { margin: 5px 0 0 0; }
     
     .practice_list table th, .practice_list table td, .question table td, .question_n table td, .practice_list_425 table th, .practice_list_425 table td, .list_tbl td, .define_tbl td, .define_tbl th
     { padding: 2px 3px;
       text-align: left;
       vertical-align: top; }
       
       .define_tbl caption
       { font-size: 12px;
         font-weight: bold;
         text-align: left; }
     
       .left10
       { width: 90px;
         position: relative;
         left: 10px; }
      
     .close_answer
     { float: right;
       margin: 5px 0 5px 0; }
    
    /* 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 ul ul li, .instruction ol li
    { font-size: 12px; }
    
    /* ol list */
    .instruction ol
    { background: transparent;
      /*width: 390px;*/
      margin: 0 24px 0 0;
      padding: 0 0 0 20px; }
      
      .instruction .left50
      { background: transparent;
        width: 360px;
        margin: 0 24px 0 0;
        padding: 0 0 0 50px; }
    
    .practice_list ol, .practice_list ul
    { /*width: 360px;*/
      position: relative;
      margin: 0 24px 0 0;
      padding: 0 0 0 50px;
      font-size: 12px; }
  
  .moveto
  { border-top: dotted 1px #7f7f7f;
    margin: 5px 0 10px 0;
    float: left;
    width: 428px; }

    .moveto .backward
    { float: left;
      margin: 5px 0 5px 0; }
      
    .moveto .forward
    { float: right;
      margin: 5px 0 5px 0; }
      
  /* second right */
  .reference
  { float: right;
    width: 110px;
    margin: 0 0 5px 0; }
    
  .answer
  { float: right;
    width: 110px;
    margin: 0 0 5px 0;
    display: none; }    
  
    .ref_head, .ans_head
    { width: 110px;
      position: relative;
      left; 0;
      margin: 0;
      padding: 0;
      z-index: 1; }
      
    .ref_body, .ans_body
    { width: 108px;
      float: right;
      margin: -3px 0 0 0;
      padding: 0; }
      
    .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: 10px; }

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

/* BOTTOM STYLE */
#bottom
{ float: left;
  background: #b2aaa4;
  width: 765px;
  height: 35px;
  border-top: solid 1px #dfdcd8; }
  
  .foot_l, .foot_r
  { margin-top: 13px;
    color: #fff; }
  
  .foot_l
  { margin-left: 10px;
    float: left; }
  
  .foot_r
  { 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; }

/* REVIEW STYLE */
#review
{ float: left; }

/* WORDBANK STYLE */
#trailimageid
{
	font-size: small;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	position: absolute;
	visibility: hidden;
	z-index: 100;
	height: auto;
	width: 300px;
	overflow: hidden;
}

.wordbank-header {
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #999;
}

.wordbank {
	width: 398px;
	background-image: url(../images/wb_bg.gif);
	background-repeat: repeat-x;
	float: left;
	border: 1px solid #DFDCD8;
	font-weight: bold;
	background-position: center bottom;
	margin-top: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}

.wordbank ul {
	list-style-type: none;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

.wordbank ul li {
	width: 125px;
	color: #009460;
	display: block;
	float: left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.wordbank ul li:hover {
	color: #000;
	cursor: help;
}

.bankword {
	font-weight: bold;
	color: #009460;
}

.bankword:hover {
	cursor: help;
	color: #000;
}

#audioplayer {
	float: right;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 2px;
	clear: none;
	position: relative;
	z-index: 1;
	margin-left: -10px;
	top: 15px;

}