/*
CSS for Adopted Paws site
*/

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #e2edff;
  line-height: 125%;
  padding: 0;
  margin: 0;
 }

li {
   font-size: small;
}

p {
  font-weight: bold;
  color: navy;
}

#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  background-color: #bed8f3;
  border-top; 3px solid #7da5d8;
  border-bottom: 3px solid #7da5d8;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
 }

h1, h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
} 

h1 {
   font-size x-large;
   background-color: navy;
   color: white;
   padding-top: 2em:
   padding-bottom: .2em;
   padding-left:  .4em; 
   margin: 0;
}

h2 {
   color: navy;
   font-size: 130%; 
   font-weight: normal;
   padding-top:  15px;
   margin: 0;
}


#navigation {
  width: 180px;
  border: 1px dotted navy;
  background-color:  #7da5a8;
} 

a {
  font-weight: bold;
}

a:link {
  color: black;
}

a:visited {
  color: navy;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
}

a:active {
  color: aqua;
  background-color: navy;
}

/*
This section deals with the position of items on the screen.
It uses absolute positioining - fixed x and y coordinates measured from 
the top-left corner of the browser's content display.
*/


#navigation,#bodycontent, #header, {
 position: absolute;
}

#navigation, #bodycontent {
 top:  107px;
}

#bodycontent {
  left: 200 px;
}


#header {
 width: 100%;
}   

/*This section tries to float the cover.
*/

#cover {
 float: right;
 width: 300px;
}