body { margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 36px; font-weight: bold; font-family: Trebuchet MS; padding-top: 44px; margin: 0; }
h2 { font-size: 24px; color: #333; font-weight: normal; font-family: Trebuchet MS; margin: 0; padding-bottom: 11px; padding-top: 10px; }
h3 { font-family: Trebuchet MS; font-size: 16px; padding-top: 10px; }
h4 { font-weight: bold; font-size: 12px; padding-top: 10px; }
p { padding: 5px 0px 7px 0px; margin: 0; }

#page { margin-left: auto; margin-right: auto; width: 900px; background-color: #F5AF2C; }
#headerArea img, #footerArea img { display: block; float: left; }

#menuSeperatorArea { height: 20px; width: 900px; clear: both; }
#footerSeperatorArea  { height: 40px; width: 900px; }

#menuArea { padding: 0; margin-left: auto; margin-right: auto; width: 738px; }
#menuArea ul { padding: 0; margin: 0; margin-left: 3px; line-height: 1.6em; }
#menuArea li { display: inline; padding-right: 20px; }
#menuArea a { text-decoration: none; color: #fff; font-weight: bold; font-family: Verdana; }
#menuArea { background-color: #00470c; }

#contentArea { width: 738px; margin-left: auto; margin-right: auto; text-align: left; }
#contentArea a { color: #000; }
#contentArea a:hover { color: #fff; }

#productsTable { width: 100%; }
#productsTable tr { height: 25px; }
.tableHeader { background-color: #00470c; color: #fff; font-weight: bold; text-align: center; }
.tableDivider { background-color: #ccffcc; }
.tableProduct { background-color: #669966; }

#distributorsTable { width: 100%; }
#distributorsTable tr { height: 25px; }
#distributorsTable .odd { background-color: #669966; }
#distributorsTable .even { background-color: #99cc99; }