body { background: #000000; color: #cccccc; font-family: Times New Roman, serif; font-style: normal; font-size: 1.2em	}
h1 { background: #000000; color: #ff3658; font-family: Times New Roman, serif; font-style: normal; font-size:1.8em }
h2 { background: #000000; color: #ff3658; font-family: Times New Roman, serif; font-style: normal; font-size:1.6em; margin:0 } 
h3 { background: #000000; color: #ff3658; font-family: Times New Roman, serif; font-style: normal; font-size:1.4em; margin:0 }
h4 { background: #000000; color: #ff3658; font-family: Times New Roman, serif; font-style: normal; font-size:1.2em; margin:0 }
p { background: #000000; color: #cccccc; font-family: Times New Roman, serif; font-style: normal; font-size: 100% }
.attrib { background: #000000; color: #ffffff; font-family: Times New Roman, serif; font-style: normal; font-size: 75% }
/* a:link { color: #ffffff;  text-decoration: none ! important } */
/* a:visited { color: #ed717a;  text-decoration: none ! important } */
/* a:hover { color: #ff3658;  text-decoration: none ! important } */
a:link { color: #bbdb88;  text-decoration: none ! important }
a:visited { color: #72b720;  text-decoration: none ! important }
a:hover { color: #528412;  text-decoration: none ! important }
td.title { text-align: left; background: #000000; color: #ffffff; font-family: Arial, sans-serif; font-style: normal; font-weight: bold; }
td.desc { background: transparent url(/img/dots.gif) bottom left repeat-x; vertical-align: bottom; text-align: left}
td.price { text-align: right; padding-right: 0.25em; width: 10% }
td.sku { text-align: left; padding-left: 0.25em; width: 15% }
span.item { background-color: black; font-weight: normal; padding-right: 0.25em }
td.artist { vertical-align: top; text-align: left; width: 25%; white-space: nowrap; padding-right: 0.25em  }
td.topic { vertical-align: top; text-align: left; width: 65%; padding-right: 0.25em  }
td.date { vertical-align: top; text-align: left; width: 10%; padding-right: 0.25em  }
span.award { font-style: italic; padding-right: 0.25em }
td.exhib { vertical-align: top; text-align: left; width: 35%; padding-right: 0.25em  }
td.location { vertical-align: top; text-align: left; width: 55%; padding-right: 0.25em  }
td.pubname { vertical-align: top; text-align: left; width: 35%; padding-right: 0.25em  }
td.feature { vertical-align: top; text-align: left; width: 40%; padding-right: 0.25em  }
td.pubdate { vertical-align: top; text-align: left; width: 25%; padding-right: 0.25em  }
td.gallery { vertical-align: top; text-align: left; width: 20%; white-space: nowrap; padding-right: 0.25em  }
td.gal-location { vertical-align: top; text-align: left; width: 35%; padding-right: 0.25em  }
td.works { vertical-align: top; text-align: left; padding-right: 0.25em }
.mainpara { margin: 10px 10% 10px 10% }

/* The material below is for menu testing.... */
#menu {
    background-color: #000000; 
}
#menu div.top {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: left ! important;
    width: 100%;
}
#menu div.section {
    position: absolute;
    display: inline;
    text-align: left ! important;
}
#menu div.box {
    background-color: #000000;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-color: #000000;
    border-width: 1px;
    border-style: none none none none;
    text-align: left ! important;
    position: static;
    visibility: hidden;
    width: 100%;
}
#menu a {
    font-family:  verdana, arial, sans-serif;
    font-size: 18px;
    color: #ff3658;
    text-decoration: none;
    text-align: left ! important;
    white-space: nowrap;
}
#menu a:hover {
    font-family: verdana, arial, sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    text-align: left ! important;
    white-space: nowrap;
}









