/* page styles */
body { font-family: "Segoe UI", Frutiger,Tahoma,Helvetica,"Helvetica Neue", Arial, sans-serif; }
table {  border-collapse: collapse;}
td, th { 
   text-align: center; 
   border: 1px solid #ddd; 
   padding:2px 5px; 
   }

caption {margin: 0 0 .5em; font-weight: bold; }
h1{
position: absolute;
left: 260px;
top: 38px;
}
.flip1,.flip2,.flip3,.flip4,.flip5{
display:block;
width:170px;
font-weight:bold;
color:#FFFFFF;
background-color:#bbb;
text-align:center;
padding:10px;
text-decoration:none;
text-transform:uppercase;
}
.showg{

padding:2px;
text-decoration:none;
text-transform:uppercase;

}
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:170px;
font-weight:bold;
color:#FFFFFF;
background-color:#bbb;
text-align:center;
padding:10px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#ddd;
}
#clock{
position:absolute;
top:50px;
left:720px;
}