/* 
 *  --------- Front or index page (front) -----------
 */
body.front {
 margin-left: 10%;
 margin-right: 10%; 
 background: #CCCCCC;
 text: #000000; 
}

A:link { color: #660000 }
A:visited { color: #993333 }

div.front {border-top: groove 2px #666699; margin-top: 4pt; margin-bottom: 4pt; }

.fronttitle {
 font-family: "Comic Sans MS", Garamond, serif;
 font-size: 22pt; 
 font-style: oblique;
 font-weight: bold;
 color: #000033; /* text color */
 margin-left: 10%; /* to the right from BODY */
 margin-top: 2em;
 margin-bottom: 1em;
}

/* navigation at the index page */
.frontnav {
 text-decoration: none; /* no underline */
 font-family: Monaco, Courier, sans-serif;
 font-size: 7pt; /* or 75% or small */
 font-style: italic;
 font-weight: bold;
}

table.nails { 
 /* border: #FF0000 2px solid; */
 margin-left: 0%; 
 margin-top: 10px; 
 margin-bottom: 10px; 
 width: 95%;
} 

img.nails {
 /* border: 10px solid #808080;  just placeholder */
}
A.nails:link IMG { border: 2px solid #660000 }
A.nails:visited IMG { border: 2px solid #993333 }


table.captions { 
 border: 2px dashed;
 margin-left: 0%; 
 margin-top: 10px; 
 margin-bottom: 10px; 
 width: 95%;
} 
td.captions {
 text-align: center;
 vertical-align:top;
 border: 2px solid;
 background: #EEEEEE;
}

A.captions:link IMG { border: 2px solid #660000 }
A.captions:visited IMG { border: 2px solid #993333 }


img.inline-left{
 float: left;
 margin: 10px;
}
img.inline-right{
 float: right;
 margin: 10px;
}
p.para{
clear: both;
}

/*
 * --------- Image page (imgpage) ------------------
 */
body.imgpage {
 margin-left: 10%;
 margin-right: 10%; 
 background: #CCCCFF; 
}

img.imgpage { 
 border: 10px groove #000099;
} 

table.imgpagenavtop { 
 /* border: #FF0000 0px solid; */
 margin-left: 10%; 
 margin-top: 10px; 
 margin-bottom: 10px; 
 /* width: 30%; */
} 
table.imgpagenavbot { 
 margin-right: 10%; 
 margin-top: 10px; 
 margin-bottom: 10px; 
 /* width: 30%; */
}