body {
	background-image:url(bg.jpg);
	background-repeat:repeat-x;
	font:16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#274F70;
	margin:0;
	padding:0;
}
.header {
	padding:0;
	margin:0;
}
hr {
	color:#CCCCCC;
	width:99%;
	text-align:centerl
}
.wrapper {
	max-width:90%;
	margin:0 auto;
}
.footer {
	background-image:url(footerbg.gif);
	height:40px;
	width:100%;
	text-align:center;
	line-height:40px;
	font-size:14px;
	color: #000000;
	font-weight: bold;
}
.STHSAlignTopCenter{
	vertical-align: top;
	text-align:center;
	font-weight:bold;
	width:150px;
}

:root {
--main-menu-background-color: #000000;
--main-menu-text-color: #FFFFFF;
--main-menu-background-color-hover: #000000;
--main-menu-text-color-hover: #FFFFFF;
--main-submenu-background-color: #000000;
--main-submenu-text-color: #FFFFFF;
--main-submenu-background-color-hover: #000000;
--main-submenu-text-color-hover: #FFFFFF;
}
#cssmenu, #cssmenu ul,#cssmenu ul li,#cssmenu ul li a,
#cssmenu #menu-button {margin: 0;  padding: 0;  border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; border-radius: 0px;-moz-border-radius: 0px;}
#cssmenu:after, #cssmenu > ul:after {content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {background: var(--main-menu-background-color);color:var(--main-menu-text-color);}
#cssmenu {font-family: Montserrat, sans-serif;width:100%;}
#cssmenu > ul > li {float: left;}
#cssmenu.align-center > ul {font-size: 0;  text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;  float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
/* Top Link  */
#cssmenu > ul > li > a {padding: 17px;  font-size: 15px;  letter-spacing: 1px;  text-decoration: none;  color: var(--main-menu-text-color); background-color: var(--main-menu-background-color); font-weight: 700;  text-transform: uppercase;}
#cssmenu > ul > li:hover > a {color: var(--main-menu-text-color-hover);}
#cssmenu > ul > li.has-sub > a {padding-right: 30px;}
/* Plus - Minus Sign Top Menu Next 3 Lines*/
#cssmenu > ul > li.has-sub > a:after {position: absolute;  top: 22px;  right: 11px;  width: 8px;  height: 2px;  display: block;  background: var(--main-menu-text-color);  content: '';}
#cssmenu > ul > li.has-sub > a:before {position: absolute;  top: 19px;  right: 14px;  display: block;  width: 2px;  height: 8px;  background: var(--main-menu-text-color);  content: '';  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;  transition: all .25s ease;}
#cssmenu > ul > li.has-sub:hover > a:before {top: 23px;  height: 0;}
#cssmenu ul ul {position: absolute;  left: -9999px;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu ul ul li {height: 0;  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;  transition: all .25s ease;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {left: auto;  right: 0;}
#cssmenu li:hover > ul > li {height: 35px;}
#cssmenu ul ul ul {margin-left: 100%;  top: 0;}
#cssmenu.align-right ul ul ul {margin-left: 0;  margin-right: 100%;}
/* Menu Second Level */
#cssmenu ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15);  padding: 11px 15px;  width: 300px;  font-size: 15px;  text-decoration: none; letter-spacing: 1px; text-decoration: none; text-transform: uppercase;  color:var(--main-submenu-text-color);  font-weight: 700;  background: var(--main-submenu-background-color) ;z-index:1;}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {border-bottom: 0;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {text-decoration: underline;background: var(--main-submenu-background-color-hover); color:var(--main-submenu-text-color-hover);}
/* Menu Plus + Mins Sign Sub Menu Next 3 Lines*/
#cssmenu ul ul li.has-sub > a:after {position: absolute;  top: 16px;  right: 11px;  width: 8px;  height: 2px;  display: block;  background: var(--main-submenu-text-color);  content: '';}
#cssmenu.align-right ul ul li.has-sub > a:after {right: auto;  left: 11px;}
#cssmenu ul ul li.has-sub > a:before {position: absolute;  top: 13px;  right: 14px;  display: block;  width: 2px;  height: 8px;  background: var(--main-submenu-text-color);  content: '';  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;  transition: all .25s ease;}
#cssmenu.align-right ul ul li.has-sub > a:before {right: auto;  left: 14px;}
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;  height: 0;}
@media screen and (max-width: 1400px) {.wrapper {max-width:100%;}}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {  #cssmenu {width: 100%;}
  .header { display: none;}
  .footer {background-image: none;}
  .wrapper {max-width:100%;}  
  .STHSAlignTopCenter{width:50px;}
  #cssmenu ul {  width: 100%;display: none;}
  #cssmenu.align-center > ul {  text-align: left;}
  #cssmenu ul li {  width: 100%;border-top: 1px solid rgba(120, 120, 120, 0.2);}
  #cssmenu ul ul li, #cssmenu li:hover > ul > li {  height: auto;}
  #cssmenu ul li a, #cssmenu ul ul li a {width: 100%;border-bottom: 0; color:var(--main-menu-text-color); background: var(--main-menu-background-color);} /* First Menu Text */
  #cssmenu ul li:hover > a, #cssmenu ul li.active > a {ccolor: var(--main-menu-text-color-hover); background: var(--main-menu-background-color-hover);} /* First Menu Hover Text */
  #cssmenu > ul > li {  float: none; }
  #cssmenu ul ul li a {  padding-left: 25px;}
  #cssmenu ul ul ul li a {  padding-left: 35px;}
  #cssmenu ul ul li a {color:var(--main-menu-text-color-hover); background: none;} /* Second Menu Text */
  #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {color: var(--main-submenu-text-color-hover); background: var(--main-submenu-background-color-hover);} /* Second Menu Hover Text */
  #cssmenu ul ul, #cssmenu ul ul ul,  #cssmenu.align-right ul ul {  position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {  display: none;}
  #cssmenu #menu-button {  display: block;padding: 17px;color: var(--main-menu-text-color);background: var(--main-menu-background-color);cursor: pointer;font-size: 15px;text-transform: uppercase;font-weight: 700;} /* Top Menu Text */
  /* Top Menu Plus + Mins Sign Sub Menu Next 6 Lines*/
  #cssmenu #menu-button:after {  position: absolute;top: 22px;right: 17px;display: block;height: 4px;width: 20px;border-top: 2px solid var(--main-menu-text-color);border-bottom: 2px solid var(--main-menu-text-color);content: '';}
  #cssmenu #menu-button:before {  position: absolute;top: 16px;right: 17px;display: block;height: 2px;width: 20px;background: var(--main-menu-text-color);content: '';}
  #cssmenu #menu-button.menu-opened:after {  top: 23px;border: 0;height: 2px;width: 15px;background: var(--main-menu-text-color);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
  #cssmenu #menu-button.menu-opened:before {  top: 23px;background: var(--main-menu-text-color);width: 15px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
  #cssmenu .submenu-button {  position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.2);height: 46px;width: 46px;cursor: pointer;}
  #cssmenu .submenu-button.submenu-opened {  background: var(--main-submenu-background-color-hover);} /* Minus */
  #cssmenu ul ul .submenu-button {  height: 34px;width: 34px;}
  /* Sub Menu Plus + Minus */
  #cssmenu .submenu-button:after {  position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;background: var(--main-menu-text-color);content: '';}
  #cssmenu ul ul .submenu-button:after {  top: 15px;right: 13px;}
  #cssmenu .submenu-button.submenu-opened:after {  background: var(--main-submenu-text-color);}
  #cssmenu .submenu-button:before {  position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: var(--main-menu-text-color);content: '';}
  #cssmenu ul ul .submenu-button:before {  top: 12px;right: 16px;}
  #cssmenu .submenu-button.submenu-opened:before {  display: none;}
}


.nav { /* No Longer Use */
	background-color:#000;
	width:100%;
	font-size:17px;
	font-weight:700;
	color:#FFF;
	padding:5px 0 5px;
}
.content {
	width:100%;
	background-color:#FFF;
	border-left:1px solid #bde7ee;
	border-right:1px solid #bde7ee;
	border-bottom:1px solid #bde7ee;
}
.content2 {
	margin-left:10px;
}
.language {
	text-align:right;
	font-size:18px;
	vertical-align:bottom;
}

h1, h2, h3, p {
	margin:12px;
}
h1, h2, h3, h4, h5, h6, pre, code, td {
	font-size:1em;
}
.post {
	border-bottom:1px solid #333;
}
a {
	color:#274F70;
	text-decoration:underline;
	font-weight:700;
}
a:hover {
	color:#3C3930;
	text-decoration:none;
	font-weight:700;
}
.nav a {
	color:#FFF;
	text-decoration:none;
}
.nav a:hover {
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, Tahoma;
	font-weight:400;
	line-height:100%;
	color:#274F70;
}
h1 {
	font-size:22px;
	padding:8px 0 4px;
}
h2 {
	font-size:20px;
	padding:8px 0 4px;
}
h3 {
	font-size:18px;
	padding:8px 0 4px;
}
.imagemenu {
	border-width:0px;
	vertical-align:middle;
	padding-top:12px;
	padding-left:10px;
}
.textcenter {
	text-align:center;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:25px;
    display:none;
    text-indent:-9999px;
    background: url('icon_top.png') no-repeat;
}
.STHSTableFullW {
	width:100%; 
	border-spacing: 0px;
}

.STHSSQLiteDatabase_Table{
	width:98%;
	margin:auto;
	border-width: 2px;
	border-style: solid;
	border-collapse: collapse;
}
.STHSSQLiteDatabase_Table th{
	border-width: 1px;
	border-style: solid;
	text-align:center;
}
.STHSSQLiteDatabase_Table td{
	border-width: 1px;
	border-style: solid;
	text-align:left;
	padding-left:2px;
}
.STHSSQLiteDatabase_FieldName {
    width:200px;
}
.STHSSQLiteDatabase_FieldDataType {
    width:200px;
}
.STHSSQLiteDatabase_Information {
    width:600px;
}
.STHSWebAPIDatabase_Table{
	width:98%;
	margin:auto;
	border-width: 2px;
	border-style: solid;
	border-collapse: collapse;
}
.STHSWebAPIDatabase_Table th{
	border-width: 1px;
	border-style: solid;
	text-align:center;
	font-size:150%;
	padding:10px;
}
.STHSWebAPIDatabase_Table td{
	border-width: 1px;
	border-style: solid;
	text-align:left;
	padding:2px;
	font-size:110%;
}
.STHSBuy_Table{
	width:98%;
	margin:auto;
	border-width: 2px;
	border-style: solid;
	border-collapse: collapse;
}
.STHSBuy_Table th{
	border-width: 1px;
	border-style: solid;
	text-align:center;
	font-size:120%;
	padding:10px;
}
.STHSBuy_Table td{
	border-width: 1px;
	border-style: solid;
	text-align:left;
	padding:2px;
}
.STHSWebAPIDatabase_FieldName {
    width:200px;
	padding-left:2px;
}
.STHSWebAPIDatabase_FieldDataType {
    width:300px;
	padding-left:2px;
}
.STHSWebAPIDatabase_Information {
    width:250px;
	padding-left:2px;
}
.STHSWebAPIDatabase_Example {
    width:250px;
	padding-left:2px;
}
.STHSTheBest{
	color:#000000;
	font-size:25px;
	font-weight:bold;
	line-height: 1.75;
}
.ThemeTable {color:black;border-spacing:10px;}
.ThemeTable th {font-weight: bold;font-size: 1.3em;padding:10px 10px 25px 10px;}
.ThemeTable td:nth-child(1) {font-weight: bold;}
.ThemeTable td {text-align:center;font-size: 1.3em;}
.STHSMain_Table{
	width:98%;
	margin:auto;
}
.STHSMain_Table td{
	text-align:left;
	font-size:22px;
	padding:8px 0 12px;
	color:#000000;
}