body{margin-top: auto;}

#whole{width: 90%;}

img{border: none;}

#logo{height: auto;
margin-right: 1%;
vertical-align: middle;
width: 87%;}

#logo_replisome{
height: auto;
margin-right: 15%;
vertical-align: middle;
width: 15.4%;}

#logo2{height: auto;
margin-right: 2%;
vertical-align: middle;
width: 3.5%;}

#title1{border: solid 3px orange;
background-color: black;
margin-bottom: 0px;
margin-top: 5%;
padding: 0px 3px 0px 2px;
width: 90%;}

#title{
background-color: #004080;
color: #ffffff;
font-size: 23px;
font-weight:bold;
height: 7%;
margin-bottom: 0px;
padding: 12px 5px 12px 5px;
text-align: left;
width: 100%;}

#title3, #title4{
background-color: #000000;
color: #ff8000;

font-weight: bold;
vertical-align: middle;
width: 70px;}

#title3{font-size: 15px;}
#title4{font-size: 17px;}

#left{
background-color: white;
float: left;
height: auto;
margin-bottom: 0px;
padding: 5px 0px 3px 0px;
margin-top: 1%;
width: 10%;}

#explain{
color: white;
float: right;
font-size: 14px;
height: auto;
line-height: 2.0em;
margin-left: 0px;
padding: 10px 0px 4px 0px;
text-align: left;
width: 84%;}

h1{
background-color: #ff8000;
color: #ffffff;
font-size:18px;
font-weight: bold;
margin-bottom: 7%;
margin-top: 0px;
padding: 5px;
text-align: center;
width: 100%;}

#list{
border: 1px solid #ff8000;
margin-left: 0px;
padding: 5px;
text-align: center;
width: 90%;}

iframe{width: 100%;}

.clear{height: 5px;}

.clear, #clear_top{clear: both;}

th, td
{font-size: 12px;
line-height: 1.7em;
margin-right: 5%;}

#year{text-align: center;
font-weight: bold;}

#fame{text-align: left;
vertical-align: top;}

#first A:link {color:#000000; text-decoration:underline;}
#first A:visited {color:#000000; text-decoration:none;}
#first A:active {color:#ff0000; text-decoration:none;}
#first A:hover {color:#00ffff; text-decoration:none;}


#foot{height: auto;
margin-bottom: 20px;
margin-top: 50px;
width: 100%;}

.back{background-color: #999999;
font-size: 15px;
font-weight: bold;
margin-left: 0px;
margin-top: 30px;
padding: 3px;
text-align: right;
width: 100%;}

.back A:link { color: #ffffff; text-decoration:none;  display: block; width: 100%;}
.back A:visited, #footer A:visited { color: #ffffff; text-decoration:none; }
.back A:hover, #footer A:hover { color: #00ffff; text-decoration:underline; }
.back A:active, #footer A:active { color:#ff0000; text-decoration:underline; }


.footer{float: left;
font-size: 13px;
height: 30%;
line-height: 2.5em;
text-align: left;
width: 30%;}

.footer A:link, #top A:link{ color: #000000; text-decoration:none; }
.footer A:visited, #top A:visited{ color: #000000; text-decoration:under-line; }
.footer A:hover, #top A:hover{ color: #00ffff; text-decoration:underline; }
.footer A:active, #top A:active{ color:#ff0000; text-decoration:underline; }

.foot2{margin-right: 7px; height: auto;width: 10%;}

.space0{clear: both;}
.space0a{clear: both;height: 40px;}
.space5{clear: both;margin-bottom: 5%;margin-top: 5%;}

#top{
background-color: #cccccc;
font-size: 15px;
font-weight: bold;
width: 10%;
position: fixed;
padding: 3px;
bottom: 3%;
right: 3%;
display: block;}