#frame {
 top: -10px;
 height:800px;
 width:1000px;
 margin-right:auto;
 margin-left:auto;
 margin-top:0px;
 position:relative;
 background-image:url(../pictures/tile.jpg);
 z-index:1;
 }

body {
 background:#000044;
 text-align:center;
 }

.logo {
 position: absolute;
 left: 0px;
 width: 224px;
 height: 148px;
 background: url(../pics/logoback.jpg);
 z-index: 4;
 }

.book {
 position: absolute;
 left: 0px;
 width: 224px;
 height: 148px;
 background: url(../pics/bookback.jpg);
 z-index: 4;
 }

.logopic {
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 99;  width: 148px;
 height: 148px;
 background-image:  url(../pics/logo.gif);
 }

.topbar {
 width: 1000px;
 height: 84px;
 background: url(../pics/top.jpg);
 z-index:2;
 }

.side {
 position: absolute;
 left: 0px;
 top: 148px;
 width: 160px;
 height: 100%;
 background-image: url(../pics/side.jpg);
 }

.navigation {
 text-align: center;
 font-weight:bold;  background: #96bdf4;
 margin: 0px 40px 0px 40px;
 }

.middle {
 position: absolute;
 left: 160px;
 top: 84px;
 width: 840px;
 height: 100%;
 z-index:10;
 text-align: justify;  background-image:  url(../pics/mid.jpg);
 }

.textmid {
 position: absolute;
 left: 160px;
 top: 84px;
 width: 840px;
 height: 100%;
 z-index:10;
 text-align: justify;  background-color: #ffffcc;
 }

.content {
 position:absolute;
 width:680;
 height:auto;
 padding:5px;
 left:95px;
 right:40px;
 top:90px;
 font:14px/20px times, serif;
 }

p {
 font-size: 1.2em;
 font-weight:200;
 padding-right: 40px;  padding-left: 40px;
 }

i {font-size: 1.0em; font-weight:600;}
li {font-size: 1.1em; font-weight:200;}

#menu dl {
 width: 150px;
 margin: 0px;
 padding: 0px 0px 10px 0px;  background: #69c;
 }

#menu dt {
 margin: 0;
 padding: 10px 10px 10px 10px;
 font-size: 1.2em;
 font-weight: bold;
 color: #fff;
 border-bottom: 1px solid #fff;
 background: #69c;
 }

#menu dd {
 margin: 0px;
 padding: 0px;
 color: #fff;
 font-size: .9em;  font-weight: 600;
 border-bottom: 1px solid #fff;
 }

#gallery a, #gallery a:visited {
 color: #fff; text-decoration: none;
 display: block;
 padding:5px 5px 5px 10px;  background: #47a;
 width: 150px;
 voice-family: "\"}\"";
   voice-family:inherit;
   width:138px;
 }

#gallery a:hover {
 background: #258;
 color:#9cf;
 }

a:link {
 color:#0000ee;
 font-family: Times New Roman;
 font-size:x-normal;
 text-decoration:none;
 }

a:visited {
 color:#365d9f;
 font-family: Times New Roman;
 font-size:x-normal;
 text-decoration:none;
 }

a:hover {
 color:#0000ff;
 font-family: Times New Roman;
 font-size:x-normal;
 font-weight:bold;
 text-decoration:underline;
 }

a:active {
 color:#000000;
 font-family: Times New Roman;
 font-size:x-normal;
 text-decoration:none;
 }