/* First the page structure */

body { padding-left: 11em; margin-left: 0;} /* make room for the navigation bar */
body div { position: relative;}
.header, .footer { margin-left: -11em;} /* extend left into the body's padding */
body .navigation, body .content { float: left;}
.navigation { width: 10em; margin-left: -11em;} /* shift this left, into the body's padding. */
.content { min-width: 400px;}
.footer { clear: both;}
* html .navigation { left: 11em;} /* IE6 hack */

/* Now the styling */

:link { color: #946d5e; text-decoration: none;}
:visited { color: #946d5e; text-decoration: none;}

body
{ 
  background-color: #ffffff;
  background-image: url('images/background.png');
  background-repeat: no-repeat;
  background-attachment: fixed;

  font-family: Georgia, Times, Times New Roman, sans-serif;
  line-height:1.3;
}
.navigation
{
  padding-top: 2em;
}

.navigation a,
.navigation p
{
  display: block;
  margin-top: 0;
  margin-bottom: 1em;
  padding: 0.25em;
  border-top: 1px solid #946d5e;
  border-bottom: 1px solid #946d5e;
  border-right: 1px solid #946d5e;
  text-align: right;
  background-image: url('images/background-menu.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #543e35;
}

.navigation a:hover,
.navigation p
{
  background-image: url('images/background-menu-high.png');
  color: #543e35;
}

.navigation .logo
{
  margin-bottom: 2em;
  text-transform: uppercase;
  font-size: 120%;
  font-weight: bold;
}

.content
{
  margin-top: 6.6em; 
  margin-right: 1em;
  padding: 10px;
  border: 1px solid #946d5e;
  background-color: #f9f4ec;
}
.image-caption,
.image-caption p
{
  margin: 0;
  padding: 0;
  font-size: smaller;
}

table.announcement { width: 100%;}
table.announcement td, .announcement p { text-align: center;}
.announcement p.title
{
  text-transform: uppercase;
  font-weight: bold;
  font-size: larger;
}
.announcement p.subtitle
{
  font-weight: bold;
}