body {
margin: 0 auto;
background-color: #000080;
}

body div {
text-align: left;

}

#main {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background-color: #000080;
}

#head {

margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: center;
height: 160px;
background-image: url("gallery/longheader.gif");
background-position: center;
background-repeat: no-repeat;
}

#head h1 {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 50px;
color: White;
}

#menu {
float: left;
clear: left;
width: 150px;
font-family: Cooper Black;
margin-bottom: 10px;
margin-left: 5px;
font-size: 14px;
}
#submenu {
float: left;
clear: left;
width: 155px;
font-family: Cooper Black;
margin-left: 5px;
font-size: 14px;
}


#menu h1 {
background-color: black;
padding-left: 5px;
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
color: Red;
}

#menu a {
background-image: url("gallery/1.png");
color: Black;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;

border-bottom: 1px solid #292929;
}

#menu a:hover {

background-image: url("gallery/2.png");

}

#sidegallery {
float: right;
clear: right;
width: 130px;
text-align: left;
margin-bottom: 10px;
margin-right: 10px
}

a img {
border: 2px solid #575757;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
}

a:hover img {
border: 2px solid #676767;
}

#content {
font-family: serif;
padding: 5px;
margin-left: 160px;
margin-right: 160px;
margin-bottom: 10px;
background-color: white;
color: #292929;
background-image: url("gallery/3.png");
background-repeat : repeat-y;
}

#content h1 {
font-size: 14px;
margin-top: 5px;
margin-bottom: 0px;
color: #292929;
}

#content a {
text-decoration: none;
color: #292929;
font-style: italic;
}

#content a:hover {
text-decoration: underline;
}

#foot {
text-align: center;
color: White;
font-size: 12px;
}

#foot a {
color: White;
text-decoration: none;
font-style: italic;
}

#foot a:hover {
text-decoration: underline;
}