<style type="text/css">
	@page { margin:2cm }
	body {background-color:black; font-family:"Arial"; font-size:12px;}
	div { color: white; font-family: "Arial"; font-size: 12pt }
	table,th, td {border: 1px solid white;}
	td p { color: white; font-family: "Arial"; font-size: 12pt }
	p { color: white; font-family: "Arial"; font-size: 12pt }		
	h1 { color:red;  font-family: "Arial"; font-size: 22pt }
	h1.western { color: red; font-family: "Arial"; font-size: 22pt }
	h1.cjk { color: orange; font-family: "Arial"; font-size: 22pt }
	h1.ctl { color: #99cc00; font-family: "Arial"; font-size: 22pt }
	h2 { color: lightgreen;  font-size: 18pt }
	h2.western { font-size: 18pt }
	h2.cjk { font-family: "Arial"; font-size: 18pt }
	h2.ctl { color: #99cc00; font-family: "Arial"; font-size: 18pt }
	h3 { color: orange;  font-size: 15pt }
	h3.western { font-size: 15pt }
	h3.cjk { font-family: "Arial"; font-size: 15pt }
	h3.ctl { color: #99cc00; font-family: "Arial"; font-size: 15pt }
    h4 { color: orange;  font-size: 12pt }
	h4.western { font-size: 12pt }
	h4.cjk { font-family: "Arial"; font-size: 12pt }
	h4.ctl { color: #99cc00; font-family: "Arial"; font-size: 12pt }
    h5 { font-size: 8pt }
	h5.western { font-size: 8pt }
	h5.cjk { font-family: "Arial"; font-size: 8pt }
	h5.ctl { color: #99cc00; font-family: "Arial"; font-size: 8pt }
	a:link { color: white; font-size: 12pt; text-decoration: underline; }
	a:visited { color: yellow }	
	a:hover { color: yellow }

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    /* border: 1px solid #fff; */
    background-color: blue;
    overflow: hidden;
    height: 25%; 
    /* position: fixed;  Make it stick, even on scroll */
    /* overflow: auto;  Enable scrolling if the sidenav has too much content */
    
}

li {
    display: inline; /* for Horizontal Navigation */
    float: left;     /* for Horizontal Navigation */
    padding:5px;
    width: auto;
    text-align: center;
    /* border-bottom: 1px solid #fff;  for Vertical Navigation */
    border-right: 1px solid #bbb; /* for Horizontal Navigation */
    color:white;
}

li:last-child {
    border-bottom: none;
    border-right: none;
}

li a {
    display: block;
    color: #000;
    /* padding: 14px 16px; Horizontal Navigation */
    /* padding: 8px 0 8px 2px; Vertical Navigation */
    text-decoration: none;
}

/* Change the link color on hover */
li a:hover {
    background-color: yellow;
    color: black;
}

.active {
    background-color: #4CAF50;
    color: white;
}


</style>
