* {
  -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;
}

#wrapper {
	max-width:1100px;
	margin:0 auto;
	border-width:0px;
	background:white;
	-webkit-box-shadow: 1px 1px 10px 5px rgba(192, 192, 192, 0.53);
	-moz-box-shadow:    1px 1px 10px 5px rgba(192, 192, 192, 0.53);
	box-shadow:         1px 1px 10px 5px rgba(192, 192, 192, 0.53);
}

#header {
	background:#800080;
	margin:0px;
	padding:10px 10px 10px 20px;
	height:100%;
	position:relative;
	line-height:100%;
}


#lcol {
	background:#fff;
	padding:20px 10px 20px 20px;
	position:relative;
	float:left;
	top:0px;
	left:0px;
	max-width:760px;
	width:100%;
}
#rcol {
	padding:20px 20px 10px 5px;
	position:relative;
	float:right;
	top:0px;
	right:0px;
	max-width:320px;
}

@media all and (max-width: 640px) {
	#header { padding-left:0px; }
}


@media all and (max-width: 799px) {
	#lcol { padding:20px 10px 20px 10px; }
	#rcol { float:left; margin-left:0px; }
}


#sitename {
	display:inline-block;
	width:300px;
	font-size: 2.1em;
	color:#800080;
	margin:20px 0px 20px 0px;
}

#doc {
	margin-left:0px;
	text-align:justify;
	font-size: 1.3em;
}

#footer {
	clear:both;
}

body p, body h1, body h2, body h3, body h4, body h5
{
	line-height: 1.5;
}

body a
{
	line-height: 2;
}

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: #ffffff;
	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:#008000;}
h3 { font-size: 1.3em; letter-spacing: 0px; margin-top: 15px; margin-bottom: 3px;color:#008000;}
h4 { font-size: 1.0em; margin-top: 5px; margin-bottom: 2px; color: #008000;}
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:link		{ text-decoration: none; color: #083d8d; font-weight: bold;}
a:visited	{ text-decoration: none; color: #083d8d; font-weight: bold;}
a:active	{ text-decoration: underline; color: #FFA500; font-weight: bold;}
a:hover		{ text-decoration: underline; color: #FFA500; font-weight: bold;}
a:focus	    { outline: none; }

b{color:#800080;}

@media all and (max-width: 339px) {
	H1 { font-size: 1.5em;  margin: 0px 0px 0px 5px;}
}

@media all and (min-width: 340px) and (max-width: 576px) {
	H1 { font-size: 1.9em;  margin: 0px 0px 0px 5px;}
}

@media all and (min-width: 577px) and (max-width: 799px) {
}

@media all and (min-width: 800px) {
}

.navcontainer ul
{
	margin-left:0px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.navcontainer ul li { display: inline; }

.navcontainer ul li a
{
	text-decoration: none;
	padding:6px 6px 6px 6px;

	margin:0px 5px 0px 5px;

	color: #fff;
	background-color: #800080;
	font-size: 1.4em;
}    

.navcontainer ul li a:hover
{
	color: #3B5998;
	background-color: #e0e0e0;;
}

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; 
}