body { margin: 0;  background: #FFFDEE; text-align: center; font-size: 12px; font-family: Georgia; }
body.fullview { background: #C6AF90; }

img { display: block; border: 0; }

td {  padding: 0; }

.clear { clear: both; }

form { display: inline; }

.userPin {
  display: none;
}
#main { margin: 0 auto; text-align: left; width: 722px; }

#home-header { height: 401px; width: 722px; position: relative; }
#home-header img { position: absolute; }
  #home-header img.fancy { left: 213px; top: 331px; }
  #home-header img.plain { left: 66px; top: 11px; }
  #home-header img.select { left: 67px; top: 390px; }
  #home-header img.photo { left: 82px; top: 224px; }

#letter-links.home { margin: 0 0 12px 66px; }

#home-info { margin: 0 53px 14px 53px; }
  #home-info .book { float: left; }
  #home-info .info { margin-left: 248px; color: #8B6746; font-weight: itallics; font-size: 11px; }
  #home-info .info img { margin-top: 12px; }


#home-footer { clear: both; margin: 0 53px 0 36px; padding: 0 0 0 0; position: relative; }

#home-search { position: absolute; width: 209px; height: 95px; left: 452px; top: 0px; }
  #home-search img.title { margin: 0 0 0 7px; }
  #home-search .box { background: #C40000; width: 209px; height: 79px;  position: relative; margin-top: 9px; }
    #home-search .box div { padding: 4px 6px 0 6px; }
  #home-search table { width: 100%; }
  #home-search td { padding: 6px; }
  #home-search td.gap { padding: 0 6px; background: #FFFDEE; }
  #home-search .col1 { width: 180px; }
  #home-search input.txt,
  #home-search select { width: 135px; font-size: 11px; }
  #home-search input.txt { width: 131px; }

#footer { font-size: 10px; color: #666; margin: 10px 36px; }
  #footer a { color: #000; }
  #footer a.hidden { color: #666; text-decoration: none; }
  #footer a.hidden:hover { color: #000; text-decoration: underline; }
#footer.sub { margin: 10px 36px 10px 46px; }

#letter-links-home { position: relative; overflow: hidden; margin: 0 0 12px 66px; }
#letter-links-home img { position: absolute; }
#letter-links-home a { display: block; position: absolute; top: 0; }
#letter-links-home a:hover { top: -24px; background: #fff; } /* hack to get it to work in IE for some reason */
#letter-links-home div { position: relative; width: 610px; height: 24px; }


#letter-links,
#letter-links-home { height: 24px; }

#sub-header #letter-links { position: absolute; left: 67px; top: 76px;  overflow: hidden;}
#sub-header #letter-links a { display: block; position: absolute; top: 0; }
#sub-header #letter-links a:hover { top: -24px; background: #fff; } /* hack to get it to work in IE for some reason */
#sub-header #letter-links div { position: relative; width: 610px; height: 24px; }

.letter-a { left: 0px; }
.letter-b { left: 24px; }
.letter-c { left: 47px; }
.letter-d { left: 71px; }
.letter-e { left: 97px; }
.letter-f { left: 119px; }
.letter-g { left: 139px; }
.letter-h { left: 163px; }
.letter-i { left: 190px; }
.letter-j { left: 208px; }
.letter-k { left: 227px; }
.letter-l { left: 251px; }
.letter-m { left: 271px; }
.letter-n { left: 299px; }
.letter-o { left: 325px; }
.letter-p { left: 351px; }
.letter-q { left: 372px; }
.letter-r { left: 399px; }
.letter-s { left: 422px; }
.letter-t { left: 441px; }
.letter-u { left: 464px; }
.letter-v { left: 488px; }
.letter-w { left: 512px; }
.letter-x { left: 540px; }
.letter-y { left: 563px; }
.letter-z { left: 584px; }

#sub-header { width: 731px; height: 282px; position: relative; }
#sub-header img { position: absolute; }
  #sub-header img.txt { left: 152px; top:  184px; }
  #sub-header img.faces { left: 71px; top: 18px; }
  #sub-header img.incomplete { left: 558px; top: 255px; }
  #sub-header img.or1 { left: 73px; top: 121px; }
  #sub-header img.or2 { left: 291px; top: 121px; }
  #sub-header img.go1 { left: 239px; top: 115px; }
  #sub-header input.go2 { position: absolute; left: 461px; top: 115px; }
  #sub-header img.home-button { left: 624px; top: 39px; }
  #sub-header .names { position: absolute; left: 93px; top: 115px; }
    #sub-header .names select { font-size: 11px; width: 139px; display: block; }
  #sub-header .keywords { position: absolute; left: 313px; top: 115px; }
    #sub-header .keywords input { width: 135px; font-size: 11px; display: block;  }
  #sub-header img.select { top: 66px; left: 67px; }
  



#sub-footer { position: relative; height: 117px; padding: 0 0 0 47px; margin: 40px auto 0 auto; }
  #sub-footer img { position: absolute; }
  #sub-footer img.goals { left: 498px; } 
  #sub-footer img.info { top: 107px; }

.red { color: #BA0000; }
.small { font-size: 11px; }

#results { position: relative; margin: 0 auto; color: #8B6746; padding: 0 54px 0 76px }
  #results .info { padding: 2px 10px 6px 0;  }
  #results .pages { float: right; position: relative; }
    #results .pages a { color:#8B6746 ; }
#results .pages .currentPage { color: #000; }
  #results .set { position: relative; width: 583px; height: 245px; }
    #results .set img { position: absolute; }
  #results .result { position: absolute; width: 160px; height: 196px; top: 34px; color: #fff; font-style: italic; font-weight: bold; font-size: 11px; }
  #results .p01 { left: 18px; }
  #results .p02 { left: 214px; }
  #results .p03 { left: 409px; }

    #results .result img.main { left: 17px; }
    #results .name { position: absolute; bottom: 0px; padding-left: 12px; }
    #results .namearrow { bottom: 0px; }
    #results .zoom { left: 133px; top: 133px; }
    #results .incomplete { left: 133px; top: 99px; }


  #details { margin: 0 23px 0 39px; position: relative; color: #8B6746; }
    #details a { color: #8B6746; }
    #details .info { padding-left: 20px; }
    #details .bged { background: url(images/sub_details_bg.gif) repeat-y; position: relative; border-top: 1px solid #FFFDEE; height: 1%; }
      #details img.header { position: absolute; } 
      #details img.main { position: absolute; left: 38px; top: 30px; }
      #details .name { position: absolute; top: 14px; left: 187px; color: #000; font-size: 17px; font-style: italic; }
      #details .arrow { position: absolute; top: 18px; left: 177px; }
      #details .zoom { position: absolute; top: 198px; left: 22px; }
      #details .content { margin: 41px 3px 0 185px; position: relative; color: #000; }
        #details .content .contribute { float: right; width: 192px; height: 197px; position: relative; }
          #details .content .contribute img { position: absolute; }
          #details .content .contribute img.button { left: 7px; }
          #details .content .contribute .con-info { position: absolute; left: 8px; top: 70px; width: 170px; height: 110px; font-size: 10px; }
        #details .content .gap { background: #C6AF90; margin: 6px 0; }
        #details .content img.title { margin: 6px 0; }
        #deatils .content .incomplete { margin: 0 0 6px 0; }
        #details .content p { margin: 0 0 1em 0; font-size: 11px; }


      #details .about { position: absolute; top: 260px; left: 22px; width: 148px; font-size: 10px; line-height: 2em; }
      #details .content input { border: 1px solid #C6AF90; padding: 2px 4px; font-size: 13px; font-family: Georgia; }
      #details .content input.w2 { width: 20px; }
      #datails .content input.w4 { width: 30px; }
      #details .content input.w20 { width: 100px; }
      #details .content input.w30 { width: 130px; }
      #details .content input.w40 { width: 160px; }
      #details .content textarea.notes { width: 400px; height: 88px; border: 1px solid #C6AF90; padding: 2px 4px; font-size: 13px; font-family: Georgia; }
      #details .content .submit { float: right; margin-right: 40px; border: 0; } 
      #details .content .brown { color: #8B6746; }
      #details .content .minheight { float: right; }
      #details .thankyou { line-height: 1.8em; }



#fullview { width: 660px; height: 595px; position: relative; }
#fullview img { position: absolute; }
#fullview img.bg { top: 36px; left: 31px; }
#fullview img.close { top: 25px; left: 607px; }
#fullview img.mainimg { top: 59px; left: 61px; }
#fullview .name { position: absolute; top: 16px; left: 31px; color: #fff; }