/* 
 *  --------- Front or index page (front) -----------
 */
body.front {
 margin-left: 10%;
 margin-right: 10%; 
 background: #CCCC99; 
 background-image: url("./images/foreground.jpg");
 background-repeat: repeat;
 background-attachment: fixed;
}

.fronttitle {
 font-family: "Comic Sans MS", Garamond, serif;
 font-size: 22pt; 
 font-style: oblique;
 font-weight: bold;
 color: #FFCC33; 
 margin-left: 10%; 
 margin-top: 2em;
 margin-bottom: 1em;
}

/* navigation at the index page */
.frontnav {
 text-decoration: none;
 font-family: Monaco, Courier, sans-serif;
 font-size: 7pt; 
 font-weight: bold;
 color: #FFCC33; 
}

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

img.nails {
 border: 0px groove #993300;
 margin: 0px;
}

A.nails:link IMG { border: 3px solid #FF0000 }
A.nails:visited IMG { border: 3px solid #990000 }

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

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

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

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