body { background: #ffffff}
.main { background: #ffffff; border: solid 1px #000080 }
.toprow { border: solid 1px #000080 }
.bg1 { background: #ffffc0 }
.bg2 { background: #F9F0C1 }
.bg3 { background: #FEE8FE }
.bottomrow { border: solid 1px #000080 }


.bg1-header { background: #5A7D2D; color: #ffffff; border-top: solid 1px #000000; border-bottom: solid 1px #000000; font: bold .8em Verdana, Arial, Helvetica }
.bg3-header { border-bottom: solid 1px #000000; color: #000000; font: bold .8em Verdana, Arial, Helvetica }

.menu { color: #800080; font: bold .8em Verdana, Arial, Helvetica }
	.menu A:link, .menu A:visited { color: #808080; text-decoration: none }
	.menu A:active, .menu A:hover { color: #800080; text-decoration: underline overline }
	
.column { color: #000000; font: .8em Verdana, Arial, Helvetica }
.description { color: #000000; font: .8em Verdana, Arial, Helvetica }
table#products td { color: #000000; font: bold .9em Verdana, Arial, Helvetica; text-align:center }
/*
table#products td { color: #000080; font: bold .9em Verdana, Arial, Helvetica; text-align:center }
*/

.content { color: #000000; font: .75em Verdana, Arial, Helvetica }
.title { border: solid 1px #000000; color: #C00000; font: bold 110% Arial, Verdana, Helvetica }

.small { font-size: .8em }

h1 { color: #C00000; font: bold 1.3em Arial, Verdana, Helvetica; }
h2 { color: #C00000; font: bold italic 1.3em Arial, Verdana, Helvetica; }
h3 { color: #C00000; text-transform: uppercase; font: bold 1.2em Arial, Verdana, Helvetica }
h4 { color: #C00000; text-transform: uppercase; font: bold italic 1.2em Arial, Verdana, Helvetica }
h5 { color: #C00000; text-transform: lowercase; font: bold 1.1em Arial, Verdana, Helvetica }
h6 { color: #C00000; text-transform: lowercase; font: bold italic 1.1em Arial, Verdana, Helvetica }


ul, ol, ul ul, ol ol, ul ul ul, ol ol ol, input, select, textarea { font: 1em Verdana, Arial, Helvetica }
ul { list-style: url('images/bullet.gif') }
hr { color: #C00000; height: 1 }

/*
A:link { color: #C00000 }
A:visited { color: #C00000 }
A:active, A:hover { color: #DFD290 }
*/
A:link { color: #000000; text-decoration: none }
A:visited { color: #000000; text-decoration: none }
A:active, A:hover { color: #C00000; text-decoration: none }

/*----------------------------------------------------------------
   styles for the product display
  ----------------------------------------------------------------*/
/*
// these first ones are for the generated "boxtable" pages
//  this was the old style:  table#products td
.prodsmall { color: #000080; font-style:normal; font-variant:normal; font-weight:normal; font-size:.9em; font-family:Verdana, Arial, Helvetica; text-align:center}
*/
.prodsmall { color: #000080; font-style:normal; font-variant:normal; font-weight:normal; font: .9em Verdana,Aria,Helvetica; text-align: center; }
/*  this was the old style:  .small */
.prodsmall2 { color: #00ff00; font: .8em Verdana, Arial, Helvetica }
.prodsmall_section_links { font-size: .8em }
/*---------------------------------------------------------------
// need to be more specific with this one?   why? 
//   ah probably this one (is this needed?):   table#products td
//td div.prodtitle { color: #B93214; font: bold .8em Verdana, Arial, Helvetica }
*/
.prodtitle { color: #C00000; font: bold 1.0em Verdana, Arial, Helvetica }
.prodid { color: #C00000; font: bold 1.0em Verdana, Arial, Helvetica }
.prodprice { color: #C00000; font: bold 1.0em Verdana, Arial, Helvetica }
.proddesc { color: #000000; font: .9em Verdana, Arial, Helvetica }
.prodoptions { color: #000000; font: .9em Verdana, Arial, Helvetica }
.prodquestions { color: #000000; font: .9em Verdana, Arial, Helvetica }
.prodsoldout { color: #ff0000; font: 1.1em Verdana, Arial, Helvetica }
/*  additional text for "sold out" / "not available" to explain... */
.prodsoldout2 { color: #000000; font: 1.1em Verdana, Arial, Helvetica }
.prodfooter_questions { color: #000000; font: .9em Verdana, Arial, Helvetica }