body {
 font-family: Verdana;
 font-size: 12px;
 text-align: center;
 color: #000000;
 background-color: #fffff;
 line-height: 150%;
}

a:link {
                font-family: Verdana;
                color: black;
                text-decoration: none;}
a:visited {
                font-family: Verdana;
                color: black;
                text-decoration: none;}
a:active  {
                font-family: Verdana;
                color:#707070;
                text-decoration: none;}
a:hover {
                font-family: Verdana;
                color: black;
                text-decoration: none;
                text-transform: uppercase; }

h1{
  text-align: center;
}
h2{
  text-align: center;
}
h3{
  text-align: center;
}

table{
  table-layout: fixed;
  font-size: 12px;
  width: 100%;
  background-color: #307070;
  border-color: black;
}

td{
  font-size: 12px;
  text-align: center;
  border-color: black;
}

td.leftalign{
  text-align: left;
}

input{
	color:		blue;
    border:		none;
    text-align: center;
}

input.clock{
	color:		white;
    background-color: #307070;
}


.main {
  position: absolute;
  top: 14%;
  left: 19%;
  height: 72%;
  width: 62%;
  background-color: #307070;
  border: 0px solid #FFFFFF;
}

.top {
  position: absolute;
  top: 2%;
  left: 19%;
  height: 10%;
  width: 62%;
  background-color: #307070;
  border: 0px solid #FFFFFF;
}

.left {
  position: absolute;
  top: 14%;
  left: 2%;
  height: 72%;
  width: 15%;
  line-height:400%;
  background-color: #307070;
  border: 0px solid #FFFFFF;
}

.right {
  position: absolute;
  top: 14%;
  left: 83%;
  height: 72%;
  width: 15%;
  line-height:400%;
  background-color: #307070;
  border: 0px solid #FFFFFF;
}

.bottom {
  position: absolute;
  top: 88%;
  left: 19%;
  height: 10%;
  width: 62%;
  background-color: #307070;
  border: 0px solid #FFFFFF;
}

.topleft {
  position: absolute;
  top: 2%;
  left: 2%;
  height: 10%;
  width: 15%;
  background-color: #307070;
  border: 0px solid #FFFFFF;
}

.topright {
  position: absolute;
  top: 2%;
  left: 83%;
  height: 10%;
  width: 15%;
  background-color: #307070;
  border: 0px solid #FFFFFF;
}

.bottomleft {
  position: absolute;
  top: 88%;
  left: 2%;
  height: 10%;
  width: 15%;
  background-color: #307070;
  border: 0px solid #FFFFFF;
}

.bottomright {
  position: absolute;
  top: 88%;
  left: 83%;
  height: 10%;
  width: 15%;
  background-color: #307070;
  border: 0px solid #FFFFFF;
}