body {
	margin: 0;
	padding: 0;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
    font-size: 100%;
    color: #373737; background-color: #F3F5F7;
}
a:link,  a:visited  { text-decoration:none; color:#204a87; }  
a:hover  { color:black; text-decoration:underline; }
a:active { text-decoration:none; color:#4F81BD; }  
a img { border: none; }
h1, h4, p, ul, ol {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0;
    font-size: 14px;
    color: white;
	padding: 3px;
    background-color: #A6A6A6;
}
h3 {
    font-size: 14px;
    color:#4F81BD;
	padding: 3px;
}

ul {
    list-style-image: url("images/bullet.gif");
    list-style-type: square;
    margin-left: 30px;
    padding-top: 7px;
    line-height: 1.5em
}
ol {
    list-style-image: none;
    list-style-type: decimal;
    margin-left: 30px;
    padding-top: 7px;
}
hr { border: 4px solid gold;  border-radius:4px; }

#page    { position: relative; } /* Each element is positioned relative to its normal position */
#header  { width:100%; margin: 0; padding: 0; background:#FFFFFF; } /* Site header has white background */
#body { 
    width:1100px; 
    margin-left:100px; 
    min-height: 700px; 
    font-size: 15px 
}

#col1 { float: left; width: 550px; padding: 5px; }
#col2 { float: left; height: 650px; width: 500px; margin-left: 20px; margin-bottom: 20px; padding-top: 10px; }
#col2-framed { float: right; height: 460px; width: 400px; margin-top: 20px; margin-left: 20px; margin-bottom: 20px; padding: 10px; border: 2px solid gold }
#col2-framed-wide { float: right; height: 460px; width: 490px; margin-top: 20px; margin-left: 20px; margin-bottom: 20px; padding: 10px; border: 2px solid gold }

#body-right div {     
	padding-left:3px;
	padding-right:3px;
	color:#4F81BD;
}
#footer {
    clear: both;
	font-size:12px;
	font-family:"Century Gothic", "Gill Sans", "Arial", "sans-serif";
    padding: 10px;
    background:#FFFFFF;
}
#motto {
    padding:3px;
    text-align: left;
	font-size: 0.5em;
    letter-spacing: 0.1em;
    font-weight: bold;
    color:#4F81BD; background-color: white;
}
#heading 
{    
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    text-align:center;
    letter-spacing: 0.1em;
    color:#4F81BD; background-color: #F3F5F7;
    border-top: 2px solid blue;
    border-bottom: 2px solid blue;
    font-weight: bold;
}
#framed-panel { height: 220px; margin-top: 20px;margin-bottom: 5px; padding: 10px; border: 2px solid gold }

.logo {	position: relative; }
.heading {
    float: left;
    margin-top: 2px;
    margin-bottom: 10px;
    padding-left: 15px;
    font-size:20.0pt;
    font-family:"Franklin Gothic Demi", Verdana, Arial, "sans-serif";
}
.float-divider  { clear:both; height:1px; font-size:1px; line-height:1px; }
ol {
    list-style-image: none;
    list-style-type: decimal;
    margin-left: 30px;
    padding-top: 7px;
}
*.breadcrumbs { 
    position: relative; 
    padding-top: 5px; 
    color:#A6A6A6; 
    font-size:0.8em; 
}
.floating-dropcap { 
    float:left; 
    position:relative; 
    top:-0.2em; 
    margin-left:-3px; 
    margin-right:3px; 
    margin-bottom:-0.5em; 
    font-size:1.5em; 
    line-height:normal; 
    font-weight:bold;  
}
.copyright {
    text-align: center;
    padding: 7px 5px 10px 3px;
    max-width:1100px; margin-left:auto; margin-right:auto;
    margin-bottom: -10px;
}
.tabs-background { 
	height: 1px;
	width: 100%; 
	padding:0; 
	margin:0; 
    background:white url("images/tab-background3.jpg") repeat-x left bottom;  
}
.tabs-container { position: absolute; top: 63px; padding-left: 100px; margin:0; }
.triplet { float: left; width: 350px; padding: 5px; }
.align-center { display: flex; justify-content: center; }
.framed { float: left; width: 500px; margin-left: 20px; margin-bottom: 20px; padding: 5px; border: 2px solid gold; }
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
ul {
    list-style-image: url(images/bullet.gif);
    list-style-type: square;
    margin-left: 30px;
    padding-top: 7px;
    line-height: 1.5em
}
ul.tabs a:link, ul.tabs a:visited, ul.tabs a:active 
   { text-decoration:none;      color: #373737; }  
ul.tabs a:hover, ul.tabs a:focus     
   { text-decoration:underline; color: black;  }
ul.tabs a 
   { display:block; ; white-space:nowrap }
ul.tabs       
{ 
	width:1100px; 
	padding:0; 
	margin:0; 
  border-bottom:1px solid #C7D7F7;     
  margin-bottom:10px; 
  list-style-type:none;  
  list-style-image:none 
}

ul.tabs li { float:left; width:33.33%; } /* Adjust width to match number of tabs */
ul.tabs .tab-label { 
  position:relative;
  font-size: 14px;
  color:#4F81BD;
  margin:0; cursor:pointer; 
  border-bottom: 1px solid #C7D7F7; 
  border-left: 1px solid #C7D7F7; 
  border-right: 1px solid #C7D7F7; 
  background:white url("images/tab-background1.jpg") repeat-x left bottom;
  font-weight:normal; font-weight:bold; text-align:center; 
} 
ul.tabs li.selected .tab-label { 
  position:relative; border-bottom:none; 
  top:1px; padding-bottom:2px; cursor:auto;
  padding-top:3px; margin-top:-3px; 
  background:white url("images/tab-background2.jpg") repeat-x left top; font-size:1.1em; font-weight:normal; 
}
.positioner { position: relative; }
.at-bottom { position: absolute; bottom: 0; left: 0 }
.doc { position: static ; height:100%; width: 100%;}
.dock img { float:left; margin-left:10px; margin-right:10px; margin-bottom:5px; }
.on-left { overflow:hidden; }

.trc { position: absolute; top: 0; left: 1px; height: 5px; width: 100%; background:url("images/rc-trc.gif") top right no-repeat; }
.tlc { position: absolute; top: 0; left: -1px; height: 5px; width: 100%; background:url("images/rc-tlc.gif") top left no-repeat; }
.bold-font { font-weight: bold; font-size:large }
.mono-font { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; line-height: 13px; color: #555555; }
.ital { color: red; font-style:italic; }
.ital-code { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; color: red; font-style:italic;  }
.bold { color: blue; font-weight: 500; }
.bold-code { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; color: blue; font-weight: 500  }
.grey { color: grey; }
.black { color: black; }
.mono { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; }
.smaller { font-size: 11px; line-height: 11px; }
.text-content p { margin-bottom: 3px }
.down20 { margin-top: 20px }
.panel-code { display: inline-block; margin-top: 5px; margin-bottom: 5px; font-family: "Lucida Console", Monaco, monospace; font-size: 13px; line-height: 13px; color: #555555; background-color: white; }
.note-panel { font-size: 0.9em; background-color: white; margin-top: 10px; padding: 5px; border: 2px solid #4F81BD }
.indent1 { padding-left: 15px; }
.nodent { position:relative; left: -20px; }
.indent2 { padding-left: 20px; }
.indent3 { padding-left: 25px; }
.indent4 { padding-left: 23px; }
.indent5 { padding-left: 23px; }
.info-panel
{    
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    text-align:center;
    letter-spacing: 0.1em;
    color:#4F81BD; background-color: #F3F5F7;
    border-top: 2px solid blue;
    border-bottom: 2px solid blue;
    font-weight: bold;
}
.down5 {  margin-bottom: 5px }
.article-list { width: 100%;  margin-top: 10px; padding: 2px; background-color: #d9e0ff; border: 2px solid #a8b9f4 }

.simple-list   { width:100%; border-collapse:collapse; border: none; white-space:nowrap }
.simple-list thead { color:#373737; background-color: gold; font-weight: bold }
.simple-list thead th { overflow:hidden; text-align:left; padding:3px; }
.simple-list tbody td { overflow:hidden; text-align:left; vertical-align: top; padding:3px; cursor:auto }
.simple-list tbody td a {  text-decoration:none; }
.right-align { text-align:right }
.odd td { background: #d9e0ff; }
.topic { background: #e4e6f0; }
.hidden { position:absolute; top:-99999px; left:-99999px; width:1px; height:1px; overflow:hidden; }
.section-link { margin-top: 5px; padding-top: 3px; }
.section-link a { color:#4F81BD; }
.plain_text { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; color: rgb(46, 27, 54)  }
.keyword { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; color: blue  }
.comment { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; color: darkmagenta }
.string  { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; color: darkgreen }
.number { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; color: darkred  }
.type { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; color: blue; font-weight: 800  }