body {
  background: #9298ba repeat-x scroll top left;
  margin: 0;
  padding: 0;
  color: #38456f;
  font-size: 11pt;
  font-family: Arial, Helvetica, sans-serif
}

/* Header related styles */
#page #header {
  position: relative;
  background: #0d0723 url(../images/sea_header.jpg) left 1.5em repeat-x;
  overflow: hidden;
}
#page #header .sr-logo {
  float: left;
  margin: 30px 0 0 5px;
}
#page #header .sr-birds {
  float: right;
  margin: 25px 40px 0 0;
}
#page #header .navigation_links {
  position: absolute;
  top: 0; right: 50px;
  padding: 2px;
  color: #fff;
}
#page #header .navigation_links a {
  color: #fff;
  font: 11pt arial;
  text-decoration: none;
}
#page #header .navigation_links a:hover,
#page #header .navigation_links a:focus {
  text-decoration: none;
  color: #d0e0f0;
}
#page #header .navigation_links a.current {
  color: #90a0c5;
}


/* Page content */
#page #content {

}
#page #content .photostring {
  margin: 55px 0 0 0;
}

#page #content .chalk_img {
  margin: 0 0 0 15px;
}
/*
The centered_content class is used on the parent
divs of our page header and page content in order
to center and decorate the content
*/
#page .centered_content {
  margin: 0 auto;
  width: 900px;
  text-align: left;
}