body
{
  background-color: gray;
  color: blue;
}
/* Unvisited link */
a:link
{
  color: blue;
}
/* Visited link */
a:visited
{
  color: darkblue;
}
.mycopy
{
  display: table;
  margin-left: auto;
  margin-right: auto;
  color: lightgreen;
  text-align: center; 
}
.mydate
{
  float: left;
  color: lightgreen;
}
.mybrowser
{
  float: right;
  color: lightgreen;
  text-align: left;
}
IMG.myconst
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
nav
{
  text-align: center;
}
.Main {
  text-align: center;
  position: relative;
  height: auto;
}
.MyIndex { 
  width: 20%; 
  background: #CCCCCC;
  float: left;
  border: solid 1px black;
  box-shadow: 4px 4px;
  padding: 5px;
} 
.MyContent { 
  width: 78%; 
  position: relative;
/*  background: #AAAAFF; */
	background: #AFEEEE;
  float: right;
  border: solid 1px black;
  box-shadow: 4px 4px;
  height: 100%;
} 
.MyWrapper {
/*  padding-bottom: 10px;*/
  height: auto;
  padding: 5px;
}
.MyMainContent { 
  width: auto; 
/*  position: relative;
/*  background: #AAAAFF; */
	background: #AFEEEE;
/*  float: left; */
  border: solid 1px black;
  box-shadow: 4px 4px;
  height: 100%;
} 
/*
footer
{
  display: block;
  position: fixed;
  width: 100%;
  padding: 1em;
  bottom: 0;
}
*/