@charset "UTF-8";
/* Body */
body {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	background-color: #FFFFFF;
	margin: 0;
}

p, li, td {
  margin-top:    4px;
  margin-bottom: 6px;
  margin-left:   4px;
  margin-right:  4pt;
  font-size:     16px;
  text-align:    justify;
  color:         #000000;
  font-family:   Garamond, Georgia, "Times New Roman", Times, serif; }

.top-bar            { height:        70px;
                      border-bottom: 2px solid maroon; }

.left-bar { float:            left;
            width:            20%;
            background-color: #FFFFFF;
            padding-bottom:   10px; }
.right-bar {
    float: right;
    width: 20%;
    background-color: #93A5C4;
    padding-bottom: 10px;
}

.central {
    padding: 10px 0;
    width: 100%;
    float: right;
            background-color: #FFFFFF;
}
.lesson-logo { margin-top: 5px; }

.maintitle { color:        #CC3300;
  text-align:   center;
  font-size:    36pt;
  font-weight:  bold;
  text-decoration: none }

.paratitle    { 
  margin-top:    10px;
  margin-bottom: 16px;
    color:         red;
				 font-weight:   bold;
                 font-size:     26px;
                 border-bottom: 1px solid red;   }
.subtitle     { 
  margin-top:    10px;
  margin-bottom: 16px;
    font-size:     22px;
                 color:         blue;
				 font-weight:   bold;
				 border-bottom: 1px solid blue; }
.minititle     { font-size:     16px;
                 color:         maroon;
				 font-weight:   bold; }

.underlined { border-bottom: 1px solid red; }
/* Container */
@media screen and (min-width: 600px) {
    .container {
        width: 90%;
        max-width: 1260px;
        min-width: 780px;
        background-color: #FFF;
        margin: 0 auto;
        overflow: hidden;
        border-left: 1px solid black;
        border-right: 1px solid black;
    }
}