body
 { background-image: url(bg057.gif); color: black; position: absolute;
top: 0;
left: 0 ;
right: 0 ;
bottom: 0; 
margin:  auto;
width: 940px;
 } 
p.resizeimage img{width:100%;}
.left-box-1{
float: left;
width: 250px;
height: 3000px;
}


.left-box-2{
float: left;
width: 500px;
height: 3000px;
border: 1px soled ####;
}
p.welcome7 {

background-color: #000000;;
border:solid 2px #FFFFFF;
margin:0px;padding:5px;
width:230px;}

#nav {
  list-style: none;
  overflow: hidden;
}
 
#nav li {
  width: 150px;
  text-align: center;
  background-color:#0000FF;
  float: left;
}
 
#nav li a {
  text-decoration: none;
  color:white;
  font-weight: bold;
}

.lb {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .3s opacity ease;
    z-index: -1;
}

.lb img {
    width: auto !important;
    max-height: 100%!important;
    transform: scale(.7);
    transition: .4s transform ease;
    pointer-events: none;
}

.lb:target {
    opacity: 1;
    z-index: 103;
}

.lb:target img {
    transform: scale(1);
}



.lb::before,.lb::after {
    display: block;
    position: fixed;
    content: "";
    width: 24px;
    height:3px;
    top: 24px;
    right: 12px;
    background: #fff;
    border-radius: 4px;
}
.lb::before {
    transform: rotate(-315deg);
}
.lb::after {
    transform: rotate(315deg);
}

#pagetop {
position: fixed;
bottom: 50px;
right: 250px;



div.box {
width:100%;
height:100px;
overflow:auto;
background-color:#FFFAFA;
border:1px #F0F0F0 dashed;
font-size:80%;
color:#ADFF2F;
}
div.box p {
margin:1em 10px; 
}