body {
  margin-left: 7%;
  margin-right: 7%;

  font-family: arial, verdana, sans serif;
  font-size: 13px;
        
  background-color: #ffffff;
  color: #000000;
}

h1, h2, h3, h4, h5, h6 { color: #dd2211; }
h1 { font-size: 18pt; }
h2 { font-size: 16pt; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; }

p { text-align: justify; }

a[href]:hover   { /*color: #A00;*/ color: #777777; }

img { border-style: none; }

table {
  border-style: none;
}

tr {
  border-style: none;
}

td {
  border-style: none;
}

dt {
  font-weight: bold;
}

.header {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #000000;
}

.header img {
  margin-top: 1em;
  margin-bottom: 1em;
}

.tab-active {
  text-align: center;
  font-weight: bold;
  background: #000000;
  color: #ffffff;
  text-decoration: none;

  margin-right: 2px;

  padding: 2px 1em 0px 1em;
}

.tab-inactive {
  text-align: center;
  background: #cccccc;
  text-decoration: none;

  margin-right: 2px;

  padding: 2px 1em 0px 1em;
}

.sub-header {
  padding-top: 1em;
  border-bottom-style: solid;
  border-bottom-width: 2px;
        /*  border-bottom-color: #e6561e; */
  border-bottom-color: #dd2211;
}

.sub-tab-active {
  text-align: center;
  font-weight: bold;
  /* background: #e6561e; */
  background: #dd2211;
  color: #ffffff;
  text-decoration: none;
  margin-right: 2px;

  padding-top: 2px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 2px;

  border-bottom-style: hidden;
}

.sub-tab-inactive {
  text-align: center;
  background: #dcb89e;
  text-decoration: none;
  margin-right: 2px;

  padding-top: 2px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0px;
}

.content {
  margin: 0;
  padding: 0;
  text-align: left;
}

.content td {
  /*padding: 1em 2em 1em 0em;*/
}

.news {
  margin: 0;
  padding: 3px;
  background: #eee;
  font-size: 10px;
}

.newsLeader {
  color: #0000ff;
  font-weight: bold;
  text-align: left;
}

.newsText {
  margin-top: -0.5em;
  margin-left: 0em;
}

.newsMore {
  color: #0000ff;
}

.datasets {
  margin: 0;
  padding: 0;
}

.datasets th {
  padding-top: 2em;
  text-align: left;
  text-decoration: underline;
}

.datasets td {
  text-align: right;
}

div.box {
  clear: all;
}

div.screenshot {
  float: right;
  margin: 5px;
  padding: 2px;
  text-align: center;
  border: solid black 1px;
  text-decoration: none;
}

.icon_box {
  clear: both;
  margin-bottom: 1em;
}

.icon_box p {
  display: block;
  /*width: 75%;*/
  /*margin-top: 2em;*/
}

.icon {
  margin: 1em 3em 1em 0em;
  padding: 1;
}

.icon img {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  padding: 0;
}

.footer {
  clear: both;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #000000;
/*  padding-top: 5px;
  margin-top: 1em;*/
  font-size: smaller;
  clear: all;
  text-align: center;
}

.screenshots {
  text-align: center;
}

.assoc float {
  float: right;

  border-style: none;

  margin-left: 4em;
  /*margin-bottom: 2em;*/

  padding-left: 1em;
  /*padding-top: 1em;*/

  text-align: center;
  font-size: smaller;
}

.assoc {
  clear: both;
}

.assoc img { clear: right; }

.contact table {
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.contact th { text-align: left; }

.contact td { text-align: left; }

li {
  margin-bottom: 1em;
}

.article {
  background-color: #fbffd8;
  padding: 5px
}

.products { 
  /*background-color: #ffe4d1;*/
  background-color: #e9f3f9;
  padding: 5px
}

.about { 
  background-color: #e9f3f9;
/*  background-color: #e3ffe6;*/
  padding: 5px
}