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

#head{border: solid 4px #ff8000;height: auto;width: 99%;}

#letter{background-color: white;border: 3px solid #ff8000;
box-shadow: 0 0 0 3px #666666;
width: 98%;}

#top_picture1{height: auto;width: 100%;}
#top_picture2{height: auto;width: 100%;}

.right_top1, .right_top2, .right_top3{margin-left: 0px;width: 100%;}

.right2{text-align: right;}

#top_menu{
background-color: #ffffff;
border-left: solid 1px #ff8000;
border-right: solid 1px #ff8000;
margin-bottom: 0px;
margin-top: 0px;
width: 100%;}

#top2{
font-size: 90%;
font-weight: bold;
line-height: 3.0em;
margin-left: 0px;
margin-top: 0px;
padding: 24px 0px 22px 12px;
text-align: left;}

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

#top_menu A:link {color:#ff8000; text-decoration:none; display: block; width: 100%;}
#top_menu A:visited {color:#ff8000;text-decoration:none;}
#top_menu A:active {color:#ff8000;text-decoration:none;}
#top_menu A:hover {color:#000000;text-decoration:none;  background-color:#ff8000;}

#replisome{margin-bottom: 50px;margin-top: 20px;width: 40%;}

#box, #box4{width: 98%;}

#message{
background-color: #ffffff;
font-size: 14px;
margin-top: 20px;}

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

#logo_foot{height: auto;width: 24%;}

h2{
background-color: #000000;
border: solid 1px #ff8000;
color: #ffffff ;
font-size: 14px;
font-style: italic;
font-weight: bold;
margin-bottom: 40px;
margin-top: 40px;
padding: 4px 0px 4px 0px;
width: 98%;}

h1{
background-color: #000000;
border: solid 1px #ff8000;
color: #ffffff ;
font-size: 14px;
font-style: italic;
font-weight: bold;
margin-bottom: 120px;
margin-top: 35px;
padding: 4px;
width:98%;}

.picture, .right-picture, .left-picture, #picture_right, #picture_right2{border: 5px solid #ff8000;width: 96%;height: auto;}

.left, .right{margin-top: 25px;width: 96%;}

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

.explain{
background-color: #ffffff;
font-size: 14px;
line-height: 2.0em;
margin-left: 0px;
padding: 20px 3px 10px 3px;
text-align: left;}

.title3
{background-color: #ff8000;
color: #ffffff;
font-weight: bold;
margin-left: 0px;
padding: 3px 3px 3px 10px;
text-align: left;}

.explain3{
background-color: #ffffff;
font-size: 14px;
line-height: 2.0em;
margin-left: 0px;
padding: 0px 0px 10px 25px;
text-align: left;}

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

.clear2{height: 90px;}

.clear3{clear: both;}

.clear4{clear: both;
height: 45px;}

.name{
background-color: #ffffff;
color: #000000;
font-size: 15px;
font-weight: bold;
margin-left: 0px;
padding: 10px 3px 5px 10px;
text-align: left;}

.table, .erase2{display: none;}

th, td{background-color: #ffffff;
font-size: 13px;
text-align: center;}

.olympic{background-color: white;width: 100%;}

.position{background-color: #000099;
color: red;
margin-bottom: 7px;
margin-left: 14px;
margin-top: 28px;
padding: 3px 0px 3px 3px;}

.player{margin-top: 14px;}

.player, .position{font-weight: bold;}

.player, .profile{font-size: 14px;
text-align: left;}

.profile{margin-bottom: 7px;padding-left: 14px;}



.navi1{
background-color: #ffffff;
font-size: 13px;
font-weight: bold;
margin-left: 0px;
text-align: center;}

.navi2{
background-color: #eeeeee;
font-size: 15px;
font-weight: bold;
margin-left: 0px;
text-align: center;
padding: 0px 0px 5px 0px;}

.navi2 A:link {color:#ff8000;text-decoration:none; display: block; width: 100%;}
.navi2 A:visited {color:#ff8000;text-decoration:none;}
.navi2 A:active {color:#ff8000;text-decoration:none;}
.navi2 A:hover {color:#000000;text-decoration:none;  background-color:#ff8000;}

.bold{font-weight: bold;}

#map{font-size: 17px;
font-weight: bold;
margin-bottom: 15%;
width: 98%;}

#map0{background-color: #000000;
color: #ffffff;
padding: 10px;
text-align: center;}

#map1{
background-color: #cccccc;
border: 1px solid #ff8000;
color: #000000;
text-align: left;}

.map2{
background-color: #ffffff;
border: 1px solid #ff8000;
text-align: left;}

#map0, #map1, .map2{margin-left: 0px; padding: 10px;}

.map2 A:link {  color:#000000 ;  text-decoration:none; display: block; width: 100%;}
.map2 A:visited {  color:#000000 ;  text-decoration:none ;}
.map2 A:active {  color:#ff0000 ;  text-decoration:none ;}
.map2 A:hover {  color:#ffffff ;  text-decoration:none ;  background-color:#ff8000;}


#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, #close A:link { color: #000000; text-decoration:none;  display: block; width: 100%;}
#top A:visited, #close A:visited{ color: #000000; text-decoration:none;}
#top A:hover, #close A:hover{ color: #00ffff; text-decoration:underline;}
#top A:active, #close A:active{ color:#ff0000; text-decoration:underline;}


#appendix1{
background-color: #ffffff;
font-size: 14px;
line-height: 2.0em;
padding: 10px;
width: 94%;}

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

#appendix3{
margin-bottom: 50px;
padding-top: 25px;
text-align: right;}

#close{
margin-bottom: 5%;
margin-top: 5%;
font-size: 20px;
font-weight: bold;}

.center{
margin-left: 0px;
text-align: center;}

A:link {color:#ff8000;text-decoration:none;}
A:visited {color:#ff8000;text-decoration:none;}
A:active {color:#ff8000;text-decoration:none;}
A:hover {color:#000000;text-decoration:none;  background-color:#ff8000;}


.fig1a{background-color: #fff200;
font-size: ;
font-weight: bold;
padding: 5px 0px 5px 0px;}

.fig1b{background-color: #e3e3e3;
font-size: ;
font-weight: bold;
padding: 5px 0px 5px 0px;}