body, table, td, p { font-family: arial,verdana; color: black; font-size: 10pt; text-decoration: none; }
body { background-color: #003366; } 

/* a-z on lapidary index page */
.menu table { font-family: verdana,arial; }
.menu td { border: 1px solid #FFFFFF; font-size: 12pt; color: #777777; background-color: #008888; width: 30px; line-height: 24px; text-align:center; }
.menu a:link { font: bold 12pt Arial, sans-serif; color: white; text-decoration: none; line-height: 24px; display: block; } 
.menu a:visited { color: white; }
.menu a:active { color: white; }
.menu a:hover { color: #FFCC33; text-decoration: underline; }

/* buttons - print, lap home, home  */
.plainLinks a:link { color: #008888; font: bold 14px Arial,sans-serif; text-align: center; text-decoration: none; line-height: 18px; display: block; }
.plainLinks  a:visited { color: #008888; font: bold 14px Arial,sans-serif; text-align: center; text-decoration: none; }
.plainLinks a:hover { color: #FF3333; text-decoration: underline; }
.plainLinks td { text-align: center; background: #FFBB33; border: 2px solid #008888; }

/* background colours for groups of pages */
.info { background: #FFFFBF; padding-top: 10px; padding-bottom: 15px; }    /* css for info sheets */
.crystPr { background: #F7FBFF; padding-top: 10px; padding-bottom: 15px; }
.gold { background: #FFD700; padding-top: 10px; padding-bottom: 15px; }
.silver { background: #C0C0C0; padding-top: 10px; padding-bottom: 15px; }
.rough { background: #FFDD9C; padding-top: 10px; padding-bottom: 15px; }
.vault { background: #303030; padding-top: 10px; padding-bottom: 15px; }
.smithing { background: #BBFFE0; padding-top: 10px; padding-bottom: 15px; }
.jwlshop { background: #303030; padding-top: 10px; padding-bottom: 15px; }

#main { background-color: #FFFFFF; text-align: justify; border: 2px solid #C09A03; overflow: auto; padding: 1px 15px; }
#mainDL { background-color: #FFFFFF; text-align: justify; }
#theMDiv { display: none; position: absolute; }
#theMDiv a { color: #0000FF; line-height: 125%; }

.hL { background-color: #FFD700; height:5px; text-align:center; line-height:60%;}
.hLT { font-size: 7pt; padding-bottom:4px; }
@media print {.hLT {visibility: hidden;}}
@media print {.noPrn {visibility: hidden;}}

/* for alignment of columns - no work for ie6 (&7?) */
.tab2c td:first-child+td {text-align:right; padding-right:10px} 
.tab3c td:first-child+td+td {text-align:right; padding-right:10px; } 
.tab4c td:first-child+td+td+td {text-align:right; padding-right:10px;} 
.tab5c td:first-child+td+td+td+td {text-align:right; padding-right:10px;}
.tab6c td:first-child+td+td+td+td+td {text-align:right; padding-right:10px;}
.tab7c td:first-child+td+td+td+td+td+td {text-align:right; padding-right:10px;}
.tab9c td:first-child+td+td+td+td+td+td+td+td {text-align:right; padding-right:10px;}

.tab2r td:first-child+td {text-align:right; } 
.tab3r td:first-child+td+td {text-align:right; }
.tab4r td:first-child+td+td+td {text-align:right;}
.tab5r td:first-child+td+td+td+td {text-align:right;}
.tab6r td:first-child+td+td+td+td+td {text-align:right;}
.tab7r td:first-child+td+td+td+td+td+td {text-align:right;}

.tab1m td:first-child {text-align:center;} 
.tab2m td:first-child+td {text-align:center;} 
.tab3m td:first-child+td+td {text-align:center;} 
.tab4m td:first-child+td+td+td {text-align:center;} 
.tab5m td:first-child+td+td+td+td {text-align:center;}
.tab6m td:first-child+td+td+td+td+td {text-align:center;}

.tab1L td:first-child { text-align:left; }
.tab2L td:first-child+td { text-align:left; } /* seems to be needed to cancel inherited align right? */
.tab3L td:first-child+td+td { text-align:left; }
.tab4L td:first-child+td+td+td { text-align:left; }
.tab5L td:first-child+td+td+td+td { text-align:left; }
.tab6L td:first-child+td+td+td+td+td { text-align:left; }

/* feedback panel */
#feedback { height: 28px; background: #008888; color: #FFCC33; font: bold 10pt Arial,sans-serif; text-align: center; vertical-align: middle; }
#eMailUs { color: #FFCC33; } 
#eMailUs:link { color: #FFCC33; }
#eMailUs:hover { color: #FF0000; }

/* footer html incl */
.footer_nav { color:#000000; font-size:8pt; }
.footer_nav a { color:#000000; font-size:8pt; text-decoration:none;}
.footer_nav a:hover { color:#0099FF; font-size:8pt; text-decoration:none;}
.style1 {font-size: 8pt}