body {
background: #B4B4B4;
margin: 0;
}

.container {
width: 708px;
margin: 0 auto;
background: white;
border-left: 2px solid black;
border-right: 2px solid black;
padding-bottom: 12px;
}

.content {
padding: 12px 11px 24px 36px;
}

.panel {
float: right;
width: 320px;
margin-bottom: 12px;
padding: 0 20px;
}

#menu {
width: 269px;
padding: 6px 12px;
border: 1px solid black; 
}
#menu ul {
padding: 0;
margin: 0;
list-style: none;
}

p {
font: 80%/135% arial, sans-serif;
margin: 0;
}
p.para {
text-indent: 1em;
padding-bottom: 0.7em;
}
p.sig {
font-weight: bold;
padding-left: 2em;
margin-bottom: 1em;
}
p.menuitem {
padding-bottom: 0.2em;
}
p.more {
padding: 0 0 1.2em 1em; 
}
p.more a {
color: red;
font: bold 90% arial, serif;
text-decoration: none;
margin: 0 2em 1em 0;
}
p.more a:hover {
color: blue;
text-decoration: none;
font-weight: bold;
}
p#photocaption {
font: bold 75% verdana, sans-serif;
text-align: center;
margin: 8px 32px 0 32px;
}
p.instructions {
clear: both;
font: italic 100% "times new roman", serif;
}
p.smallcaption {
font-size: 70%;
font-style: italic;
text-align: center;
}
p.inscription {
text-align: center;
margin: 0 0 1em 0;
}

a {
color: black;
font-weight: bold;
}
a:hover {
text-decoration: none;
color: blue;
}

h5.menusubhead {
font: bold 80% arial, sans-serif;
margin: 0;
padding-bottom: 0.3em;
}

h1, h2, h3 {
text-align: center;
}

h1, h2, h3, h4 {
margin: 0 0 0.5em 0;
}

ul {
margin: 0;
}

blockquote {
text-align: center;
}

.title {
padding: 0.5em 0 0.5em 0;
}

.slides {
padding: 1em 0 1em 0;
}

.button {
border: 0px;
}

#lbutton {
float: left;
margin: 8px;
}

#rbutton {
float: right;
margin: 8px;
}

.illustration {
display: block;
margin: 12px auto 0 auto;
border: 1px solid black;
}

.pageheader {
margin-bottom: 16px;
}

.footer {
clear: both;
background: gray;
width: 70%;
padding: 3px 0;
margin: 0 auto 0 auto;
border: 2px solid black;
text-align: center;
}
.footer a {
font: 80% arial, sans-serif;
color: #DDDDDD;
text-decoration: none;
}

.footer a:hover {
font-weight: bold;
color: #FFFFFF;
}
.leftpic {
text-align: left;
float: left;
width: 70px;
margin: 0 10px 0 0;
}

.rightpic {
float: right;
width: 70px;
margin: 0 0 0 10px;
}

div.galpic {
text-align: center;
margin-top: 12px;
margin-bottom: 42px;
}

.galpic img {
display: block;
margin: 0 auto;
}

p.galcaption {
font: 90%/125% georgia, serif;
width: 320px;
margin: 6px auto;
}