body{background-image: url(po7-w02.gif);}

img{webkit-backface-visibility: hidden;
border: none;}

#banner2{
border: 3px solid #cccccc;
margin-bottom: 0px;
margin-top: 50px;
width: 98%;}

h1{
background-color: #ffff00;
color: #000000;
font-size: 13px;
font-weight: bold;
margin-bottom: 50px;
margin-top: 10px;
padding: 3px 0px 3px 0px;
vertical-align: middle;
width: 98%;}

h2
{background-color: #ffffff;
color: #000000;
font-size: 13px;
margin-top: 0px;
padding: 3px;
text-align: left;
width: 98%;}

#logo
{height: auto;
margin-right: 7px;
vertical-align: middle;
width: 5.6%;}

#logo2{
height: auto;
margin-left: 7px;
vertical-align: middle;
width: 6.4%;}

#logo3{width: 2.2%; height: auto;margin-left: 1%;}



#box{width: 100%;}


.right-picture_la, .left-picture_la, .picture_la, #picture{
border: 5px solid #fedf03;}

.right-picture_sa, .left-picture_sa{
border: 5px solid #cccccc;}

.right-picture_la, .left-picture_la, .picture_la, .right-picture_sa, .left-picture_sa, #picture{
width: 96%;height: auto;}

.left, .right{margin-top: 30px;width: 96%;}
.left2{margin-left: 8%;float: left;font-size: 14px;line-height: 2.0em;}

.title_la, .title3{
background-color: #fedf03;
color: #800080;
font-weight: bold;
margin-left: 0px;
padding:  3px 0px 3px 0px;
text-align: center;}

.title_sa{
background-color: #000000;
color: #ffffff;
font-weight: bold;
margin-left: 0px;
padding: 3px 0px 3px 0px;
text-align: center;}

.explain, .explain3, .explain4{
background-color: #ffffff;
font-size: 15x;
line-height: 2.0em;
margin-left: 0px;
margin-top: 0px;
padding: 10px 3px 3px 3px ;
text-align: left;}

.title3, .explain3, .explain4{width: 98%;}

.explain4{background-color: white;}

.clear
{clear: both;
height: 90px;}

.clear2, .clear4
{height: 90px;}

.clear3
{clear: both;}

hr{margin-bottom: 15%;
margin-top: 15%;}


#list{
font-size: 30px;
font-weight: bold;
margin-bottom: 10px;}


.erase2, #banner{display: none;}

#replisome{width: 12%;
height: auto;
margin-right: 12%;}


#appendix1
{background-color: #ffffff;
font-size: 15px;
line-height: 2.0em;
padding:  20px 3px 10px 3px ;
width: 98%;}

#center{
margin: 10 0 10 0px;
font-size: 17px;
font-weight: bold;
text-align: center;}

#appendix2
{margin-left: 0px;
text-align: left;}

#bottom{
text-align: right;
width: 100%;}

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

#replisome{width: 44%;
height: auto;
margin-right: 5%;}

#close{margin-bottom: 10%;margin-top: 5%;}

#top{
background: rgba(204,204,204,0.5);
font-size: 15px;
font-weight: bold;
width: 40%;
position: fixed;
padding: 3px;
bottom: 3%;
right: 3%;
display: block;}


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