.i  {
	font-style: italic }
  .b  {
	font-weight: bold }
  .u  {
	text-decoration: underline }
  .bu {
	font-weight: bold;
	text-decoration: underline }
  /* The color and background-color properties are   */
  /* repeated in HTML and BODY to be compatible with */
  /* older versions of Internet Explorer. */
  html {
	color: #000000;
	background-color: #ffffff }
  body {
	color: #000000;
        font-size: .9em }
  p {
	font-size: .95em }
  /* a:link is the standard un-clicked link look. */
  a:link {
	color: #336622;
	text-decoration: none;
	border-width: 0px 0px 1px 0px;
	border-color: #336622;
	border-style: solid }
  /* An alternative menu link style was called for in */
  /* to maintain the menu identity without fitting */
  /* the look of inline links in the page because */
  /* if I did that with these colours they'd vanish. */
  a.menu:link {
	color: #ffffff;
	font-family: Tahoma, sans-serif;
	text-decoration: none;
	border-width: 0px 0px 0px 0px;
	border-color: #336622;
	border-style: solid }
  a.menu:href {
	color: #ffffff;
	font-family: Tahoma, sans-serif;
	text-decoration: none;
	border-width: 0px 0px 0px 0px;
	border-color: #336622;
	border-style: solid }
  /* a.product:link is for clean non-underlined links */
  /* as found on /products/index.html. */
  a.product:link {
	color: #336622;
	text-decoration: none; }
  /* a:hover is how the link appears when the mouse */
  /* hovering over it. */
  a:hover {
	color: #336622;
	text-decoration: none;}
  /* The hover style for links in the nav. menu. */
  a.menu:hover {
	color: #66bb44;
	font-family: Tahoma, sans-serif; }
  /* a:visited is the look of the link once we have been */
  /* to the page it leads us to. */
  a:visited {
	color: #114400;
	text-decoration: none;
	border-width: 0px 0px 1px 0px;
	border-color: #114400;
	border-style: solid }
  /* This is the link style for menu items. */
  a.menu:visited {
	color: #aaaaaa;
	font-family: Tahoma, sans-serif;
	text-decoration: none;
	border-width: 0px 0px 0px 0px;
	border-color: #336622;
	border-style: solid }
  /* a.product:visited is underline free for the links */
  /* products as found on /products/index.html. */
  a.product:visited {
	color: #114400;
	text-decoration: none;
	border-width: 0px 0px 0px 0px;
	border-color: #114400;
	border-style: solid }
  /* #prev contains style elements for the "previous */
  /* image" links in the photo section. */
  #prev {
	font-size: 3em;
        font-family: Tahoma, sans-serif;
	color: #336622;
	text-decoration: none;
	border-width: 0px 0px 0px 0px;
	border-color: #336622;
	border-style: solid }
  /* #next contains style elements for the "next */
  /* image" links in the photo section. */
  #next {
	font-size: 3em;
        font-family: Tahoma, sans-serif;
	color: #336622;
	text-decoration: none;
	border-width: 0px 0px 0px 0px;
	border-color: #336622;
	border-style: solid }
  #image1 {
	font-size: 2em;
        font-family: Tahoma, sans-serif;
	color: #66bb44;
        position: relative;
        top: .8em;
        left: -2em }
  #image2 {
	font-size: 2em;
        font-family: Tahoma, sans-serif;
	color: #66bb44;
        position: relative;
        top: .8em;
        left: -2em }
  /* #head1 is a darker colour used in all headings */
  /* which is meant to alternate with #head2. */
  #head1 {
	font-size: 3em;
	font-family: Tahoma, sans-serif;
	color: #336622 }
  /* #head2 is a complimentary lighter colour used */
  /* all headings which is meant to alternate with */
  /* #head1. */
  #head2 {
	font-size: 3em;
	font-family: Tahoma, sans-serif;
	color: #66bb44 }
  /* .copy dictates the style and location of the */
  /* copyright string at the bottom of non-scrolling */
  /* pages. */
  .copy {
	font-size: .8em;
	position: absolute;
	top: 90%;
	left: 60% }
  /* .copy-r is used on /information/faq.html to */
  /* deliver correct placement on scrolling pages. */
  .copy-r {
	font-size: .8em;
	position: relative;
	left: 60% }
  /* Used for the first paragraph on a page in */
  /* order to create a drop-cap effect. */
  p.lead:first-letter {
	font-size: 3em;
	font-family: "Times New Roman";
	color: #336622;
	float: left }
  /* #prod-desc is to contain description text */
  /* for a product in a box of such size that */
  /* it offers a pleasing balance when delivered */
  /* on-screen instead of using the full page-width. */
  #prod-desc {
	width: 300px;
	text-align: justify }
  /* h2#prod-title is to call attention to what product */
  /* the viewer is seeing the description to in case */
  /* they have forgotten, jumped to the page via link, */
  /* bookmark, or came back to it after tending to */
  /* something which may have pulled them from the */
  /* computer. */
  h2#prod-title {
	width: 300px;
	color: #336622;
	font-size: 1.6em;
	font-weight: normal;
	font-family: Tahoma, sans-serif }
  /* h2#prod-title2 is the lighter version of */
  /* h2#prod-title set to compliment while also */
  /* distinguish these products from what GMM */
  /* actually produces themselves. */
  h2#prod-title2 {
	width: 300px;
	color: #66bb44;
	font-size: 1.6em;
	font-weight: normal;
	font-family: Tahoma, sans-serif }
  /* #bulk1:first-line defines the style of the first */
  /* line of text in the "Bulk" paragraph under the */
  /* description in each Product page for "We Produce" */
  /* pages in the Products directory. */
  /* Set to match #head1, etc. */
  #bulk1:first-line {
	width: 300px;
	color: #336622;
	font-size: 1.2em;
	font-weight: bold;
	word-spacing: 500em; }
  /* The "bagged" version of #bulk1 above. */
  #bagged1:first-line {
	width: 300px;
	color: #66bb44;
	font-size: 1.2em;
	font-weight: bold;
	word-spacing: 500em; }
  /* This is used to eliminate the IMG element by setting */
  /* the logo as a background image of the cell. */
  #logo {
	background-image: url('images/logo2.gif');
	background-repeat: no-repeat;
	width: 159px;
	height: 100px;
	position: relative;
	top: 0px;
	left: 0px }
  /* div#nav defines the properties of the div container */
  /* which holds all of the nagivation menu items. */
  div#nav {
	width: 157px;
	height: 160px;
	color: #ffffff;
	font-size: 1.5em;
	background-color: #336622;
	border-color: #884400;
	border-width: 4px;
	border-style: double;
    margin-right: 10px }
  /* #about styles the "about" on the navigation menu. */
  #menu {
	color: #ffffff;
	font-family: Tahoma, sans-serif;
	margin-left: 4px;
	background-color: #336622; }
  #menu:first-letter {
	font-size: 2em }
/*  menu {
	color: #ffffff;
	font-family: Tahoma, sans-serif;
	margin-left: 4px;
	background-color: #336622; }
  menu:first-letter {
	font-size: 2em }
	*/
  /* #header is for playing with the look and feel of the header. */
  #header {
	background-color: #ffffff;
	border-style: double;
	border-width: 0px;
	border-color: #884400;
	color: #000000;
	height: 100px; }
  /* #main-body because I required a margin. */