html, body    {
 margin:0; 
 padding:0; 
 width:100%; 
 height:100%; 
 background-image: url("../images/icon128128.png"); 
 background-repeat: repeat-y; 
 background:#eeeeee;
}
			#body-side-r {width:10%;position:absolute;right:0px;top:10px;background-color:grey;}
			#body-side-l {width:10%;position:absolute;left:0px;top:10px;background-color:grey;}
			#head         { width:100%; margin:auto;}
			.head { width:80%; margin:auto;}
			#head-ad	{width:80%; overflow:hidden; margin:0px;}
			#head > img   { left:10%; width:100%; }
			#body-content { left:200px; right:0; top:0; bottom:0; background:white; overflow:hidden; border:2px solid black}
			#body-content > img { margin:25px; vertical-align:middle;}
			#body-content > a { margin:25px; vertical-align:middle;}
			.body-content { left:200px; right:0; top:0; bottom:0; background:white; overflow:hidden; border:2px solid black}
			.body-content > img { margin:25px; vertical-align:middle;}
			.body-content > a { margin:25px; vertical-align:middle;}
			#body-forma    { margin:50px 200px 30px 100px; width:80%; vertical-align:middle; font-family: "Times New Roman", Times, serif; font-size:150%;}
			#body-forma > img { margin:25px; width:25%; vertical-align:middle;}
			#body-formb    { margin:10px; width:80%; vertical-align:middle; font-family: "Times New Roman", Times, serif; font-size:150%;}
			#body-formb > img { margin:25px; width:15px; vertical-align:middle; }
			.body-forma    { margin:50px 200px 30px 100px; width:80%; vertical-align:middle; font-family: "Times New Roman", Times, serif; font-size:150%;}
			.body-forma > img { margin:25px; width:25%; vertical-align:middle;}
			.body-formb    { margin:10px; width:80%; vertical-align:middle; font-family: "Times New Roman", Times, serif; font-size:150%;}
			.body-formb > img { margin:25px; width:15px; vertical-align:middle; }
			#body-tiny    { width:80%; position:absolute; bottom:0px; vertical-align:middle; font-family: "Times New Roman", Times, serif; font-size:10%;}
#a-page{margin:15px;}
#span {padding:25px}
#span-img > img { margin:25px; display:inline-block}
#iframe-one{margin:25px; display:inline-block}
#p-standard { margin:50px auto 50px auto; width:80%; vertical-align:middle; font-family: "Times New Roman", Times, serif; font-size:110%;}
#p-standard > img {float:left; padding:15px;}
.p-standard { margin:50px auto 50px auto; width:80%; vertical-align:middle; font-family: "Times New Roman", Times, serif; font-size:110%;}
.p-standard > img {float:left; padding:15px;}
#b-standard { margin:50px 50px 50px auto; width:80%; vertical-align:middle; font-family: "Times New Roman", Times, serif; font-size:120%;}
.b-standard { margin:50px 50px 50px auto; width:80%; vertical-align:middle; font-family: "Times New Roman", Times, serif; font-size:120%;}
#table-form{
margin-left:100px;
margin-top:20px;
margin-bottom:10px;
vertical-align:middle;
font-family: "Times New Roman", Times, serif;
font-size:70%;
border: 1px solid black;
background-color: #399e9e;
width:auto;
}

#table-form td{
width:400px;
border-top: 1px solid black;
}

#table-form  th {
background-color: #399e9e;
border: 2px solid black;
}

#table-form  tr {
background-color: #aad4d4;
}

#table-detail{
margin-left:10%;
margin-top:20px;
margin-bottom:10px;
vertical-align:middle;
font-family: "Times New Roman", Times, serif;
font-size:70%;
border: 1px solid black;
background-color: #aad4d4;
width:auto;
}

#table-detail td {
/*background-color: #aad4d4;*/
/*border: 1px solid black;*/
}

#table-detail  th {
background-color: #399e9e;
border: 3px solid black;
}

#table-detail tr:nth-child(even) {
background-color: #f2f2f2;
}

#table-detail tr:nth-child(odd) {
background-color: #aad4d4;
}


#table-graph{
margin-left:100px;
margin-top:20px;
margin-bottom:10px;
vertical-align:middle;
font-family: "Times New Roman", Times, serif;
font-size:70%;
border-collapse: collapse !important;
background-color: #aad4d4;
width:auto;
}

#td-graph {
background-image:url("../images/icon3232.png");
  opacity: 0.6;
  transition: 0.3s;
background-size: 100% 100%;
background-color: #cfe6e6;
max-width:30px !important;
width:30px;
padding:5px;
}

#td-graph:hover {
opacity: 1;
}

#td-graph:active{
background-image:url("../images/icon13232.png");
}

#td-graph-nil {
background-color: #aad4d4;
max-width:30px;
width:30px;
padding:5px;
}

#td-graphy {
background-color: #aad4d4;
max-width:200px;
width:50px;
padding:5px;
word-wrap:break-word;
}

#td-graph-title {
background-color: #3a8b8b;
color:white;
padding:5px;
width:auto;
text-align:right;
}

#td-graph-title-link {
background-color: white;
color:black;
padding:5px;
width:auto;
}

#a-title {
background-color: white;
color:grey;
}
/*#td-graph-title-link:hover {
color:white;
}

#td-graph-title-link:active {
color:red;
}
*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 4px 26px;
  font-size:120%;
  text-decoration: none;
}

#form-getinvolved {
font-size:150%;
}

#form-getinvolved input {
color:black;
font-size:100%;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #777;
}

#table-sa, td, th {  
  border-bottom: 1px solid #3a8b8b;
  text-align: left;
  width:50%;
  margin:150px;
  font-family: "Times New Roman", Times, serif;
  font-size:90%;
}

#table-sa {
  border-collapse: collapse;
  width: 90%;
}

#table-sa th, td {
  padding: 5px;
}

#table-sa th {
background-color: #aad4d4;
}

#table-sa td {
background-color: #aad4d4;
}

h1 {
color: #191970;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 1px;
}

h2 {
color: #191970;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 1px;
}