html,body{
   margin: 0;
   padding: 0;
   color: white;
   background-color: #666666;
   font-family: verdana, arial, sans-serif;
   font-size: .95em;
   scrollbar-face-color:#666666;
   scrollbar-shadow-color: Black;
   scrollbar-base-color:#CCCCCC;
   scrollbar-highlight-color: #FFFFFF;
   scrollbar-3dlight-color:#D6D6D6;
   scrollbar-darkshadow-color: Black;
   scrollbar-track-color: #666666;
   scrollbar-arrow-color: #fff;
   buttonface: #FFOOOO;
}

#top {
   background:#666666 url(graphics/landscape_banner8.jpg) no-repeat;
   height: 200px;
   border-bottom: 1px solid #aaa;
}

div#nav {
   float: left;
   margin: 0;
   padding: 0;
   height: 20px;
   width: 100%;
   /*background: #666666;*/
   text-align: center;
   border-bottom: 1px solid #aaa;
}
div#nav ul {
   margin: 0;
   padding: 0;
}

div#nav li {
   position: relative;
   list-style: none;
   margin: 0;
   float: left;
   width: 129px;
   border: none;
}

div#nav li a {
   display: block;
   padding: 0.25em 0 0.25em 0.5em;
   text-decoration: none;
   color: #fff;
   width: 96%;
}

div#nav li a:hover {
   background: #aaa;
   color: #666666;
}

div#nav>ul a {
   width: auto;
}

#uberlink {
   background: #aaa;
}

#uberlink a:active {
   color: #666666;
}

#text 
{
    text-align: left;
    margin: 10px;
    color: White;
    padding-right: 2em;
}

div#text h1 
{
    font-weight: bold;
    font-size: 1.2em;
    font-family: "Lucida Calligraphy", Georgia, Verdana, Arial;
    padding-top: 2em;
}

body { text-align: center;}

div#content {
    margin-left: auto;
    margin-right: auto;
    /*width: 80em;*/
}

#content {
   background: #666666;
   text-align:center;
   width: 910px;
   background-color: #666666;
   color: #000;
   border: 1px solid white;
   margin: 10px 0 10px 0;
}

#footer {
   background: #666666;
   text-align: center;
   font-size: 0.8em;
   border-top: 1px solid #aaa;
   margin-top: 20px;
   padding-top: 10px;
   padding-bottom: 10px;
}

body {
   margin: 0;
   padding: 0;
   background: #666666;
   text-align:center;
   font-family: verdana; tahoma; arial, sans-serif; 
   font-size:76%; 
   letter-spacing:0.05em;
}

#navlist a {
height: 1em;
float: left;
clear: both;
width: 100%;
}

#navlist a {height: 1em;}


/* The containing box for the gallery */
#container {
    position:relative; 
    width:760px; 
    height:530px; 
    margin:20px auto 0 auto;
    border:1px solid #aaa; 
    }

/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border: 1px solid #000;
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background:url(images/thumbs/home/home01.gif); 
    height:75px; 
    width:75px;
    }
#container a.slideb {
    background:url(images/thumbs/home/home02.gif); 
    height:75px; 
    width:75px;
    }
#container a.slidec {
    background:url(images/thumbs/home/home03.gif); 
    height:75px; 
    width:75px;
    }
#container a.slided {
    background:url(images/thumbs/home/home04.gif); 
    height:75px; 
    width:75px;
    }
* html #container a.slided {
    width:75px; 
    width:75px;
    }
#container a.slidee {
    background:url(images/thumbs/home/home05.gif); 
    height:75px; 
    width:75px;
    }
#container a.slidef {
    background:url(images/thumbs/home/home06.gif); 
    height:75px; 
    width:75px;
    }
* html #container a.slidef {
    width:75px; 
    width:75px;
    }
#container a.slideg {
    background:url(images/thumbs/home/home07.gif); 
    height:75px; 
    width:75px;
    }
#container a.slideh {
    background:url(images/thumbs/home/home08.gif); 
    height:75px; 
    width:75px;
    }
#container a.slidei {
    background:url(images/thumbs/home/home09.gif); 
    height:75px; 
    width:75px;
    }
#container a.slidej {
    background:url(images/thumbs/home/home10.gif); 
    height:75px; 
    width:75px;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px; 
    height:500px;
    }
#container li {
    float:left;
    }

/* move the thumbnails into the correct position */
#container ul {
    margin:5px; 
    float:left;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff;
    }

/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:520px; 
    height:520px; 
    top:10px; 
    left:200px; 
    color:#000; 
    background:#666666;
    }

#container a.gallery:hover img {
    border:5px solid #fff; 
    float:right; 
    margin-left:5px;
    }

#container a.slideb:hover img, #container a.slidei:hover img {
    float:left;
    }



/*adding a default background image to the photo area*/
#container {
    background:#666666 url(graphics/background.jpg) 75px 10px no-repeat;
    }


.kim {
  float:left;
  border:solid 1px silver;
  padding:5px;
  margin-right:10px;
  } 
  
.dave {
  float:right;
  border:solid 1px silver;
  padding:5px;
  }