html {
    font-size: calc(16px + 0.390625vw);
}

A { 
  color: #c67c33;
  text-decoration: none;
  border-style: none;
}
A:hover { 
  color : #f6ac63;
}

VLINK { 
  text-decoration : none ; 
}


img {
  border: 0px solid #F1FF00;
}

body
{
  text-align: center;
  font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Verdana, sans-serif;
  text-align: justify;
  color: #fdfdfd;
  padding: 10px;
  font-size : 0.8rem ;
  background-color : #121212;

}

header {

  background-color : #222222;
  font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Verdana, sans-serif;
  font-size : 0.6rem ;
  text-align: center;
  text-align: justify;
  margin-left: auto; 
  margin-right: auto; 
  width:950px;
  margin-color: #a1bcd4;
  padding: 10px;
  border: 1px solid #666666;

  z-index:100;

}

footer {
  background-color : #222222;
  font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Verdana, sans-serif;
  font-size : 0.8rem ;
  text-align: center;
  text-align: justify;
  margin-left: auto; 
  margin-right: auto; 
  width:950px;
  margin-color: #a1bcd4;
  padding: 10px;
  border: 1px solid #666666;

  z-index:100;

}

nav ul {
   padding: 0;
   font-size : 0.8rem ;
}

nav ul li {
  display: inline-block;
  list-style-type: none;
  font-size : 0.6rem ;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;  
}

nav > ul > li > a {
  color: #aaa;
  display: block;
  line-height: 34px;
  padding: 0 12px;
  text-decoration: none;
  background-color: rgb( 44, 48, 51 );

}

nav > ul > li > a::before {
  content: "\27A4";
  position: relative;
  padding-right: 8px;
  left: 0;
  top: 0;
}

nav > ul > li:hover {
  background-color: rgb( 40, 44, 47 );
}

nav > ul > li:hover > a {
  color: rgb( 255, 255, 255 );
  background-color: rgb( 50, 54, 57 );
}

nav > ul > li:hover > a > .caret {
  border-top-color: rgb( 255, 255, 255 );
}

div#container
{
  margin-left: auto;
  margin-right: auto;
  width: 50em;
}

aside { 

  background-color : #222222;
  font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Verdana, sans-serif;
  font-size : 8pt ;
  text-align: justify;
  margin-left: auto; 
  margin-right: auto; 
  width:150px;
  margin-color: #a1bcd4;
  padding: 10px;
  border: 1px solid #666666;}

section { 

  background-color : #222222;
  font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Verdana, sans-serif;
  font-size : 11pt ;
  text-align: justify;
  margin-left: auto; 
  margin-right: auto; 
  width:950px;
  margin-color: #a1bcd4;
  padding: 10px;
  border: 1px solid #666666;
}


section h1 {  
  color : #bb7733;
  background-color : #333333; 
  font-family : "Trebuchet MS", Helvetica, Tahoma, Arial, Verdana, sans-serif;
  font-size : 0.9rem ;
  text-align  : left ; 
  vertical-align: middle;  
  font-weight : bold ;
  padding: 5px; 
  border: 0px solid #666;
}

section h2 {  
  color : #aa5a33; 
  background-color : #303030; 
  font-family : "Trebuchet MS", Helvetica, sans-serif ;
  font-size : 0.9rem ; 
  text-indent : 5px ;
  text-align  : left ; 
  vertical-align: middle;  
  font-weight : bold ; 
  border: 0px solid #666;
}

section h3 {  
  color : #bb5333; 
  background-color : #303030; 
  font-family : sans-serif ;
  font-size : 0.9rem ; 
  text-indent : 6px ;
  text-align  : left ; 
  vertical-align: middle;  
  font-weight : bold ;
  border: 1px solid #666;
}

section h4 {  
  color : #bba333; 
  font-family : sans-serif ;
  font-size : 0.9rem ; 
  text-indent : 8px ;
  text-align  : left ; 
  vertical-align: middle;  
  font-weight : bold ;
  /*border-left: 2px solid #209626;*/
}

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(153,204,102);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

input[type=radio]:not(old):checked + label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

.menu-bg    { background-color : #f0f0ff; }
.menu-sep   { background-color : #FFFFFF; }

.menu-title {
  color : #209626; 
  background-color : #FFFFFF;
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 12pt ; 
  text-align  : left; 
  vertical-align: middle;  
  text-indent : 3px ;
  font-weight : bold ; 
  border-top: thin dotted #aaa; 
  background-color: #f0f0ff;
  padding:0.2em;
  margin-bottom: 0.5em;
}

.menu-entry {  
  color : #283898; 
  background-color : #FFFFFF;
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 11pt ; 
  text-align  : left ; 
  vertical-align: middle;  
  text-indent : 10px ;
  font-weight : bold ; 
  border-top: thin dotted #aaa;
  background-color: #f0f0ff;
  padding:0.2em;
  margin-bottom: 0.5em;
}

.menu-subentry {  
  color : #283898; 
  background-color : #FFFFFF;
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 9pt ; 
  text-align  : left ; 
  font-weight : bold ; 
  vertical-align: middle;  
  text-indent : 15px ;
  background-color: #f0f0ff;
  padding:0.2em;
  margin-bottom: 0.5em;
  margin-left: 15px;
}

.legend-text {
  color : #000000; 
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 10pt ; 
  font-weight : bold ; 
  text-align : center ;
  padding: 0.2cm;
}

.table-title {  
  color : #283898; 
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 12pt ; 
  text-indent : 5px ;
  text-align  : center ; 
  vertical-align: middle;  
  font-weight : bold ; 
  border-bottom: 1px solid #aaa;
  /*border-left: 2px solid #209626;*/
}


.table-section {  
  color : #283898; 
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 10pt ; 
  text-align  : left ; 
  vertical-align: middle;  
  text-indent : 5px ;
  font-weight : bold ; 
  border-bottom: 1px dotted #aaa ;/*#209626;*/
  /*border-left: 1px solid ;/*#209626;*/
  /*background-color: #E6E6E6;*/
}

.table-subsection {  
  color : #283898; 
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 10pt ; 
  text-align  : left ; 
  vertical-align: middle;  
  text-indent : 15px ;
  border-bottom: 1px dotted #aaa ;/*#209626;*/
  border-top: 1px dotted #aaa ;
  /*border-left: 2px solid #209626;*/
  
}

.table-subsubsection {  
  color : #000000; 
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 10pt ; 
  text-align  : left ; 
  vertical-align: middle;  
  text-indent : 5px ;
  font-weight : bold;
}

.table-link {  
  color : #283898; 
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 10pt ; 
  text-decoration : underline;
}

.table-content {  
  color : #000000; 
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 10pt ; 
  text-align  : justify ; 
}

.section {  
  color : #EEEEEE; 
  background-color : #283898;
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 10pt ; 
  text-align  : left ; 
  vertical-align: middle;  
  text-indent : 5px;
}

.section {  
  color : #EEEEEE; 
  background-color : #283898;
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 10pt ; 
  text-align  : left ; 
  vertical-align: middle;  
  text-indent : 5px;
}

.content {  
  color : #283898; 
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 9pt ; 
  text-align  : justify ; 
}

.index-link {  
  color : #a6a6a6; 
  a-link : #FFFFFF;
  font-family : Helvetica, Arial, sans-serif ; 
  font-size : 12pt ; 
}

.figure-array {
  border-collapse: collapse;
  border: 1px; 
  align: middle;
}

.figure {
  border-style: none;
}