body {
  background-color: #0077c0;
  width: 828px;
  font-family: martlett, verdana, arial, helvetica, sans-serif;
  font-size: 12px; 
  margin: .63em 0 0 .63em;
  padding: 0;
}


h1 {
  font-family: martlett, verdana, arial, helvetica, sans-serif;
  font-size: 1.5em;
  margin: 0 0 .63em 0;
  padding: 0;
  color: #0077c0;
}
h2 {
  font-family: martlett, verdana, arial, helvetica, sans-serif;
  font-size: 1.1em;
  margin: 1.25em 0 .3em 0;
  padding: 0;
  color: #0077c0;
}
h3 {
  font-family: martlett, verdana, arial, helvetica, sans-serif;
  font-size: .9em;
  margin: 1.25em 0 .3em 0;
  padding: 0;
  color: #0077c0
}
logo {
  font-family: martlett, verdana, arial, helvetica, sans-serif;
  font-size: 1.3em;
  margin: 0 0 0 1.5em;
  color: #0077c0;
}
p {
  font-family: verdana, arial, helvetica, sans-serif; 
  line-height: 1.1em;
  margin: 0 0 .625em 0;
  padding: 0;
}
a.menu {
  color: #0077c0;
  font-family: tahoma, martlett, verdana, arial, helvetica, sans-serif;
  font-weight: 600;
  font-size: 1.1em;
  line-height: 2em;
  text-decoration: none;
}
a.menu:link {
  color: white;
}
a.menu:link.blue {
  line-height: 1.0em;
  font-weight: 400;
  background-color: white;
  color: black;
}
a.menu:visited {
  color: white;
}
a.menu:hover {
  background-color: #0077c0;
  color: white;
}

a.menu2 {
  color: #0077c0;
  font-family: tahoma, martlett, verdana, arial, helvetica, sans-serif;
  font-weight: 600;
  font-size: 1.1em;
  line-height: 2em;
  text-decoration: none;
}
a.menu2:link {
  color: white;
}
a.menu2:visited {
  color: white;
}
a.menu2:hover {
  background-color: #f57828;
  color: white;
}


a.mail {
  font-family: tahoma, martlett, verdana, arial, helvetica, sans-serif;
  font-weight: 600;
  font-size: 1.1em;
  line-height: 2em;
  text-decoration: none;
}
a.mail:link {
  color: white;
}

a.mail:visited {
  color: white;
}
a.mail:hover {
  background-color: white;
  color: #0077c0;
}


a.contactmail {
  font-family: tahoma, martlett, verdana, arial, helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.1em;
  text-decoration: none;
}
a.contactmail:link {
  color: purple;
}

a.contactmail:visited {
  color: purple;
}
a.contactmail:hover {
  color: #0077c0;
}

.content {
  position: relative; 
  top: 9em;
  background-color: white;
  padding: .63em;
  z-index: 4;
}
.content>p {
  margin: 0 0 .63em .63em;
}
.content>p+p {
  margin: 0 0 .63em .63em;
}
.floatleft { 
float: left;
padding: 1em;
}
.floatright { 
float: right;
}

#header {
  position: absolute;
  width: 800px;
  top: .63em;
  font-size: .9em;
  font-family: Marlett; 
  color: #0077c0; 
  font-weight: 600;
  font-style: italic;
  background-color: white;
  padding: 1.25em;
  z-index: 1;
}
#locale {
  position: absolute;
  width: 18.75em;
  top: .63em;
  left: 50em;
  z-index: 2;
}
#navigation {
  position: relative;
  top: 11.25em;
  font-size: 0.8em;
  background-color: #f57828;
  padding: 0;
  text-indent: 1.25em;
  z-index: 3;
}
#footer {
  position: relative;
  top: 11.5em;
  font-size: 0.8em;
  color: white;
  text-indent: 1.25em;
  z-index: 5;
}
#address {
  position: relative;
  font-size: 0.9em;
  top: 10.5em;
  padding: 1em;
  color: white;
  border: 1px solid #f57828;
  z-index: 6;
}
#doggy {
  position: relative;
  width: 85em;
  left: 500px;
  padding: .63em;
  z-index: 7;
}
#dogofthemonth {
  position: absolute;
  width: 18.75em;
  top: 1em;
  left: 22em;
  z-index: 2;
}