/*  skp-style.css  */

body  /* The whole area visible in the browser window */
  {
  margin: 0;
  padding: 0;
  font-size: 95%;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #000;
  background-color: #FEF4C1;  /*  light sand tan */
  }

p {
  margin-left: 2em;
  }

h1
  {
  font-size: 150%;
  }

h2
  {
  font-size: 135%;
  }

h3
  {
  font-size: 120%;
  }

h4
  {
  font-size: 110%;
  }

div#wholepage  /* The entire web page defined by this code */
  {
  /*  This puts the background down the entire left hand side,
            including behind the navigation links.  */
  background-image: url(nav_EEAAFF.jpg);  /* Light lavender gradient */
  background-repeat: repeat-y;
  }

div#banner  /* The logo and its text as an image */
  {
/*  text-align: center;  */
  background-color: #F5C76D;  /*  medium sand tan  */
  height: 110px;
/*  background-image: url(logo-and-text-with-colored-background.jpg);
  background-repeat: no-repeat;
  background-position: 27% 50%;
  margin: 0;
  padding: 2.9em 0 2em .5em;
  border-bottom: 1px solid #000;
*/  }

div#midpart  /* Contains navigation, content, and clear */
  {
  }

div#navigation
  {
/*  border: 2px solid yellow;  */
  float: left;
  width: 190px;
  padding-top: 1em;
  padding-left: 2em;
  }

div#navigation ul  /* The unordered list of navigation links */
  {
  list-style-type: none;
  padding: 0;
  margin: 0;
  }

div#navigation ul li
  {
  margin-top: 4px;
  }

div#navigation ul li a
  {
  display: block;
  width: 135px;
  padding: 3px 5px 3px 10px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
/*  background-image: url(nav_456699.jpg);  /* Light blue gradient */
  background-repeat: repeat-y;
  }

div#navigation ul li a:link
  {
  color: #117711;
color: #037;
  }

div#navigation ul li a:visited
  {
  color: #774477;
color: #636;

  }

div#navigation ul li a:hover
  {
  color: #FF0033;
  }

div#navigation ul li a:active
  {
  color: #000033;
  }

div#content
  {
/*  border: solid 3px black;  */
  margin-left: 220px;
  margin-right: 190px;
  line-height: 150%;
  }

p#content
  {
  margin-left: 1em;
  }

a.gallery
  {
  padding-right: 3em;
  }

a.brochure{
  padding-right: 3em;
  float: left;
  }

div#clear
  {
  clear: both;
  height: 1em;
  }

div#footer
  {
  clear: both;
  padding: .5em 1em;
  border-top: 1px solid #999;
  text-align: left;
  font-size: 85%;
  }