body {
    width: 720px;
    margin: 0 5% 0 5%;
    background: lightGray;
    position: relative;
}
.nav {
     font-size: 75%;
     clear: both;
     text-align:center;
 }
h1 {
    font-size: 150%;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight:bold;
}
#pagename {
    font: 150% Verdana;
}


.nav {
    font: 60% Verdana;
    text-align: center;

}    
p {
    font: 80% Verdana;
    line-height: 80%;
    text-align: center;
    margin-top: 0;
}
p a:hover {
    background: inherit;
    color: #000;
}
/*     
---------------------------------------------------Gallery style */
.gallery {
         cursor: default;
         list-style: none;
}
.gallery a {
         
         position:relative;
}
.gallery a .prev
{
	     display: none;
}
.gallery a:hover .prev {
         display: block;
	     position: absolute; 
	     top: -38px;
	     left: -50px;
	     z-index: 1;
}
.gallery img {
         background: #fff;
         border-color: #aaa #ccc #ddd #bbb;
         border-style: solid;
         border-width: 1px;
         color: inhert;
         paddling: 2px;
         vertical-align: top;
         width: 150px;
         height: 113px; 
         
}
.gallery a:hover {
         display: block;
         font-size: 100%;
         z-index: 1;
}



.gallery li {
    position: static;
    background: #eee;
    back-color: #ddd #bbb #aaa #ccc;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    diaplay: inline;
    float: left;
    margin: 3px;
    padding: 5px;
    z-index: 10;
}


.gallery .prev {
         dispay: block;
         border-color: #000;
         width: 480px;
         height: 360px;
         z-index: 1;
}

 #footer {
         margin-top: 150px;
         border-top: medium solid #CCC;
         font-size: 70%;
         text-align: right;
          }