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

#logo{height: auto;width: 22.4%;}

#box{border-left: solid 45px #004080;
border-right: solid 45px #004080;
padding-top: 20px;
width: 70%;}

#head, .erase, .space00, #process{display: none;}



h1, h2, h3{
color: #990000;
font-weight: bold;
font-size: 23px;
margin-bottom: 2.0em;
margin-top: 3.0em;
text-align: center;}

#main, #main2, #demonstration, #main3, .main4{
font-size: 15px;
line-height: 2.0em;
width: 80%;}

#main3{text-align: center;}
#main, #main2, #demonstration, , .main4{text-align: left;}

#demonstration{padding-bottom: 10em;}

#begin{margin-bottom: 3.0em;margin-left: 0px;margin-top: 1.0em;}

.guest, .title{font-size: 17px;font-weight: bold;margin-top: 4.0em;}

.guest{margin-bottom: 0.5em;}

.right, #replisome {text-align: right;}

#replisome{margin-top: 2.0em;}
#page{border: 3px solid #990000;font-weight: bold;padding: 5px 15px 5px 15px;}

.center, #center2, #center3, #title_table{margin-left: 0px;
text-align: center;}

.demonstration{margin-bottom: 4.0em;margin-top: 2.5em;text-align: left;}

#center2{vertical-align: top;}
#center3{margin-bottom: 6.0em;}

#list{border: 1px solid blue;font-weight: bold;padding-bottom: 2.5em;padding-top: 2px;width: 70%;}

.title{margin-bottom: 0.5em;text-align: left;}
.title1{background-color: yellow;padding: 3px 9px 3px 9px;}
#title_list{background-color: blue;font-size: 18px;color: white;padding: 3px 6px 3px 6px;}
.title_security{background-color: red;color: white;float: right;font-weight: bold;margin-top: 4.0em;text-align: center;width: 54%;}

.title_demo{background-color: #cc0000;color: white;font-weight: bold;padding: 5px 10px 5px 10px;}

.left_card{float: left;font-weight: bold;margin-top: 2.0em;text-align: center;width: 30%;}

.contents{
margin-left: 15px;
margin-bottom: 4.0em;text-align: left;}

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

#contents_list{margin-top: 2.5em;text-align: left;}

nav{font-weight: bold;margin-bottom: 4.0em;}

.space0{clear: both;}

hr{margin-bottom: 2.0em;margin-top: 5.5em;}

#picture1{height: auto;width: 82%;}
#picture2{height: auto;margin-bottom: 6.0em;margin-top: 2.0em;width: 94%;}
.picture3{height: auto;margin-bottom: 0.5em;margin-top: 3px;width: 62.2%;}
#picture4{height: auto;margin-bottom: 4.0em;margin-top: 2.0em;width: 67.4%;}
#picture5{height: auto;margin-bottom: 5.0em;margin-top: 7px;width: 94%;}
#picture6, #picture7, #picture8, #picture9{height: auto;margin-bottom: 5.0em;margin-top: 12px;width: 90%;}

#picture10{height: auto;margin-bottom: 5.0em;margin-top: 14px;width: 58.8%;}
#picture11{height: auto;margin-bottom: 0.5em;margin-top: 9px;width: 57.4%;}
#picture12{height: auto;margin-bottom: 8.0em;width: 88%;}
#picture13{height: auto;margin-bottom: 6.0em;margin-top: 1.0em;width: 48%;}
#picture14{height: auto;margin-bottom: 6.0em;width: 54%;}


.brown{color: #990000;}

.back_black{background-color: black;color: white;}
.back_yellow{background-color: yellow;}
.back_black, .back_yellow{font-weight: bold;padding: 3px 5px 3px 5px;}

#next{background-color: #990000;font-weight: bold;margin-left: 0px;text-align: center;}
#back{background-color: #999999;font-weight: bold;margin-left: 0px;margin-bottom: 5.0em;margin-top: 5.0em;padding-right: 20px;text-align: right;}

#smart{background-color: #cc0000;padding: 10px ;vertical-align: middle;}
#smart A:link, #smart A:visited{color:#ffffff ;  text-decoration:none ;}


#back A:link, #back A:visited, #next A:link, #next A:visited{color:#ffffff ;  text-decoration:none ;display: block;width: 100%;}

.demonstration A:link, .demonstration A:visited{color:white ;  text-decoration:underline ;}

.title A:link, #main2 A:link {color:#000000 ;  text-decoration:underline ;}
.title A:visited, #main2 A:visited {color:#800000;  text-decoration:underline ;}
.title A:active, #main2 A:active, .demonstration A:active {color:#ff0000; text-decoration:none ;}
.title A:hover, #main2 A:hover, .demonstration A:hover, #smart A:hover{color:#00ffff; text-decoration:none;}


#close{font-size: 20px;font-weight: bold;margin-bottom: 50px;margin-top: 3.0em;}

#close A:link,  #list A:link {color:#000000 ;  text-decoration:underline ;display: block;width: 100%;}
#close A:visited,  #list A:visited {color:#800000 ;  text-decoration:underline ;}
#close A:active,  #list A:active, #back A:active, #next A:active {color:#ff0000 ;  text-decoration:none ;}
#close A:hover,  #list A:hover, #back A:hover, #next A:hover {color:#00ffff ;  text-decoration:none ;}

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


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