/* 
 *  --------- Front or index page (front) -----------
 */
body.front {
 margin-left: 10%;
 margin-right: 10%; 
 background: #CCCCFF; 
 scrollbar-arrow-color: #000066; 
 scrollbar-track-color: #CCCCCC;
}

.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;
}
A.frontnav:link { color: #000099 }
A.frontnav:visited { color: #000033 }

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

img.nails {
 border: 0px groove #993300; /* just placeholder */
}

A.nails:link IMG { border: 3px solid #000099 }
A.nails:visited IMG { border: 3px solid #000033 }

div.front {border-top: groove 3px #666699; }

/*
 * --------- Image page (imgpage) ------------------
 */
body.imgpage {
 margin-left: 10%;
 margin-right: 10%; 
 background: #CCCCFF; 
 scrollbar-arrow-color: #000066; 
 scrollbar-track-color: #CCCCCC;
}

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%; */
}