body {
margin: 0;
padding: 0;
background-color: navy;
background-image: url('gray.jpg');
text-align: justify;
font-family: Arial, Helvetica, sans-serif;

}

wrapper {
background-color: black;
color: white;
margin: 30px 40px 30px 40px;
}

#clearone {
clear: both;
height: 1px
}


#top1 {

background: white;
text-align: center;
}



#topbox {
/* float: left; */
/* margin-right: 25%; */
padding-left: 5px;
text-align: center;

}

#topbox2 {
position: absolute;
text-align: center;
top: 116px;
margin-left: 79%;
width: 160px;
background: #FFFFFF;

/* border: 4px groove #BDC5CE; */

}


#bottomnav {
clear: both;
background: #8FBC8F;
}

img {
padding-left: 0px;
margin-left: 0px;
}


#albumlist {
list-style: none;
padding-left: 0;
margin-left: 0;
}

#albumlist li {
float: left;
/* margin-right: 2px; */
margin-bottom: 4px;
font: bold 0.8em Arial,Helvetica, sans-sarif;
color: #333333;
}

#albumlist img {
display: block;
/* border: 1px solid #333300; */
}


h1 {
font-size: 24px;
font-weight: bolder;
color: navy;
margin-bottom: -15px;


}



a:link, a:visited {
/* font-size: 0.75em; */
padding:2px; 
font-weight: bold;
 font-size: 12px;
text-decoration: underline;
color: navy;
background-color: lightgrey;
}

a:hover, a:active {
font-weight: bold;
font-size: 12px;
text-decoration: underline;
color: yellow;
background-color: navy;
}

h3 {
font-size: 1em;
background-color: white;
}