body, html {
  margin: auto;
  width:100%;
  height:100%;
  background-color: #636376;
  color: #000000;
  background-position:top;
  font-family: arial, helvetica, sans-serif;
}

#page-container {
  border: 0px; /*border: 1px solid #00FF00;*/
  margin: auto;
  padding: 10px;
  width: 900px;
  height: 750px;
  font-family: arial, helvetica, sans-serif;
  background-color: #8E8EA1;
}

#page-header {
  border: 0px; /*border: 1px solid #0000FF;*/
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 880px;
  height: 50px;
  background-color: #B1B1C9;
  font:30px arial, helvetica, sans-serif;
  font-weight: bold;
  color: #3552E3;
}

#client-area {
  border: 0px; /*border: 1px solid #FFFF00;*/
  font-family: arial, helvetica, sans-serif;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 880px;
  height: 600px;
  background-color: #B1B1C9;
}

#menu {
  border: 0px; b/*order: 1px solid #00FFFF;*/
  font-family: arial, helvetica, sans-serif;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 860px;
  height: 60px;
  background-color: #B1B1C9;
}

#menu a:link {
  text-decoration: none; 
  color: #124266;
}

#menu a:visited {
  text-decoration: none; 
  color: #124266;
}

#menu a:active {
  text-decoration: none; 
  color: #124266;
}

#menu a:hover {
  text-decoration: underline overline;
  color: #2566D3;
}

#content-container {
  border: 0px; /*border: 1px solid #FFFFFF;*/
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 880px;
  height: 540px;
  font-family: arial, helvetica, sans-serif;
  background-color: #B1B1C9;
}

#content {
  border: 0px; /*border: 1px solid #000000;*/
  width: 840px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 520px;
  font-family: arial, helvetica, sans-serif;
  overflow: auto;
  background-color: #EEEEFF;
}



#content table {
  font-family: arial, helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#content table,th, td {
  border: 1px solid black;
}

/*From here the definitions of the content*/
#content h1 {
  color:#CC0066;
  font-size: 0.85em;
  font-weight: bold;
  margin-bottom: 1.0em;
}

#content h2 {
  color:#CC0066;
  font-size: 0.80em;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.35em;
}

#content h3 {
/*  color:#CC0066;*/
  color:#551566;
  font-size: 0.75em;
  font-weight: bold;
  margin-top: 0.35em;
  margin-bottom: 0.35em;
}

#content p {
  text-align: justify;
  color:#000000;
  font-size: 0.75em;
  margin-bottom: 0.25em;
}

#content a:link {
  text-decoration: none; 
  color: #454E7C;
}	

#content a:active {
  text-decoration: none; 
  color: #454E7C;
}

#content a:visited {
  text-decoration: none; 
  color: #454E7C;
}

#content a:hover {
  text-decoration:underline overline; 
  color: #578D42;
}

#page-footer {
  border: 0px; /*border: 1px solid #FF0000;*/
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 880px;
  height: 50px;
  background-color: #B1B1C9;
}

#page-footer p {
  text-align: right;
  color: #B1B1C9;
  padding-top: 25px;
  padding-right: 50px;
  font-size: 0.65em;
}

#logon {
  margin: auto;
  width: 500px;
  height: 400px;
}