* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}
html, body {
	margin:0px;
	padding:0px;
	color:#222;
	background:#f8f8f8;
	font-size:16px;
	font-family:Times New Roman,Arial,Verdana,Helvetica,sans-serif;
	border-style:none;
	min-height: 100%;
}
.imgCenter{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.topp 
{
	width: 100%;	
	max-width: 1100px;
	margin: auto;
	background: #ffffff;
  display: block;
  overflow:auto;
  padding-top:0.2%;
  padding-bottom:0.0%;
  padding-right:0.0%;
}  
#sitename-left
{
	float:left;	
	font-size: 23pt;color:red;font-weight: bold;
  //padding-top:2%;
  //padding-left:1%;
  padding:25px 0px 10px 24px;
}
#sitename-right
{
  float:right;	
  padding:0px 28px 5px 0px;
}    
#wrapper {
	max-width:1100px;
	margin:0 auto;
	border-width:0px;
	background-color: #ffffff;
}
#header {
	background-color: #ffffff;
	padding:10px 10px 10px 24px;
	height:100%;
	position:relative;
	line-height:100%;
}
#lcol {
	background:#fff;
	padding:10px 7px 20px 24px;
	position:relative;
	float:left;
	top:0px;
	left:0px;
	max-width:750px;
	width:100%;
}
#rcol {
	padding:20px 25px 10px 0px;
	position:relative;
	float:right;
	top:0px;
	right:0px;
	max-width:330px;
  width:100%;
  text-align:justify;
  font-size: 1.3em;
}
#doc {
	margin-left:0px;
	text-align:justify;
	font-size: 1.3em;
}
#footer {
	clear:both;
  padding:10px 25px 24px 24px;
}
body p, body h1, body h2, body h3, body h4, body h5
{
	line-height: 1.5;
}
body a
{
	line-height: 1.6;
}
p
{
	margin-top: 15px;
	margin-bottom: 2px;
}
img
{
	margin-top: 15px;
	margin-left:10px;
}
ul, ul ul
{
	font-size: 1em;
	list-style-position:outside;
}
li
{
	margin-top:2px;
	margin-left: -11px;
}
h1,h2,h3
{
	font-weight:normal;
}
h1
{
	margin-bottom:4px;
	padding-bottom:0px;
	color: #04AA6D;;
	font-weight: bold;
}
h1 { font-size: 2.2em; margin-top: 10px; }
h2 { font-size: 1.6em; letter-spacing: 0px; margin-top: 15px; margin-bottom: 3px;color:#04AA6D;}
h3 { font-size: 1.3em; letter-spacing: 0px; margin-top: 15px; margin-bottom: 3px;color:#04AA6D;}
h4 { font-size: 1.0em; margin-top: 5px; margin-bottom: 2px; color: #04AA6D;color: #04AA6D;}
h5 { font-size: 0.8em; margin-top: 5px; margin-bottom: 2px; font-weight: bold;}
#rcol h5 { font-size: 0.9em; font-weight: bold; margin-top: 5px; margin-bottom: 2px; background:#e0e0e0; padding:5px 5px 5px 10px}
#lcol h5 { font-size: 0.9em; font-weight: bold; margin-top: 5px; margin-bottom: 2px; background:#e0e0e0; padding:5px 5px 5px 10px}
a:focus	    { outline: none; }
b{color:color: #04AA6D;}
pre {width:100%;padding-left:10px;font-size: 17px;color: #0000FF;overflow-x:auto;}
textarea.multiSource{
  overflow:hidden;
  resize: none;
  width: 99.5%;
  font-family: "Courier New", Courier, monospace;
  font-size: 16px;
  background-color : #566573;
  color:#7FFF00; 
  border: none;
  border-left:4px solid red;
  padding-top:15px;
  padding-left:15px;
  white-space: pre;
  overflow-wrap: normal;
  margin-top: 10px;
  margin-bottom: 5px;
}
textarea.multiSource:hover{
  width: 130%;
  overflow-x: scroll; 
}
nav{
	max-width:1100px;
	margin:0 auto;
	border-width:0px;
	background-color: #ffffff;
}
.toggle,
[id^=drop] {
  display: none;
}
nav:after {
  content:"";
  display:table;
  clear:both;
}
nav ul {
  padding:0;
  margin:0;
  list-style: none;
  position: relative;
  text-align: center;
  z-index:1;
  background-color: #ffffff;
  margin-left: 20px;
  margin-right: 20px;
}	
nav ul li {
  width:16.2%;
  margin-left: 2px;
  margin-right: 2px;
  display:inline-block;
  float: left;
}
nav a {
  display:block;
  padding:0px 0px;	
  color:#ffffff;
  text-decoration:none;
  font-size:17px;
  font-weight: bold;
}

nav ul li ul li:hover { background: #FF8000; }
nav ul li a:hover { text-decoration: underline;}
nav ul ul li a:hover { text-decoration: none;}
nav ul ul li a { font-size:19px; font-weight: normal;}
  
nav ul ul {
  display: none;
  position: absolute; 
  margin-top: 0px; 
  margin-left: 0px; 
}
	
nav ul li:hover > ul {display:inherit;}
	
nav ul ul li {
  width:173px;
  float:none;
  display:list-item;
  position: relative;
  background-color: #254441;
  text-align: left;
  padding:4px 0px;	
  margin-left:0px;
  padding-left: 10px;
  color:#ffffff;
}

@media all and (max-width : 950px) {
  #sitename-left{
    display: none;
  }
  
  #header {
    padding:10px 0px 0px 2px;
  }  
  
  #lcol {
    padding:0px 10px 0px 8px;
  }  
  
  #rcol {
    padding:0px 10px 0px 8px;
    float:left;
    max-width:100%;
  }  
  
  #footer {
    padding:0px 10px 0px 8px;
  }  
  h1 { 
    font-size: 1.9em;
  }
  h2 { 
    margin-top: 5px; 
    font-size: 1.5em;
  }  
  h3 { 
    font-size: 1.3em;
  }
  h4 { 
    font-size: 1em;
  } 
  nav a {
    padding:10px 20px;	
    text-align: left;
    color:#ffffff;
    font-size: 20px;
    font-weight: normal;
  }  

	nav {margin-left: 0;}

  #titleLbl{
    style=float: right; 
    background-color: #04AA6D;
    font-size: 20px;
    width:100%
  }
  
	.toggle + a,
	.menu {
		display: none;
	}

  .toggle {
    display: block;
    padding:10px 22px;	
    color:#FFF;
    font-size:20px;
    text-decoration:none;
    border:none;
    width:100%;
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
    background-color: #ffffff;
  }

  html, body {
    background-color: #ffffff;
  }
  
	[id^=drop]:checked + ul {
		display: block;
	}

  nav ul li {
    width: 100%;
    margin-left: 0;
  }

  nav ul li a:hover { background: #000000; text-decoration: none;}
  nav ul li ul li:hover { background: #000000; }

	nav ul ul { position:static;width: 100%;}
		
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	nav ul ul li {
		width: 100%;
    padding-left: 0px;
	}
}

@media all and (max-width : 330px) {
	nav ul li {
		display:block;
		width: 100%;
	}
}

@media all and (min-width: 950px) and (max-width: 1098px) {
  #rcol {
    padding:0px 10px 0px 25px;
    float:left;
    max-width:50%;
  } 
}