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

#head{border: solid 6px #ff8000;height: auto;width: 69%;}

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

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

.right_top1{width: 53.5%;}
.right_top2{width: 26%;}
.right_top3{width: 20.5%;}

.right_top1, .right_top2, .right_top3{margin-top: 0px;margin-left: 0px;float: left;}

.right2{text-align: right;}

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

#top2{
font-size: 90%;
font-weight: bold;
line-height: 3.0em;
margin-left: 0px;
margin-top: 0px;
padding-left: 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-top: 20px;width: 18%;height: auto;}

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

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

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

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

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

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

.right, .right-picture, #picture_right{float: right;}
.left, .left-picture{float: left;}

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

.left, .right{margin-top: 10px;width: 40%;}

#picture_right{border: 5px solid #ff8000;width: 43%;height: auto;}
#picture_right2{width: 30.5%;height: auto;margin-left: 100px;}

.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{width: 88%;}

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

.olympic, .erase{display: none;}

.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: 32%;}

#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: 10%;
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: 100%;}

#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;}