

<style>

.top {
  float: center;
  width: 70%;
}

/*
.left, .right {
  float: auto;
  width: 20%;
}
*/


.left{
  float: left;
  width: 30%;
}
/*
.space {
  float: auto;
  width: 5%;
}
*/
.center {
  float: center;
  width: 50%;
}


/*
.main {
  float: center;
  width: 60%;
}
*/

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 481px)
{
  /*.left, .space, .right*/
 .top, .left, .center
  {
    width: 99%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}


body
{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:85%;
	
}

/* unvisited link */
a:link {
  color: blue;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: blue;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: red;
  text-decoration: none;
}

/* selected link */
a:active {
  color: blue;
  text-decoration: none;
}


</style>