html, body
{  margin: 0; padding: 0; width: 100%; height: 100%;
background-color: #fffaf0;  text-align: center;
}
    img
{ border: none; padding: 0;
}

html body #pageframe  {
width: 100%; height: auto;
margin: 0; padding: 0; 
background: #fffaf0; 
text-align: center;
}

html body div#top
{  width: 100%; height: 55px;
margin: 0 0 24px 0; padding: 0px;
background-color: #900;
border: .1px solid #900;
 }


/*  The pic div nests the blurb & website divs   */
    #pageframe  div.pic
{ float: left;
width: 33%;
margin: 0; padding: 0; 
text-align: right;
background: #fffaf0; 
 }

         #pageframe    div.pic  div.blurb
    {  text-align: right;
    margin: 0 0 0 10px;
    padding: 4px 9px 5px 0px;
    border-top: 1px solid #c99; border-right: 1px solid #c99; border-bottom: 1px solid #c99; 
    font-family: verdana; font-size: 11px; line-height: 14px; color: #966;      }
         div.blurb .pub
    {      color: #000; border: none;    }


       #pageframe    div.pic  div.website
    { text-align: right;
    margin: 36px 10px 0 0;
    padding: 0;
    }

        div.photocredit
{  font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
margin: 0; padding-top: 6px;
}

.spacer {
clear: left; height: 12px; width: 100%;
}

    #pageframe   div.main  {
float: left;
width: 45%;
background: #fffaf0;
text-align: left;
}

    #pageframe   div.main     div.maintxt  {
margin: 0 0 0 5%; padding: 0; 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 12px; line-height: 17px;
}
div.maintxt p
{ text-indent: 2em; 
margin-top: 0; margin-bottom: 0; }

small
{ font-size: 10px; letter-spacing: 0.25em }


#pageframe    div.main   div.maintxt  div.price
{  font-family: Georgia, Times New Roman, Times, serif; 
font-size: 18px; line-height: 1em;
color: #000;
font-weight: bold;
text-align: right;
margin:  .5em 1em 1em 0;
height: auto;
}

.pic .website a 
{ font-family: Verdana, Helvetica, Arial, sans-serif;
padding: 0;
color: #c00;
font-size: 11px; font-weight: bold;
text-decoration: none; 
text-align: right;
}
.pic .website a:visited { color: #900; }
.pic .website a:hover { color: #f00;
text-decoration: underline; }
.pic .website a:active { color: #fff;
background: #c00; }


    #pageframe  .navcol  {
float: right;
width: 18%; height: auto;
margin: 0; padding: 0;
text-align: center;
display: block;
border: .1px solid #c99;
background: #c99;
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 11px; line-height: 24px;
}
        #pageframe .navcol .navbar p
    {  font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 11px; line-height: 24px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0; padding: 0;
    color: #000;
    background: transparent; 
    }

 #pageframe .navcol .navbar p a { 
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 11px; line-height: 24px;
text-decoration: none;  
}

#pageframe .bottomnav  {
position: absolute;
top: 200px; left: 82%
text-align: left;
margin-top: 36px;  padding: 0;
}
#pageframe .bottomnav p {
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 11px; line-height: 16px;
color: #900;
font-weight: normal;
margin-top: 12px;  padding: 0;
}

/*  Here's the link code  */
    .navcol .navbar p a  {
display: block;
padding: 0;
border-bottom: 1px solid #fff;
text-align: center;
background: #c99;
color: #000;
font-weight: bold;
 }
 .navcol .navbar p a:hover
{  color: #f00; background: #900;
}
.navcol .navbar p a:active {
color: #fff; background: #f00;
font-weight: bold;
}
 #pageframe .bottomnav p a { 
text-decoration: none;  
}
#pageframe .bottomnav p a:hover
{  color: #f00; text-decoration: underline;
}
#pageframe .bottomnav p a:active  {
color: #fff; background: #f00;
font-weight: bold;
}