body { background-color: #f3f3f3; color: #000; font-size:12pt; font-family: "Comic Sans MS", arial, serif, cursive; text-align: left; padding: 0; margin: 0 0 0 1em; }
 
h1      { color: #000; text-align:center; }
h2      { color: #000; text-align:center; }
hr      { color: #036; }
a       { color: #000; text-decoration: none; font-weight: bold; }
 
img     { border-width:0; border-style:none; padding: 0; margin: 0; }
 
#menuBarDiv           { align:center; width: 75em; padding: 0; margin: 0; border-width: 0; font-size:10pt; font-family: arial, serif; }
 
#menuBar, #menuBar ul { background: #9cf; border: solid #036; text-align: left; float: left; list-style: none; line-height: 1;  border-width: 2px; margin: 0 0 1em 0; font-weight: bold; padding: 0; }
#menuBar a            { color: #036; display: block; text-align:center; text-decoration: none; padding: .2em 0.25em 0.2em 0.25em; }
#menuBar a.submenu    { background: url(SubMenu.gif) center right no-repeat; }
#menuBar li           { float: left; padding: 0; width: 7em; z-index: 99999; white-space: nowrap; }
 
/* Define the menus at level 2 and beyond. */
#menuBar li ul        { width: 16em; position: absolute; left: -999em; height: auto; font-weight: normal; border-width: 2px; margin: 0; }
#menuBar li li        { width: 16em; }
#menuBar li ul a      { width: 15em; text-align:left; }
#menuBar li ul ul     { margin: -1.5em 0 0 5em; text-align:left; }
 
#menuBar li:hover ul ul, #menuBar li:hover ul ul ul, #menuBar li:hover ul ul ul ul, #menuBar li.sfhover ul ul, #menuBar li.sfhover ul ul ul, #menuBar li.sfhover ul ul ul ul { left: -999em; }
#menuBar li:hover ul, #menuBar li li:hover ul, #menuBar li li li:hover ul, #menuBar li li li li:hover ul, #menuBar li.sfhover ul, #menuBar li li.sfhover ul, #menuBar li li li.sfhover ul, #menuBar li li li li.sfhover ul { left: auto; }
#menuBar li:hover, #menuBar li.sfhover { background: #7ad; }
 
.courtesy { font: 8pt arial, helvetica, serif; font-weight: normal; text-align: center; }
 
.gallery div    { margin-left:0,0,0,0; border-style: outset; border-color: darkgray; }
 
.content   { padding: .2em; text-align: left; }
.content a   { color: #036;  text-decoration: none;  font-weight:bold; }
.content tr   { background-color:#e0e0e0; padding: 0px;  font:11pt arial, helvetica, serif; font-weight:normal; vertical-align:top; }
.content table   { text-align: center; margin: 0 0 2em 0; }
.content table th  { padding: .2em; font:16pt arial, helvetica, serif; font-weight:bold; }
.content table td  { padding: .2em; }
.content table table  { margin: 0; }
.content table table th  { padding: 0px;  font:16pt arial, helvetica, serif; font-weight:bold; }
.content table table td  { padding: 0px;  }
 
.faq ul      { list-style: none; padding: 0; margin: 0; border-width: 0; }
.faq .answer { margin: 1em 0 1em 1.2em; }

.thumbnails { float:left; background-color:#c0c0c0; border: 4px solid #606060; padding: 4px; margin: 3px; } 
.thumbnail  { float:left; background-color:#e0e0e0; border: 5px solid #e0e0e0; padding: 0; margin: 3px; font:80% arial, helvetica, serif; font-weight:normal; } 
.thumbnail img { border: 0; vertical-align:middle; } 
.mold img   { border: 0; vertical-align:middle; width:100px; height:115px; }
.mold2 img  { border: 0; vertical-align:middle; width:200px; height:115px; } 
.goop img   { border: 0; vertical-align:middle; width:100px; height:200px; }