body,
html {
    margin: 0;
    padding: 0;
    }
body {
    COLOR: #333333; 
    line-height: 1.166; 
    padding: 0px;
    margin: 0px; 
    font-family: arial,sans-serif; 
    font-size: 10pt;
    }
.td-masthead   {background-color: #ffcc00}
.td-navbar     {background-color: #ffcc66}
.td-content    {background-color: #ffff33}
.td-footer     {background-color: #ffffff}
.bg-done       {background-color: #A0ffA0}
.bg-notstarted {background-color: #ffA0A0}
.bg-inprocess  {background-color: #ffffff}
.bg-black      {background-color: #000000}
.bottom-line   {border-bottom: 1px #000 solid;}
.top-bottom-line   {border-bottom: 1px #000 solid;
                    border-top:    1px #000 solid;
                   }
.page-date     {margin: -20px;
                padding-bottom: 50px;
                text-align: right;
               }
.masthead-page-date{
                margin-right: 0px;
                padding-bottom: 5px;
                clear: both;
                float: right;
               }
.center        {text-align: center;}
.right         {text-align: right;}
.cell-border   td {
                border: black 1px solid;/*puts a box around each table cell*/
                rules: all;
               }
.purple-background{background-color: #ff66cc;}
.red-text{color: red}
.toc           {margin-left: 50px;}

A:link {color: #006699; text-decoration: none}
A:visited {color: #006699; text-decoration: none}
A:hover {text-decoration: underline}

h1 {
     margin: 0px; 
     padding: 0px; 
     font-size: 150%; 
     color: #334d55; 
     }
h2 {
     margin: 0px; 
     padding: 0px; 
     font-size: 140%; 
     color: #006699;
     }
h3 {
     margin: 0px; 
     padding: 0px; 
     font-size: 130%; 
     color: #334d55;
     }
h4 {
     margin: 0px; 
     padding: 0px; 
     font-weight: normal; 
     font-size: 120%; 
     color: #334d55;
     }
h5 {
     margin: 0px; 
     padding: 0px; 
     font-size: 110%; 
     color: #334d55;
     }
h6 {
      margin: 0px; 
      padding: 0px; 
      font-size: 100%; 
      color: #334d55; 
      background-color: #ffcc66;
      text-align: center
      }
#wrapper {margin: 0px}
#wrapper table {border-collapse: collapse}
#wrapper td {
     vertical-align: top;
     }

#masthead {
     margin: 0px;
     padding-top: 10px; 
     padding-left: 0px; 
     padding-right: 10px; 
     padding-bottom: 10px; 
     width: 100%; 
     }
#navbar {
     padding: 0px;
     margin: 0px;
     margin-left: 0px;
     border: #ccc 1px solid; 
     border-bottom: none;
     }
#navbar p {
     border-bottom: 1px #ccc solid;
     margin: 0px;
     padding: 0px;
     }
#navbar td {
     border-bottom: 1px #ccc solid;
     margin: 0px;
     padding: 0px;
     white-space: nowrap;
     }
#content {
     margin: 0px;
     border: #ccc 0px solid;
     padding: 20px;
     text-align: justify;
    }
    
#content table {width: 100%;}
#content td {
     width: 300px;
     vertical-align: top;
     padding-left: 22px;
     padding-right: 20px;
     }
     

col.td-chapter{width: 90px;}
col.td-date   {width:  80px;}
col.td-time{
     width:  45px;
     }


#chapter-status table{
     /*width: 650px;*/
     text-align: center;
     border-left: 1px #000 solid;
     border-right: 1px #000 solid;
     margin: 0;
     margin-left: auto;
     margin-right: auto;
     padding: 0;
     }
#chapter-status th{
     border: #000 1px solid;
     }
#chapter-status td{
     width: auto;
     border-left: #000 1px solid;
     border-right: #000 1px solid;
     text-align: center;
     vertical-align: top;
     margin: 0px;
     padding-left: 0px;
     padding-right: 0px;
     }
#chapter-status ul,li{
     text-align: left;
     }

#chapter-status p.note{
     margin: 0px;
     padding: 0px;
     padding-left: 50px;
     text-indent: -46px;
     text-align: left;
    }


     
.chapter-hours-left{
     text-align: left;
     margin: 0px;
     padding: 0px;
     font-weight: bold;
     }
     
.chapter-hours-right{
     text-align: right;
     margin: 0px;
     padding: 0px;
     padding-right: 10px;
     font-weight: bold;
     }
     
#footer {
     margin-top: 0px;
     padding-top: 10px;
     border: #cccccc 1px solid; 
     }
     
#color-coding table {
                       width: 200px;
                       margin-left: auto;
                       margin-right: auto;
                       padding-top: 100px;
                    }
#color-coding td {
                       width: 150px;
                       text-align: right;
                       padding-right: 5px;
                    }
#color-coding th {
                       text-align: center;
                       padding-bottom: 10px
                    }
                    
#table_1 table {
                    border: solid 2px;
                    border-collapse: collapse;
               }
#table_1 td    {
                 border: solid 1px;
                 vertical-align: middle;
                 text-align: left;
               }
#table_1 td.center {
                     text-align: center;
                   }
#table_1 td.wideborder {
                         border-right: solid 2px;
                       }
#table_1 th    {
                 text-align: center;
                 border: solid 2px;
               }

div.clearboth {clear: both;}
div.picture-container
    {
    clear: both;
     margin: 1em auto;
     margin-bottom: 20px;
     width: 650px;
     text-align: justify;
    }

div.picture-center
    {
     margin-left: auto;
     margin-right: auto;
     width: 304px;
    }

div.picture-left
    {
     float: left;
     width: 304px;
    }

div.picture-right
    {
     float: right;
     width: 304px;
    }
.picture-center p {margin-top: 0px; }
.picture-left   p {margin-top: 0px;}
.picture-right  p {margin-top: 0px;}