body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #F5F5EB;
}

ul, ol         { padding: 0;
                 margin:  0; }
.bold          { font-weight: ; }
.top-container { top:     0;
                 left:    0;
                 right:            0;
                 bottom:           auto;
                 width:            100%;
                 z-index:          1020;
                 position:         fixed;
                 height:           5.75em;
                 background-color: #4472c4; }
.top-banner     { margin:           auto;
				  height: 		   5.75em;
                  width:            800px;
				  background-image:url(../images/title1.png); }
.main-container { margin:           auto;
                  width:            1175px;
                  padding-top:      8.85em;
                  overflow:         hidden; }
.top-menu-container { top: 5.70em;
                      left: 0;
                      right: 0;
                      bottom: auto;
                      width: 100%;
                      z-index: 1020;
                      height: 2.15em;
                      background-color: #203866;
                      position:         fixed;
                      border-bottom:    1pt solid #000; }
.menu-bar           { margin: auto;
                      width: 710px;
                      background-color: #203866; }
.menu-bar > ul      { padding: 0;
                      list-style-type: none;
                      margin-top: 0.05em;
					  font-size: 14px;
                      overflow: hidden;
                      background-color: #203866;
					  font-family: Verdana, Geneva, sans-serif; }
.menu-bar > ul > li { float: left;
                      text-align: center;
                      border-left: 1px solid #000; }
.menu-bar > ul > li:last-child { border-right: 1px solid #000; }
.menu-bar > ul > li a { display: block;
                        color: #FFF;
                        padding: 8px 16px;
                        text-decoration: none;
                        background-color: #203866; }
.menu-bar > ul > li a:hover { color: white;
                              background-color: #8faadc;
                              border-left: 1px solid #000; }
.left-container        { float:            left;
                         width:            250px;  }
.central-scroller      { overflow:         scroll; }
.central-container     { padding:          0;
                         float:            left;
                         width:            920px;  }
.top-box-holder        { padding:          0;
                         float:            left;
                         background-color: #FFF;
                         border-left:      1px solid #d9d8d8;
                         border-top:       1px solid #d9d8d8;
                         border-right:     3px solid silver;
                         border-bottom:    3px solid silver; }
.topics-box-holder     { padding:          0;
                         float:            left; }
ul.nav a               { height:           22px;
                         text-decoration:  none;
                         display:          block;
                         width:            200px;
						 color:            #FFC;
                         background-color: #203866;
                         border-left:      1px solid black;
                         border-top:       1px solid black;
                         border-right:     1px solid black;
						 padding:          1px 5px 5px 15px;
                         font-family:      'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
ul.nav:last-child a    { height:           22px;
                         text-decoration:  none;
                         width:            200px;
                         display:          block;
                         background-color: #4472C4;
                         border-bottom:    1px solid black;
                         padding:          10px 5px 5px 15px; }
ul.nav a:visited       { text-decoration:  none;
                         display:          block;
                         width:            200px;
                         background-color: #203866;
                         border-top:       1px solid black;
                         padding:          10px 5px 5px 15px; }
ul.nav a:hover,
ul.nav a:active,
ul.nav a:focus         { color:            yellow;
                         background-color: #203866;
                         border:           1px dotted black;    }
.main-title            { margin-top: 	   0.005em;
						 font-size:        3.05em;
                         font-family:      Georgia, Garamond, 'Times New Roman', Times, serif; }
.parajust              { margin:           -1.75em 1.20em 0.50em 1.20em;
                         font-size:        1.25em;
						 text-align:       justify;
                         font-family:      Georgia, Garamond, 'Times New Roman', Times, serif;  }
.para-just             { margin:           1.20em;
                         font-size:        1.25em;
						 text-align:       justify;
                         font-family:      Georgia, Garamond, 'Times New Roman', Times, serif;  }
.centered              { text-align:       center; }
.column-50             { padding:          1.05em 0 0 0;
                         width:            49%;
						 float:            left;    }
.column-5              { padding:          1.05em 0 0 0;
                         width:            2%;
						 float:            left;    }
.row:after             { content:          "";
                         clear:            both;
						 display:          table;  }
.left-topics           { background-color: #FFF;
                         width;            200px;
						 border-right:     3px solid silver;
                         border-bottom:    3px solid silver;
						 border-left:      1px solid #d9d8d8;
                         border-top:       1px solid #d9d8d8; }
.right-topics          { background-color: #FFF;
                         width;            200px;
						 padding-left:     0.05em;
						 border-left:      1px solid #d9d8d8;
                         border-top:       1px solid #d9d8d8;
                         border-right:     3px solid silver;
                         border-bottom:    3px solid silver; }
ul.lessons-holder      { list-style-type:  none;             }
ul.lessons-holder a    { width:            95%;
						 text-decoration:  none;
                         display:          block;
                         color:            navy;
						 padding:          0.50em 0 0.15em 1.05em;
                         font-family:      'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
ul.lessons-holder a:visited { text-decoration:  none;
                         display:          block; }
ul.lessons-holder a:hover,
ul.lessons-holder a:active,
ul.lessons-holder a:focus         { color:            #4472c4;;
                         border-bottom:    1px dotted black;    }
.toc-header            { height:           28px;
                         font-weight:      600;
						 color:            #203866;
                         border-bottom:    3px solid #0070c0;
						 padding:          0.75em 0 0.25em 1.50em;
						 background-image: url(../images/bg1.png); }
.clearance             { height:           60px;
                         clear:            both; }
#bottom-banner         { left:             0;
                         right:            0;
				         bottom:           0;
					     top:              auto;
					     width:            100%;
					     position:         fixed;
					     height:           3.50em;
					     background-color: #203866;
					     border-top:       3pt solid #000; }
#copyright             { color:            yellow;
					     text-align:       center;
                         line-height:      1.15em;         }
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}