body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}

.sidebar {margin:0;padding:0;width:200px;background-color:#f1f1f1;position:fixed;height:100%;overflow:auto;}
.sidebar a {display:block;padding:4px;text-decoration:none;background-color:#555;color:white;}
.sidebar a:hover {background-color:#fff;color:black;}
.sidebar a.active {color:red;background-color:yellow;}

div.content {margin-left:200px;padding:1px 16px;height:1000px;text-align:justify;}

@media screen and (max-width:700px)
   {
   .sidebar {width:100%;height:auto;position:relative;}
   .sidebar a {float:left;}
   div.content {margin-left:0;}
   }

@media screen and (max-width:400px)
   {
   .sidebar a {text-align:center;float:none;}
   }

.drop-cap {color:black;float:left;font-family:Georgia;font-size:75px;line-height:60px;
  padding-top:4px;padding-right:8px;padding-left:3px;}
   
.chapter-heading {color:blue;text-align:left;font-size: 150%;font-weight: bold;}
.chapter-author {color:black:text-align:left;font-size: 120%;font-style: italic;}

.rpic     {float:right;text-align:center;border:1px solid black;margin-left:15px;
           padding-top:5px;}
.lpic     {float:left;width:200px;text-align:center;border:1px solid black;margin-right:15px;
           padding-top:5px;}

.rpic1     {float:right;text-align:center;border:1px solid black;margin-left:15px;}
.lpic1     {float:left;text-align:center;border:1px solid black;margin-right:15px;}

.sub-heading {color:blue;text-align:left;font-weight: bold;}

.indented-block {margin-left:5%;margin-right:10%;text-align:justify;}

.contents-table {border-collapse:collapse;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.contents-table a:link {text-decoration:none;color:black;}
.contents-table a:visited {text-decoration:none;color:black;}
.contents-table a:hover {text-decoration: underline;color:red;}
.contents-table th {border:1px solid grey;padding:8px;}
.contents-table td {padding:4px;text-align:left;vertical-align:text-top;}
.contents-table tr {background-color:#eee;border-collapse:collapse;}
.contents-table th {background-color:#4CAF50;color:white;font-style:italic;}

.nice-table {width:100%;border-collapse:collapse;}
.nice-table th {border:1px solid grey;border-collapse:collapse;}
.nice-table td {padding:4px;text-align:left;vertical-align:text-top;}
.nice-table td.c {padding:4px;text-align:center;vertical-align:text-top;}
.nice-table td.r {padding:4px;text-align:right;vertical-align:text-top;}
.nice-table tr {background-color:#eee;border-collapse:collapse;}
.nice-table th {background-color:black;color:white;font-style:italic;}

.borderless-table {width:100%;}
.borderless-table td {border:none;}

code   { color: crimson; display: inline-block;}
pre { background-color: #f4f4f4; border: 1px solid #ddd; border-radius: 5px; overflow-x: auto; }
.cdiv  { width:600px; border:2px solid gray; padding:10px; margin:10px; font-weight: bold;font-size:13px; }
.blue  {color:blue;}

.video-container { float: right; margin: 0 0 20px 20px; width: 450px; max-width: 100%; }
.video-container iframe { width: 100%; }
.clearfix::after { content: ""; clear: both; display: table; }