#index{position:relative; margin:15px auto; width:750px; height:570px;}
h1{font-family:Century, serif; font-size:45px; margin:0;}
.ta, .tb{position:absolute; z-index:1;}
.ta{top:20px; left: 50px;}
.tb{top:60px; left:150px;}
h2{position:absolute; top:35px; left:160px; font-size:50px; margin:0; text-align:center;}
.t4, .t5, .t6, .t7, .t8{width:55px; z-index:0; float:left;}
.t4{margin:0 35px} .t5{margin:0 30px} .t6{margin:0 20px} .t7{margin:0 13px} .t8{margin:0 8px}
h3{font-size:14px; margin:0;}
h4{font-size:14px; margin:0; font-weight:400; text-indent:1em;}
p{margin:0.2em 0 0.2em 2em; text-indent:1em; line-height:1.3; font-size:13px;}
#title{height:110px}
#counter{padding:0 15px; text-align:right;}
#history,#info,#menu,#about{position:absolute; width:350px;}
#history{top:160px; left:15px;}
#history .box{height:60px;}
#info{top:260px; left:15px;}
#info .box{height:240px; overflow:auto;}
#menu{top:160px; left:380px;}
#menu .box{height:230px;}
#about{top:430px; left:380px;}
#about .box{height:70px;}
#about p{margin:0}
#copy{margin:0 5px; position:absolute; top:540px; width:730px; border-width:3px; border-style:double;}
.box{padding:5px;}
.c{text-align:center; margin:0; border:none;}