/* nice amazon blue: #00659c   0,101,156 */
/* nice google blue: #32659c  50,101,156 */

html {
  height: 100%;        /* for min-height ie hack */
}
html, body, div, span, p, h1,h2,h3,h4,h5,h6 {
  font-family:      verdana, helvetica, arial, sans-serif, georgia, serif;
  font-size:        100%;
  color:            black;
  background-color: transparent;
  margin:           0 0 0 0;
  padding:          0 0 0 0;
}
body {
  background-color: #2b2b2b;
  background-color: white;
  color:            black;
  position: relative;  /* for min-height ie hack */
  min-height: 100%;    /* for min-height ie hack */
}

a:link, a:active, a:visited, a:hover {
  text-decoration: underline;
  color: #32659c;
}
a:visited {
  color:            purple;
  }
a:hover {
  color:            red;
  }

img.go-there-pic {
  width:            5em;
}
a:link img.go-there-pic, a:active img.go-there-pic,
a:visited img.go-there-pic, a:hover img.go-there-pic {
  border: 1px solid #2b2b2b;
}
a:hover img.go-there-pic {
  border: 1px solid red;
}

img.nail-autox84 {
/*  width:            60px;  width:            auto;
*/
  height:           84px;
  margin-right:     5px;
  margin-bottom:    4px;
}
a:link img.nail-autox84,    a:active img.nail-autox84,
a:visited img.nail-autox84, a:hover img.nail-autox84
{
  border: 1px solid #2b2b2b;
}
a:hover img.nail-autox84 {
  border: 1px solid red;
}

img.model {
  float:  left; 
  margin: 1px; 
  width:  100px;
  height: 125px;
}

/* main-2.html styling */
img.h60tn { /* main-2.html thumbs, height 60px */
  height: 60px; 
  margin: 1px 1px 4px 0;
}

img.nail-60x84 {
  width:            60px;
/*  height:           84px;
  width:            auto;
*/  margin-right:     5px;
  margin-bottom:    4px;
}
a:link img.nail-60x84,    a:active img.nail-60x84,
a:visited img.nail-60x84, a:hover img.nail-60x84
{
  border: 1px solid #2b2b2b;
}
a:hover img.nail-60x84 {
  border: 1px solid red;
}

img.nail-90x125 {
  width:            90px;
  margin-right:     5px;
  margin-bottom:    4px;
}
a:link img.nail-90x125,    a:active img.nail-90x125,
a:visited img.nail-90x125, a:hover img.nail-90x125
{
  border: 1px solid #2b2b2b;
}
a:hover img.nail-90x125 {
  border: 1px solid red;
}

img.nail-54x78 {
  width:            54px;
}
a:link img.nail-54x78,    a:active img.nail-54x78,
a:visited img.nail-54x78, a:hover img.nail-54x78
{
  border: 1px solid #2b2b2b;
}
a:hover img.nail-54x78 {
  border: 1px solid red;
}

h1, h2 {
  font-size:        200%;
  font-weight:      bold;
  color:            black;
  margin:           0 0 0 0;
  padding:          0 0 0 0;
}
h2 {
  font-size:        140%;
  font-weight:      normal;
  display:          inline;
}

h1.page-head  {
  font-family:      verdana, helvetica, arial, sans serif;
  font-size:        145%;
  letter-spacing:   0.2em;
  color:            black;

/*  margin-top:       2em;
  padding-top:       2em;*/
}

td.main-idx-td {
  width:            50%;
  vertical-align:   top;
/*  margin-bottom:    15px;
  border-bottom:    15px solid #2b2b2b;
  border-bottom:    15px solid white; */
  padding:          0px 1em 10px 0;
}

td.artist-html-nav {
  background-color: #1c1c1c;
  background-color: white;
  width:            320px;
  height:           40px;
  padding:          5px 0 5px 0 ;
  margin-bottom:    10px;
}
p.artist-html-nav {
  background-color: #1c1c1c;
  background-color: white;
  width:            320px;
  padding:          5px 0 5px 0 ;
  border:           1px solid #808080;
  margin-bottom:    10px;
}

.artist-html-nav {
  background-color: #1c1c1c;
  background-color: white;
  width:            320px;
  padding:          10px 0 10px 0 ;
  margin-bottom:    10px;
  border:           1px solid #808080;
}

.copyright {
  width:            80%;
  margin:           auto;
  margin-top:       10px;  
  font-size:        8pt;
  color:            black;
  text-align:       center;
}

h1.book-head  {
  margin-top:       -.2em;
  font-size:        90%;
  font-weight:      bold;
  display:          inline;
}
h2.author-head {
  font-size:        90%;
  font-weight:      normal;
  font-style:       italic;
  display:          inline;
}


/* block of color at top of every page */
.page-maindiv {
  width: 96%; 
  margin: auto; 
  margin-top: 0; 
  background-color: #32659c;
  padding-top: .6em; 
  padding-bottom: .5em;
  font-size: 80%; 
  text-align: center;
}
.page-mainhead  {
  font-family:      verdana, helvetica, arial, sans serif;
  font-size:        145%;
  letter-spacing:   0.2em;
  font-weight:      bold;
  margin-top:       .3em; 
  color:            white;
}
.page-subhead {
  font-family:      verdana, helvetica, arial, sans serif;
  font-size:        95%;
  font-weight:      bold;
  font-style:       italic;
  letter-spacing:   0.1em;
  display:          block;
  margin-top:       .2em; 
  margin-bottom:    .8em; 
  color:            white;
}


h1.mainhead  {
  margin-top:       -.2em;
  font-size:        90%;
  font-weight:      bold;
  display:          inline;
}

h2.subhead {
  font-size:        90%;
  font-weight:      normal;
  color:            #e0e0e0;
  color:            black;
  display:          inline;
}

.main-entry {
   margin-top: 15px;
   font-size:  80%;
}
p.maintext {
  display: inline;
}

.main-caption {
  text-align: center;
  font-style: italic;
  font-size: 90%;
}

a:link h1, a:active h1, a:visited h1, a:hover h1 {
  text-decoration: none;
  color: black;
}
a:hover h1 {
  color:            red;
}
a:link h2, a:active h2, a:visited h2, a:hover h2 {
  text-decoration: none;
  color: black;
}
a:hover h2 {
  color:            red;
}
a:link div, a:active div, a:visited div, a:hover div {
  text-decoration: none;
  color: black;
}
a:hover div {
  color:            red;
}
a:link p, a:active p, a:visited p, a:hover p {
  text-decoration: none;
  color: black;
}
a:hover p {
  color:            red;
}
a:link img, a:active img, a:visited img, a:hover img {
  border: 1px solid #808080;
}
a:hover img {
  border: 1px solid red;
}

/* --[ books, main-2: hover over thumb, pop up larger image ]-- */

div#links p {
  padding-top:.4em;
  }
div#links { 
/*  position: relative; REMOVE COMMENT  */
  margin:0px;
  }
div#links tr .left {
  padding-bottom:4px;
  text-align: left; /* was right */
/*  width: 30%;*/  
  }
div#links tr .right {
/*  padding-left: 1em; */ 
  }
div#links a {
  margin:0px;
  display:inline;
  text-decoration: none;
  } 
div#links a:hover { 
  border:0px black dashed;
  } 
div#links a .im1 {
  height:2em; 
  height:20px; 
  margin-right:0px;
  padding-right:0px;
  margin-bottom:0px;
  padding-bottom:0px;
  border:none; 
  border-width:0;
  text-decoration:none;
  } 

div#links a .im1a {
  width:125px; 
  margin-right:4px;
  margin-bottom:2px;
  padding-bottom:2px;
  border:none; border-width:0;text-decoration:none;
  } 
div#links a .cov {  /* book cover */
  height:124px; 
  margin-right:4px;
  margin-bottom:2px;
  } 
div#links a .bk-im1 {
  height:60px; 
  margin-right:4px;
  margin-bottom:2px;
  border:none; border-width:0;text-decoration:none;
  } 
div#links a .im2 {
  width: 0; 
  border-width: 0;
  } 
/*div#links a:hover .im2 {
  position: fixed;
  z-index:100;
  top:2px; 
  left: 28%;
  width:auto;
  height: auto;
  max-height: 100%;  
  border: 4px solid white;
  }*/
div#links a:hover .im2 {
  position:fixed; 
  z-index:100;
  top:2px; 
  left: 150px;
  width:auto;
  height: auto;
  max-height: 100%;
  border: 4px outset #d0d0d0;
  }
div#links a .im2-vid {
  width: 0; 
  border-width: 0;
  } 
div#links a:hover .im2-vid {
  position:fixed; 
  z-index:100;
/*  top:100px;  use natural top of row for these small pics */
  left: 25%;
  width:auto;
  height:auto;
  border: 4px outset #d0d0d0;
  }

.block {
  overflow:hidden;
  font-size:80%;
  margin:0;
  padding:0;
  border:none;
  border-width:0;
  }
.white-button {  /* bordered "join/tour" link */
  text-decoration: none; 
  border: 1px solid #32659c; 
  background-color: white;
  font-weight:bold;
  font-style:italic;
  }
.site-stats {
  margin-top:.5em; 
  font-style:italic; 
  font-size: 85%;
  }
.interblock { /* spacing div between blocks */
  padding:0;
  margin:0;
  border: 0 0 0 0; 
  border-bottom:1.3em solid transparent;
  visibility:hidden; 
  clear:left;
  }