* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

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

#wrapper {
	max-width:980px;
	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:640px;
	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:#FFA500}
h4 { font-size: 1.1em; margin-top: 5px; margin-bottom: 2px; font-weight: bold;color: #FC6C85;}
h5 { font-size: 0.9em; 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;}