body, address, 
h1, h2, h3, h4, h5, h6,
p, div, table, td,tr,ul,ol,li, img {font-family: sans-serif}

body {background: #c8c8ff; color: black}

/* body {font-size: smaller} */

div {padding: 5px}

div.main {width: 50%; float: left
          }
div.main p {text-align: justify}
div.mainNoRight {width: 75%; float: left}
div.left {float: left; width: 210px}
div.aboutLeft {float: left; width: 20%; background: white} /* this is to fix
                                                              top alignment 
							      on about page */
div.right {background: white; color: black; /* was float:left */float: right; /* was width:30% was width:25% */
           width: 210px; clear: right}

/* header */
div.header {text-align: center}
div.header img {clear: both; text-align: center; margin-bottom: 2px}
div.header p {margin-top: 2px}

p.navBar {font-size: small; background: #bbb; color: black;
          padding: 1px; border: solid #bbb 1px; margin-left: 0px;
          text-align: center}

/**/

div.footnote {}
p.footnote {font-size: smaller; margin-top: 0px; margin-bottom: 0px}

.error {color: black; background: red}

p.product {margin: 0em}
img.product {text-align: center; margin-bottom: 0em}
div.right {text-align: center}
div.product {text-align: left}
p.productDesc {font-size: smaller; text-align: right;
               margin-top: 0px}

p.logo {clear: both; text-align: center}

hr {clear: both}

div.products,
div.services {
	background: white;
	color: black;
	margin-bottom: 5px;
	font-size: smaller;
	border: solid white 1px;
}

div.poll {
	background: white;
	color: black;
	margin-bottom: 5px;
	font-size: smaller;
	border: solid white 1px;
	width: 250px;
}

div.aboutAddress {background: white; color: black;
	       margin-bottom: 5px}

div.product {background: white; color: black;
             margin-bottom: 5px
             }

li.head {font-weight: bold; border: black solid 0px; border-bottom-width: 2px}

li.thisGroup {font-weight: bold} /* we are almost on this page... */
li.thisGroup ul {font-weight: normal}
li.here {font-weight: bold}      /* we are at this page (no hyperlink) */

ul.spacedout li { padding-bottom: 0.5em }

ul.plain {list-style-type: none; margin: 0px;
          padding: 3px
          }
ul.plain li {margin-bottom: 3px}

ul.pagesummary {font-size: smaller; list-style-type: none;
                background: #bbb; border: solid #bbb 10px;
		padding-left: 0px; margin-left: 20px; margin-right: 20px}
ul.pagesummary li {margin-bottom: 3px}

dt {font-weight: bold}
dd {margin-bottom: 1em}

address {font-style: normal; font-size: smaller;
         clear: both; width: 100%}


p.stocklink {text-align: left}
table.stocklist th {text-align: left; background: #c8c8ff; color: black}
table.stocklist td {font-size: smaller; text-align: left; vertical-align: top}
table.stocklist col.stockcode {}
table.stockcode col.stockdesc {}

sup.trademark {font-size: smaller}

div.main a.external {background-color: #cccccc}

/* neutered links */
span.externallink {color: #0000aa}

@media screen {  /* hide from IE3 */
a:hover { background: #ffa } 
}

@media print {

}