* {
  box-sizing: border-box;
}

body {
  background: white;
}

/* Columns that float next to each other */
.column67 {
  float: left;
  width: 67%;
  padding: 1em;
}

.column33 {
  float: left;
  width: 33%;
  padding: 1em;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive. Columns stack on top of each other */
@media (max-width:640px) {
  .column67, .column33 {
    width: 100%;
  }
}

h1 { font-family:Serif;font-size:125%; 
	background-color:#A0D0D0;color:#FFFFFF;padding: 0.5em;
	font-weight: bold}

p.fakeh1 { font-family:Serif;font-size:125%; 
	background-color:#A0D0D0;color:#FFFFFF;padding: 0.5em;
	font-weight: bold}

h2 {
	background: transparent;
	font-family:Serif;font-size:110%; 
	padding: 4px 4px 4px 4px;
	margin-top: 2em; margin-left: 0em;
	font-weight: bold
}

code {
  font-size: 110%;
  background-color: #F0FFF8;
}

kbd {
  font-size: 110%;
  background-color: #F0FFF8;
}

pre {
  border: 1px solid #A0D0D0;
  background-color: #F0FFF8;
  padding: 4px 4px;
}

.abs {font-family:Serif;font-weight: bold;}

.cpr {text-align:center; background-color:#A0D0D0;color:#FFFFFF;padding: 2px;}
.auth {text-align:right; font-style: italic;}
.adate {font-style: italic;}


a.extern { 
	background: url('pict/extrn.png') no-repeat center right;
	padding-right: 14px; 
}

a:hover { background-color:#F0F0F0; color:#000000;}

.drw {
    display: inline-block;
	margin: 0.5em;
	padding: 1em;
	border: 1px solid #D0D0D0;
}

.csrc {
	padding: 1em;
	border: 1px solid #A0D0D0;
	color:#000000;
	background-color:#F8F8F8;
}

.cmb {
	padding: 1em;
	border: 1px solid #A0D0D0;
	color:#000000;
	background-color:#F8F8F8;
}

.up { color: #A0D0D0; }
.uo { color: #408080; }
.uk {
	background-color:#F8F8F8;
	font-family: monospace,Courier !important;
}
.cprep { color: #A020f0; }
.ckw { color: #0000ff; }
.cconst { color: #D00000; }
.iu { color: #305050; }
.ec { font-family: monospace,Courier !important; }

pre {
	font-family: monospace,Courier !important;
 	white-space: pre
}

table, th, td {
  border: 2px solid gray;
  border-collapse: collapse;
  margin:auto;
}

#vmnu ol {
	padding: 0;
	list-style: none;
	background-color: #F0F0F0;
	border-top: #D0D0D0 0px solid;
	border-right: #D0D0D0 1px solid;
	border-left: #D0D0D0 1px solid;
}

#vmnu li a {
	display: block;
	padding: 0.5em;
	color: #3F3849;
	text-decoration: none;
	background-color: #F0F0F0;
	border-bottom: #D0D0D0 1px solid;
}
 
#vmnu li a:hover {
	color: #FFFFFF;
	background-color: #A0D0D0;
}
 
#vmnu .vtitle {
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D0D0D0;
}

#vmnu a.vt {
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D0D0D0;
	text-decoration: none;
}