div.print { display: none } /* stop printable headers from appering on screen */

* { font-family : sans-serif; }

a:link { color : blue; }
a:visited { color : gray; }
a:active { color : red; }
a:hover { color : red;}

body { 
   margin : 1em 1em 0 1em; 
   padding : 0; 
   background : #cff; 
}

div.banner {
   width: 100%;
   background: #007fb6;
   text-align: center;
   margin: 0;
   padding: 0;
   border: 2px solid #000;
}

div.banner img {
   clear: both;
   border: 0;
   padding: 0;
   margin: 0;
}

div.itemlist {
   border-bottom: 2px solid #000;
   margin: 2em 0 0 0;
   padding: 0 0 0 0.6em;
}

div.itemlist a:link, div.itemlist a:visited {
   background: #007eb6;
   color: #ff0;
   border: 2px solid #000;
   margin-right: 0.6em;
   padding: 0 10px;
   text-decoration: none;
}

div.itemlist a:hover {
   color: #007eb6;
   background: #ffff8f;
}

 
div.itemlist li {
   display: inline;
   list-style-type: none;
   margin:  0;
   padding: 0;
}

#guestbook_body div.itemlist #guestbook_item a,
#home_body div.itemlist #home_item a,
#animals_body div.itemlist #animals_item a,
#features_body div.itemlist #features_item a,
#family_body div.itemlist #family_item a,
#other_body div.itemlist #other_item a {
   background: #ffc;
   border-bottom: 2px solid #ffc;
   color: #000;
}


#content {
   background : #ffc; 
   border : 2px solid #000; 
   border-top: 0 none;
   clear : both; 
   margin : 0 0; 
   padding : 20px 20px; 
}

#content h1.headline {
   background: #007eb6;
   color: #ff0;
   text-align: left;
   letter-spacing: 0.3em;
   font-weight: bold;
   text-transform: uppercase;
   border: 2px solid #000;
   padding: 5px;
}

span.the {
   font-size: 50%;
   font-style: italic;
   vertical-align: text-top;
}

#content h1.headline p {
}

#content div.headline p:first-letter {
   font-size: 200%;
}


#leftcolumn { 
   width : 15%;
   margin-right : 1em; 
   padding: 0; 
}

#rightcolumn { 
   margin-left : 1em; 
   width: 250px;
   padding : 0;
   float: right;
   text-align: right;
}

div.box {
   border : 2px solid #000;
   color : #000;
   background : #ffff8f;
   margin-bottom : 1em;
   text-align : left;
   padding : 0;
}

#leftcolumn div.box h1 { 
   text-align : center; 
   font-size : x-small;
   font-weight : bold;
   color : #ff0; 
   background: #007eb6; 
   padding : 3px; 
   border-bottom :  1px solid #000; 
   letter-spacing : 0;
}


#leftcolumn div.box li {
   font-size : x-small;
}

div.box h1 { 
   text-align : center; 
   font-size : larger;
   font-weight : bold;
   color : #ff0; 
   background: #007eb6; 
   padding : 3px; 
   border-bottom :  1px solid #000; 
   letter-spacing : 0;
   margin : 0;
}

div.box th {
   background : #ffff8f;
   padding : 0;
   font-weight : normal;
   text-align : left;
   margin: 0;
   padding-left : 3px;
}

div.box td {
   background : #cc9;
   text-align : left;
   margin : 0;
   padding-left : 3px;
}

#family, #family tr, #family td {
   border-collapse: collapse;
   border-width: 0;
   padding: 0;
   margin: 0;
}

#family  #list {
   padding: 2em;
   width: 100%;
}

a img {
   border: 0;
}