body { 
    margin-top: 0px;
    margin-left: 0px;  
    margin-right: 0px;
    background-color: white;
    color: black;
}

h1, h2, h3, h4, h5, h6   { font-family: Arial, Verdana, sans-serif, sans;
          }
     h2   { font-family: Arial, Verdana, sans-serif, sans;
	    color: #333333;
            background-color: transparent;
          }
     h3   { font-family: Arial, Verdana, sans-serif, sans;
	    color: #666666;
            background-color: transparent;
          }
     a    { font-family: Arial, Verdana, sans-serif, sans;
	    text-decoration: none;
	    color: #000000;
            background-color: transparent;
	  }

     a:hover { text-decoration: underline;
	     }
     a.content:visited { color: #666666;
                         background-color: transparent;
                       }
     a.content:active { color: #ff0000; 
                        background-color: transparent;
                      }
     a.content:hover { color: #000000;
                       background-color: transparent;
                     }

     a.navsection { color: #ffffff;
                    background-color: transparent;
                  }
     a.navsection-active { font-weight: bold;
                           color: #ffffff;
                           background-color: transparent;
                  }
     a.navsubsection { color: #000000;
                       background-color: transparent;
                     }
     a.navsubsection-active { font-weight: bold;
                              color: #000000;
                              background-color: transparent;
                            }

     a.footer  { color: #ffffff;
                 background-color: transparent;
               }
     table { margin-top: 0px;
	     margin-left: 0px;
             margin-right: 0px;
           }

     .lessonoverview { font-weight: normal; }
     td.navlesson { font-family: Arial, Verdana, sans-serif, sans;
                    font-weight: bold;
                    font-size: 1.1em;
                    color: #ffffff;
                    background-color: #99ccff 
                  }
     td.navsection { margin: 3px;
                     font-family: Arial, Verdana, sans-serif, sans;
                     /* font-weight: bold; */
                     color: #999999;
                     background-color: #336633;
		   }
     td.navsubsection { margin: 3px;
                        font-family: Arial, Verdana, sans-serif, sans;
                        /* font-weight: bold; */
                        color: #ffffff;
                        background-color: #669966;
                      }
     td.footer  { background-color: #000000;
		  color: #cccccc;
		  font-family: Arial, Verdana, sans-serif, sans;
		  font-size: 0.9em;
		}
     td.navigation { background-color: #ccffcc; 
                     color: #ffffff;
                   }
     td.nodenavigation { color: #666666;
                         background-color: #cccccc; 
                         font-family: Arial, Verdana, sans-serif, sans;
                         font-size: 1em;
                         font-weight: bold;
                       }
     a.nodenavigation { font-size:1.2em;
                      }
     td.content { padding: 0px;
		}
     div.content { padding: 5px; }
  
     .grey { color: #999999;
             background-color: transparent;
           }
     .header { color: #33ccff;
               background-color: #0099cc;  }
     
     img { border: none; }

     span.keyword { font-weight: bold; }
     span.keyword-red { color: #ff0000;  
                        background-color: transparent;
                        font-weight: bold; }
     span.keyword-black { color: #000000; 
                        background-color: transparent;
                        font-weight: bold; }
     span.keyword-blue { color: #0000ff;  
                        background-color: transparent;
                        font-weight: bold; }
     span.keyword-green { color: #00ff00;  
                        background-color: transparent;
                        font-weight: bold; }
     span.keyword-yellow { color: #ffff00;  
                        background-color: transparent;
                        font-weight: bold; }

table.video { 
    margin: 2em 0em;
    width: 100%;
}

table.image { 
    margin: 2em 0em;
    width: 100%;
}


div.caption {
  /*    float: right; */
    font-size: smaller; 
    font-style: italic;
}

span.caption { 
    font-size: smaller; 
    font-style: italic;             
}

table.contenttable { 
    border: solid 1px #666;
    border-style: solid;
/*  border-collapse:collapse; */
    padding: 0em;
    margin: 0em;
    vertical-align: top;
}

table.contenttable td { 
    border: solid 1px #666 ;
    padding: 0.25em;
    vertical-align: top;
    text-align: left;
}

table.contenttable th { 
    border: solid 1px #666;
    font-style: italic;
    font-weight: bold;
    padding: 0.5em;
    vertical-align: top;
    text-align: left;
}

table.contenttable h1 { 
    margin: 0em;
    padding: 0em;
    font-size: 1.25em;
    font-weight: bold;
    font-style: normal;
}

table.contenttable h2 { 
    margin: 0em;
    padding: 0em;
    font-size: 1em;
    font-weight: normal;
    font-style: italic;
}

table.contenttable p { 
    margin: 0em 0em 0.5em 0em;

}