body  { background-color: #0f0f0f; background-image: url(raffe-and-spanners.jpg); color: white; font-family: sans-serif; padding: 0px; margin: 0px; }
p { text-align: justify; border: 1px solid #222; padding: 10px; margin: 1em 0px; }
.paragraph { text-align: justify; border: 1px solid #222; padding: 10px; }

a { color: yellow; text-decoration: none; border-bottom: 1px dotted yellow; }
a:hover { border-bottom: 1px solid yellow; }

#main-menu-container { margin: 20px; }
#main-menu { font-size: 20px; text-align: center; background-image: url(menu-background.png); width: 170px; height: 630px; }
#main-menu-header { background-image: url(menu-header.png); width: 170px; height: 22px; }
#main-menu-footer { background-image: url(menu-footer.png); width: 170px; height: 26px; }
#main-menu ul { list-style: none; padding: 15px; margin: 5px; padding-top: 0px; text-align: right; margin-top: 0px; }
#main-menu li { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #666; width: 100%; height: 24px; }
#main-menu a { color: white; text-decoration: none; border: none; display: block; padding-right: 5px; }
#main-menu a:hover { font-weight: bold; background-image: url(menu-highlight.gif); }
#main-menu span a:hover { font-weight: normal; text-decoration: underline; }
.mainMenuSelected { font-weight: bold; }

#content { width: 60%; padding: 20px; padding-top: 0px; min-width: 600px; }

img { border: none; }

.dedication-name { font-size: 120%; font-weight: bold; }
.dedication-name img { padding-right: 10px; }
.dedication-name a { color: white; text-decoration: none !important; border: none !important; }

.slideshow  { width: 640px; height: 427px; position: relative; }
.slideshow  img { width: 640px; height: 427px; position: absolute; top: 0px; left: 0px; }

.news td { width: 33%; vertical-align: top; text-align: center; padding: 10px; }
.newsDate { font-style: italic; }

/* News */

.news-item  { border: 1px solid orange; margin: 20px 0px 20px 0px; }
.news-item-title, .news-item-date { background-color: orange; }
.news-item-title { text-align: left; font-size: 120%; font-weight: bold; padding: 5px 5px 0px 5px; }
.news-item-date { text-align: right; font-size: 75%; font-style: italic; padding: 0px 5px 0px 5px; }
.news-item-text { text-align: left; text-align: justify; margin: 20px; }
.news-item-comments { font-size: 80%; padding-bottom: 10px; text-align: right; padding-right: 10px; }
.news-item img { max-width: 100%; margin: auto; display: block; }