/* Define styles for printing */
    @media print {
      /* Hide all elements */
      body * {
        display: none !important;
      }
    }

body {
line-height:2;
font-family:"Bookman Old Style";
font-size:16px;
text-align:justify;
margin: 0;
padding: 20px;
}
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
text-align:justify;
font-family:"Bookman Old Style";
color:#000000;
font-size: 16px;
    }
h1 {
color:#000000;
font-family:"Bookman Old Style";
font-weight:bold;
font-size: 24px;
margin-bottom: 20px;
}
h2 {
color:#000000;
font-family:"Bookman Old Style";
font-size:20px;
font-weight:bold;
}
h3 {
text-decoration: underline;
color:#000000;
font-family:"Bookman Old Style";
font-size:18;
font-weight:bold;
}
h4 {
text-decoration: underline;
color:#000000;
font-family:"Bookman Old Style";
font-size:16;
font-weight:bold;
}
ul.a {
text-align:justify;
font-family:"Bookman Old Style";
font-size:16px;
}
ul li {
text-align:justify;
font-family:"Bookman Old Style";
font-size:16px;
}
/* Common styles for all screen sizes */
    /* Media queries for responsive layout */
@media (max-width: 768px) {
/* Styles for screens up to 768px wide */
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
p {
font-size: 12px;}
body {
font-size:16px;
}
ul.a {
text-align:justify;
font-family:"Bookman Old Style";
font-size:12px;
}
ul li {
text-align:justify;
font-family:"Bookman Old Style";
font-size:12px;}
}
a:link {
color:#004080;
font-size: 14px;
word-wrap: break-word;}
}
@media (max-width: 480px) {
/* Styles for screens up to 480px wide */
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
p {
font-size: 12px;}
body {
font-size:14px;
}
ul.a {
text-align:justify;
font-family:"Bookman Old Style";
font-size:12px;
}
ul li {
text-align:justify;
font-family:"Bookman Old Style";
font-size:12px;
}
}
/* Styling for the table of contents */
#toc_container {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #aaa;
display: table;
font-size: 95%;
margin-bottom: 1em;
padding: 20px;
width: auto;
}
.toc_title {
font-weight: 700;
text-align: center;
}
#toc_container li, #toc_container ul, #toc_container ul li{
list-style: outside none none !important;
text-align: left;
margin-left:-10px;
}
/* Ends Styling for the table of contents */
/* for Material custom list like ul, li */
.custom-list {
margin: 0;
padding: 0;}
.custom-list-item {
margin-bottom: 10px;
padding-left: 25px;}
.custom-list-item:before {
content: "• ";
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;}
.source {
font-size: 10px;
text-align: center;
}
.text_bg {
background-color: #99e6ff;
}

.br { 
display: block; 
margin-bottom: 0em; 
} 
          
.brmedium { 
display: block; 
margin-bottom: 1em; 
} 
          
.brlarge { 
display: block; 
margin-bottom: 2em; 
}

/*vertical menu start*/
.vertical-menu {
  width: 200px;
}
.vertical-menu a {
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}

.vertical-menu a:hover {
  background-color: #ccc;
}

.vertical-menu a.active {
  background-color: #04AA6D;
  color: white;
}
/*vertical menu ends*/
</style>