body {
  color: #000;
  background-color: #fff;
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: .8em;
  margin: 0;
  padding: 0em;
}

th,
td {
  color: #000;
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: .8em;
}

div {
  -moz-box-sizing: border-box;
  box-sizing: border-box;

/*  border: solid 1px red;*/
}

img {
  border: none;
}

a {
  color: #1174b8;
}

.cleaner {
  clear: both;
  font-size: .1em;
}

h1 {
  color: #333;
  font-size: 1.6em;
  font-weight: normal;
  margin: 0 0 .7em 0;
}

h2 {
  color: #333;
  font-size: 1.3em;
  font-weight: normal;
  margin: 0;
}

h3 {
  color: #333;
  font-size: 1.2em;
  font-weight: normal;
  margin: 0;
}

input {
  font-family: Arial, sans-serif;
  border: solid 1px #ccc;
}
button {
  font-family: Arial, sans-serif;
  border: solid 1px #ccc;
  background-color: #ddd;
}
input.checkbox {
  border: none !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#supertop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: .2em 0;

  color: #666;
  background-color: #D4D0C8;
  border-bottom: solid 1px #999;

  /*color: #999;
  background-color: #e9f7ff;
  border-bottom: solid 1px #999;*/

  line-height: 1.3em;
  /*font-style: italic;*/
}
#supertop  a {
  color: #407da7; /*#5798c5;*/
}
#supertop  small {
  font-size: .8em;
}

#body {
  width: 77em;
  margin: auto;

  padding: 5em 2em 2em 2em;
}
#body.loggedin {
  padding-top: 2em;
}

#logo {
  float: left;
  padding: .7em;
  margin-right: 2.5em;
  margin-bottom: 2em;
}

#user {
  float: right;
  height: 81px;

  color: #ccc;
  padding: .6em .7em 0 0;
  margin-bottom: 2em;
}

#user  form {
  margin: 0;
}
#user  form  div,
#user  form  input,
#user  form  label,
#user  form  button {
  vertical-align: middle;
}
#user  form  .status {
  font-size: .9em;
}
#user  form  input,
#user  form  button {
  font-size: .85em;
}
#user  form  input.login {
  background-image: url('/img/form-email.png');
  background-position: 0 50%;
  background-repeat: no-repeat;
}
#user  form  input.password {
  background-image: url('/img/form-password.png');
  background-position: 0 50%;
  background-repeat: no-repeat;
}

#user  b {
  color: #666;
}
#user  .profile {
  text-align: right;
  margin-bottom: .8em;
}
#user  .status {
  color: #999;
  text-align: right;
  margin-bottom: 1.6em;
}
#user  .status  select {
  font-family: Arial, sans-serif;
  font-size: .85em;
  font-weight: normal;
  /*padding: 0 0 1px 1px;*/
}
#user  .submenu {
  font-size: .85em;
  text-align: right;
  /*margin-bottom: 1.17em;*/
}

#menu {
  font-size: 1.2em;
  text-align: left;
  padding: .7em;
  padding-top: 71px;
}
#menu  a {
  margin: 0 2em 0 0;
}
#menu  b {
  color: #666;
  font-weight: normal;
  /*font-size: 1.3em;*/
  margin: 0 2em 0 0;
}

#primary {
  float: left;
  width: 73%;
  padding: .7em;
}
#body.homepage  #primary {
  width: 55%;
}

#secondary {
  float: right;
  width: 24%;
}
#body.homepage  #secondary {
  width: 42%;
}

#secondary  .about {
  background-color: #e9f7ff;
  padding: .7em;
  margin-top: 3px;
  margin-bottom: 2em;
}
#secondary  .about  p {
  margin: .7em 0 0 0;
}

#secondary  .about-toc {
  background-color: #e9f7ff;
  padding: .7em;
  margin-top: 3px;
  margin-bottom: 2em;
}
/*#secondary  .about-toc {  width: 96%;  margin: 0 0 2.5em 0;  }
#secondary  .about-toc  h3 {  color: #79aa25;  font-size: 20px;  }
#secondary  .about-toc  a {  color: #1499f6;  } */
#secondary  .about-toc  ul {  padding-left: 1.2em;  }
#secondary  .about-toc  li {  margin-top: .3em;  }
#secondary  .about-toc  p {  font-size: .8em; margin: .2em 0 0 0;  }
#secondary  .about-toc  li  li  li {  margin-top: .1em;  line-height: 1em;  }

#secondary  .news {
  margin-top: .7em;
  margin-bottom: 2em;
  padding: 0 .7em .1em .7em;
  border-left: solid 1px #ccc;
}
#secondary  .news.left {
  float: left;
  width: 48%;
}
#secondary  .news.right {
  float: right;
  width: 48%;
}

#secondary  .news  p {
  font-size: .9em;
  margin: 0;
}
#secondary  .news  p.date {
  color: #666;
  font-size: .85em;
  margin: .8em 0 0 0;
}

#footer {
  font-size: .85em;
  text-align: center;
  padding: .82em; /* .7em / 0.85 = .82em */
  margin-top: 2em;
}

#footer  .left {
  float: left;
}
#footer  .right {
  float: right;
}

#counters {
  position: absolute;
}


#primary  .profile  h1 {
  margin-bottom: .3em;
}
#primary  .profile  .links {
  color: #666;
  font-size: .85em;
  margin: 0 0 2em 0;
}
#primary  .profile  h2 {
  margin: 1.5em 0 .5em 0;
}
#primary  .profile  h2.first {
  margin-top: 0;
}

#primary  .tabsheet  .links {
  color: #666;
  font-size: .85em;
  margin: 0 0 2em 0;
}