html, body {
  margin: 0;
  padding: 0;
background-color: gray;
}
body {
  font-family: "Avant Garde", "Century Gothicarial",Arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 101%;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
background-color: gray; }

p {
  margin: 0 10px 10px;
}

div#container {
  margin-left: auto;
  margin-right: auto;
//  width: 1024px ;
  min-width: 600px;
  max-width: 1260px;
background-color: #fefdf0; 
}

div#header  {
 /* 
  height: 129px;
background-image: url(../images/header_27.png); 
*/
}

div#header img  {
 width: 100%;
}

div#content h1 {
 margin: 0 10px 10px;
font-size: 133%;

}
div#content p {
  line-height: 1.4;
}
div#navigation {
 /* background: #b9caff ; */
padding-top: 4px; }
div#extra {
  /* background: #ff8539 ; */
padding-top: 10px;
}
div#footer {
  background: #333333 ;
  color: #ffffff;
}
div#footer p {
  margin: 0;
  padding: 5px 10px;
}
div#wrapper {
  float: left;
  width: 100%;
}
div#content {
  margin: 0px 33% 0px 180px;
padding-top: 10px;
/* background-color: #ffffff;*/
 }

div#navigation {
  float: left;
  width: 180px;
  margin-left: -100%;
}

div#navigation a {

color:  #031157;
text-decoration: none; 
}
div#navigation a:hover {
color: #031157;
text-decoration: underline; 
}
div#navigation ul { 
padding: 0px ;
margin: 6px 0em 6px 6px; }

div#navigation li {
font-family: "Bell MT";
font-weight: bold;
font-size: 16px;
font-stretch: normal;
margin: 0px 0em 6px 0px;
padding: 0px 0px 0px 32px;
background-image: url(../images/dog.gif) ;
background-repeat: no-repeat;
list-style-type: none; }

div#navigation li:hover {
background-image: url(../images/dog2.gif) ;
}

div#extra {
  float: left;
  width: 33%;
  margin-left: -33%;
}

div#extra img{
	width: 97%;
}

div#footer {
  clear: left;
  width: 100%;
  text-align: right;
  font-size: 75%;
}