body {
 background-color: #ffcabf;
 background-image: url(../images/bg.png);
 color: #800040;
 text-align: center;
 font-family: Arial,Helvetica,Verdana,sans-serif;
}
#content {
 width: 40em;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}
h1 {
 height: 100px;
 margin: 0;
 margin-left: 367px;
 margin-right: 77px;
 border: 0 none;
 padding: 0;
 background-image: url(../images/title-bg.png);
}
#title {
 float: left;
 position: relative; /* IE hack - clips contents otherwise */
 margin-left: -367px;
 width: 367px;
 height: 100px;
 background-image: url(../images/title-left.png);
}
#title :link, #title :visited {
 display: block;
 width: 367px;
 height: 100px;
 text-decoration: none;
}
#title :link:hover, #title :visited:hover {
 text-decoration: none;
}
#title-right {
 float: right;
 position: relative; /* IE hack - clips contents otherwise */
 margin-right: -77px;
 width: 77px;
 height: 100px;
 background-image: url(../images/title-right.png);
}
#body {
 clear: both;
 border-left: solid 1px #800040;
 border-right: solid 1px #800040;
 padding-left: 0.5em;
 padding-right: 0.5em;
 background-color: white;
}
#crumbtrail {
 margin-bottom: 0.5em;
}
#navigation {
 float: left;
 width: 10em;
 margin: 0;
 border: none 0;
 padding: 0;
 list-style: none;
}
#navigation li {
 border: solid 1px #800040;
 background-color: #ffcabf;
}
#navigation li:hover {
 background-color: #ff9480;
}
#navigation a {
 display: block;
 width: 100%;
 padding: 0.25em;
}
#maintext {
 margin-left: 10em;
 padding-left: 0.5em;
 padding-right: 0.5em;
 padding-bottom: 1em;
}

#css-warning {
 margin: 1em;
 border: solid 3px #800040;
 padding: 0.5em;
 background-color: #ffcabf;
}

#maintext > #css-warning {
 display: none;
}

h2 {
 margin-top: 0;
 border-top: solid 2px #ff9480;
}

h3 {
 margin-top: 0;
 border-top: solid 1px #ff9480;
}
h4 {
 margin-top: 0;
}

#footer {
 clear: both;
 margin: 0;
 background-color: #800040;
 color: white;
 text-align: center;
}

:link, :visited {
 color: #8f0099;
 text-decoration: none;
 font-weight: bold;
}
:link:hover, :visited:hover {
 text-decoration: overline underline;
}
#navigation :link, #navigation :visited {
 color: #800040;
 font-weight: normal;
}
#navigation :link:hover, #navigation :visited:hover {
 text-decoration: none;
}

ul {
 margin-left: 0;
 padding-left: 1em;
}
li {
 margin-left: 0;
}
dt {
 font-weight: bold;
}
table {
 border-collapse: collapse;
}

.hide { display: none; }
.photo-album {
  width: 100%;
}
.photo-album td {
  padding: 0.25em;
}
.shaded { background-color: #eee; }