* {
  box-sizing: border-box;
}

ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #f1f1f1;
}

li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
  border-bottom-color:#999999;
  border-bottom-style:solid;
  border-bottom-width:thin;
}

/* Change the link color on hover */
li a:hover {
  background-color:#FF5A59;
  color: white;
}










.container{
width:100%; float:left;
}













.left {
  /*background-color: #2196F3;*/
  padding: 20px;
  float: left;
  width: 20%; /* The width is 20%, by default */
  /*border-color:#000000;
  border-style:solid;
  border-width:thin;*/
  background:#DAAD86;
}

.left1 {
  /*background-color: #2196F3;*/
  padding: 20px;
  float: left;
  width: 5%; /* The width is 20%, by default */
 /* border-color:#000000;
  border-style:solid;
  border-width:thin;*/
}

.left2 {
  /*background-color: #2196F3;*/
  
  float: left;
  width: 25%; /* The width is 20%, by default */
  /*border-color:#000000;
  border-style:solid;
  border-width:thin;*/
}

.main {
  /*background-color: #f1f1f1;*/
  padding: 16.2px;
  float: left;
  width: 60%; /* The width is 60%, by default */
  /*border-color:#000000;
  border-style:solid;
  border-width:thin;*/
  background:#DAAD86;
}

.main1 {
  /*background-color: #f1f1f1;*/
  padding: 20px;
  float: left;
  width: 100%; /* The width is 60%, by default */
   /*border-color:#000000;
  border-style:solid;
  border-width:thin;*/
  background:#FBEEC1;
  
  text-align:justify;
}


.main2 {
  /*background-color: #f1f1f1;*/
  padding: 20px;
  float: left;
  width: 1%; /* The width is 60%, by default */
  /*border-color:#000000;
  border-style:solid;
  border-width:thin;*/
}



.right {
  /*background-color: #04AA6D;*/
  padding: 20px;
  float: left;
  width: 20%; /* The width is 20%, by default */
  /*border-color:#000000;
  border-style:solid;
  border-width:thin;*/
  background:#DAAD86;
}

.right1 {
  /*background-color: #04AA6D;*/
  padding: 20px;
  float: left;
  width: 5%; /* The width is 20%, by default */
  /*border-color:#000000;
  border-style:solid;
  border-width:thin;*/
}

.right2 {
  /*background-color: #04AA6D;*/
  padding: 2px 22px 47px 12px;
  float: left;
  width: 75%; /* The width is 20%, by default */
  background:#CADDE8;
 /*border-color:#000000;
  border-style:solid;
  border-width:thin;*/
}

.font_b{
font-weight:bold;
}

.font_size_16{
font-weight:16px;
}

.font_size_18{
font-size:16px;
}

.font_size_20{
font-weight:20px;
}

.font_size_22{
font-weight:22px;
}

.font_size_32{
font-size:20px;
}

a.ex1 {
color:#000000; text-decoration:none;
}

a.ex1:hover{
color:#000000; text-decoration:underline;
}
a.ex1:active{
color:#000000; text-decoration:none;
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 800px) {
  .left, .main, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

/* responsive table open*/
table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {background-color: #f2f2f2;}
/* responsive table close*/