* {  box-sizing: border-box;}

body { background-color:
  margin: 0;
}

/* Style the header */
.header {
  background-color:#FFFFFF ;
  text-align: left;
  padding-bottom: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.container {
  position: relative;
  text-align: center;
  color: white;
}


.top-left {
  position: absolute;
  top: 38px;
  left: 38px;
  font-family: Arial,Helvetica, sans-serif;
  font-size: 19px;
  font-weight: bold;
}

@media (max-width:700px){
        .top-left {
            display:none;
        }

    }


/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #000000;
  width:100%;
  max-width: 1200px;
  margin:0 auto;
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
   font-family: Arial,Helvetica, sans-serif;
  font-size: 15px;
}
@media screen and (max-width: 700px) {
.topnav a { 
float:none;
}
  .topnav a::after {
      content:"\A";
  }
}

/* Change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
 
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  padding:20px;
}


.column p {
  font-family: Arial,Helvetica, sans-serif;
  font-size: 15px;
  line-height: 20px;
}

/* right column */
.column.side-R {
  width: 30%;
  }
  
  .column.side-R p{
  text-align: left;
  margin:10px auto;
  }

/* Middle column */
.column.middle {
  width: 70%;
}

.column.middle p{
font-size: 17px;
line-height:22px;
}

/* Clear floats after the columns */

.row{
bottom-padding:10px;
max-width: 1200px;
margin:0 auto;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .column.side-R, .column.middle {
    width: 100%;
  }
}
div.a={
  font-family: Arial,Helvetica, sans-serif;
  font size: 100px;
  font-weight: normal;
  }
  
  
  .pageTitle{
  font-size:45px;
  font-weight:bold;
  font-style:Arial;
  padding:10px;
  }

  .tTitle{
  font-size:45px;
  font-weight:bold;
  font-style:Arial;
  }
 
  .listTitle{
  font-size:35px;
  font-weight:normal;
  font-style:Arial;
  padding:10px;
  } 

.subListTitle{
  font-size:20px;
  font-weight:bold;
  font-style:Arial;
  padding:12px;
  } 
  .row li{
  margin: 15px auto;
  font-family:Arial;
 }

  .row p{
  line-height:15px;
  }
  .teachingList{
  padding:10px;
  font-style:Arial;
  line-height:20px;
  }