/* stoons 2005 css apr 2006 */
/* generic selectors */

/*--note--only one body tag per page -- insert into html template--
body.gr {background-image: url(http://www.stoons.ca/fm/fm-gr05.jpg);}
body.st {background-image: url(http://www.stoons.ca/fm/fm-st05.jpg);}
body.ch {background-image: url(http://www.stoons.ca/fm/fm-ch05.jpg);}
body.cm {background-image: url(http://www.stoons.ca/fm/fm-cm05.jpg);}
body.wh {background-image: url(http://www.stoons.ca/gr/gr-wh05.jpg);}
body.pe {background-image: url(http://www.stoons.ca/gr/gr-pe05.jpg);}
---*/

/* division styles */
div.c { text-align: center; padding: 0.5em; }
div.l { text-align: left; padding: 0.5em; }
/* division farm - green image border */
div.gri { text-align: center; border: medium #d0dcd0 double; padding: 0; margin: 0%;}
/* division stoon - purple image border */
div.sti { text-align: center; border: medium #682b64 double; padding: 0; margin: 0%;}
/* division cherry - red image border */
div.chi { text-align: center; border: medium #b6010f double; padding: 0; margin: 0%;}
/* division compost - brown image border */
div.cmi { text-align: center; border: medium #6c4d38 double; padding: 0; margin: 0%;}
/* division white image border */
div.whi { text-align: center; border: medium #c0c0c0 double; padding: 0; margin: 0%;}
/* division peach image border */
div.pei { text-align: center; border: medium #f2c0b3 double; padding: 0; margin: 0%;}

/* paragraph styles */
/* main paragraph styles */
p { color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium;}
p.gr { color: #004000; text-indent: 0.5cm; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium;}
p.st { color: #4e204b; text-indent: 0.5cm; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium;}
p.ch { color: #88010b; text-indent: 0.5cm; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium;}
p.cm { color: #492b17; text-indent: 0.5cm; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium;}
p.wh { color: #606060; text-indent: 0.5cm; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium;}
p.pe { color: #983e30; text-indent: 0.5cm; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium;}

/* tiny-copyright paragraph styles */
p.tinygr { color: #527652; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: xx-small;}
p.tinyst { color: #967094; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: xx-small;}
p.tinych { color: #c54852; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: xx-small;}
p.tinycm { color: #6c4d38; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: xx-small;}
p.tinywh { color: #983e30; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: xx-small;}
p.tinype { color: #ab5a49; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: xx-small;}

/* main nav paragraph style */
p.nav1 { align: center; border: 0; padding: 5px; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg)}
p.nav1wh { align: center; border: 0; padding: 5px; background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg)}
p.nav1pe { align: center; border: 0; padding: 5px; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg)}

/* secondary nav paragraph styles */
p.nav2gr { align: center; border: #a5aca5 2px outset; padding: 2px; font-size: 16px; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg);}
p.nav2st { align: center; border: #c5b4c4 2px outset; padding: 2px; font-size: 16px; color: #4e204b; background-image: url(http://www.stoons.ca/fm/fm-st02.jpg);}
p.nav2ch { align: center; border: #d49095 2px outset; padding: 2px; font-size: 16px; color: #88010b; background-image: url(http://www.stoons.ca/fm/fm-ch02.jpg);}
p.nav2cm { align: center; border: #b38571 2px outset; padding: 2px; font-size: 16px; color: #492b17; background-image: url(http://www.stoons.ca/fm/fm-ch02.jpg);}
p.nav2wh { align: center; border: #c0c0c0 2px outset; padding: 2px; font-size: 16px; color: #606060; background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg);}
p.nav2pe { align: center; border: #feefea 2px outset; padding: 2px; font-size: 16px; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg);}

/* heading styles*/
/* heading 1 */
h1.gr {color: #407040; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; text-transform: uppercase; font-size: 18px; border-bottom: 3px double #004000;}
h1.st {color: #682b64; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; text-transform: uppercase; font-size: 18px; border-bottom: 3px double #682b64;}
h1.ch {color: #b6010f; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; text-transform: uppercase; font-size: 18px; border-bottom: 3px double #b6010f;}
h1.cm {color: #6c4d38; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; text-transform: uppercase; font-size: 18px; border-bottom: 3px double #6c4d38;}
h1.wh {color: #808080; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; text-transform: uppercase; font-size: 18px; border-bottom: 3px double #808080;}
h1.pe {color: #983e30; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; text-transform: uppercase; font-size: 18px; border-bottom: 3px double #983e30;}

/* heading 2 */
h2.gr {color: #407040; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; font-size: 18px; border-bottom: 3px double #004000;}
h2.st {color: #682b64; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; font-size: 18px; border-bottom: 3px double #682b64;}
h2.ch {color: #b6010f; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; font-size: 18px; border-bottom: 3px double #b6010f;}
h2.cm {color: #6c4d38; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; font-size: 18px; border-bottom: 3px double #6c4d38;}
h2.wh {color: #808080; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; font-size: 18px; border-bottom: 3px double #808080;}
h2.pe {color: #983e30; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: bold; font-size: 18px; border-bottom: 3px double #983e30;}

/* heading 3 call farm - red - important--*/
h3 {color: #88010b; border-top: 3px double #b6010f; padding: 5px; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-size: 18px; text-align: center; border-bottom: 3px double #b6010f;}

/* heading 4 -- list heading  */
h4.gr { color: #407040; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; text-align: left; font-size:16px; padding: 5px; text-indent: 1cm;}
h4.st { color: #682b64; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; text-align: left; font-size:16px; padding: 5px; text-indent: 1cm;}
h4.ch { color: #b6010f; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; text-align: left; font-size:16px; padding: 5px; text-indent: 1cm;}
h4.cm { color: #492b17; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; text-align: left; font-size:16px; padding: 5px; text-indent: 1cm;}
h4.wh { color: #808080; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; text-align: left; font-size:16px; padding: 5px; text-indent: 1cm;}
h4.pe { color: #983e30; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; text-align: left; font-size:16px; padding: 5px; text-indent: 1cm;}

/* list styles*/
/* generic list*/
li.gr { list-style-type: disc; text-indent: 1cm; text-align: left; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}
li.st { list-style-type: disc; text-indent: 1cm; text-align: left; color: #4e204b; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}
li.ch { list-style-type: disc; text-indent: 1cm; text-align: left; color: #88010b; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}
li.cm { list-style-type: disc; text-indent: 1cm; text-align: left; color: #492b17; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}
li.wh { list-style-type: disc; text-indent: 1cm; text-align: left; color: #808080; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}
li.pe { list-style-type: disc; text-indent: 1cm; text-align: left; color: #983e30; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}

/* recipe list*/
li.regr { list-style-type: none; text-indent: 2cm; text-align: left; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}
li.rest { list-style-type: none; text-indent: 2cm; text-align: left; color: #4e204b; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}
li.rech { list-style-type: none; text-indent: 2cm; text-align: left; color: #88010b; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}
li.recm { list-style-type: none; text-indent: 2cm; text-align: left; color: #492b17; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}
li.rewh { list-style-type: none; text-indent: 2cm; text-align: left; color: #808080; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}
li.repe { list-style-type: none; text-indent: 2cm; text-align: left; color: #983e30; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: 16px;}

/* link styles*/
/* farm generic links*/
a:link { border: #a5aca5 0px outset; padding: 4px; font-size: 16px; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg);}
a:visited { border: #c5b4c4 0px outset; padding: 4px; font-size: 16px; color: #682b64; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg)}
a:hover { border: #d49095 0px outset; padding: 4px; font-size: 16px; color: #b6010f; background-image: url(http://www.stoons.ca/fm/fm-ch01.jpg)}
a:active { border: #a5aca5 0px outset; padding: 4px; font-size: 16px; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg);}

/* compost generic links*/
a.cm:link { border: #b38571 0px outset; padding: 4px; font-size: 16px; color: #6c4d38; background-image: url(http://www.stoons.ca/fm/fm-cm01.jpg);}
a.cm:visited { border: #b38571 0px outset; padding: 4px; font-size: 16px; color: #b38571; background-image: url(http://www.stoons.ca/fm/fm-cm01.jpg);}
a.cm:hover { border: #d0dcd0 0px outset; padding: 4px; font-size: 16px; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg);}
a.cm:active { border: #b38571 0px outset; padding: 4px; font-size: 16px; color: #6c4d38; background-image: url(http://www.stoons.ca/fm/fm-cm01.jpg);}

/* white generic links*/
a.wh:link { border: #e8e8e8 0px outset; padding: 4px; font-size: 16px; color: #606060; background-image: url(http://www.stoons.ca/gr/gr-wh01.jpg);}
a.wh:visited { border: #e8e8e8 0px outset; padding: 4px; font-size: 16px; color: #808080; background-image: url(http://www.stoons.ca/gr/gr-wh01.jpg);}
a.wh:hover { border: #e8e8e8 0px outset; padding: 4px; font-size: 16px; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg);}
a.wh:active { border: #e8e8e8 0px outset; padding: 4px; font-size: 16px; color: #606060; background-image: url(http://www.stoons.ca/gr/gr-wh01.jpg);}

/* peach generic links*/
a.pe:link { border: #feefea 0px outset; padding: 4px; font-size: 16px; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg);}
a.pe:visited { border: #feefea 0px outset; padding: 4px; font-size: 16px; color: #c57f72; background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg)}
a.pe:hover { border: #feefea 0px outset; padding: 4px; font-size: 16px; color: #004000; background-image: url(http://www.stoons.ca/gr/gr-wh01.jpg)}
a.pe:active { border: #feefea 0px outset; padding: 4px; font-size: 16px; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg);}


/* tiny farm links*/
a.tiny:link { border: 0; padding: 2px; font-size: xx-small; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg);}
a.tiny:visited { border: 0; padding: 2px; font-size: xx-small; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg);}
a.tiny:hover { border: 0; padding: 2px; font-size: xx-small; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg);}
a.tiny:active { border: 0; padding: 2px; font-size: xx-small; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg);}

/* tiny white graphics links*/
a.tinywh:link { border: 0; padding: 2px; font-size: xx-small; color: #606060; background-image: url(http://www.stoons.ca/gr/gr-wh01.jpg);}
a.tinywh:visited { border: 0; padding: 2px; font-size: xx-small; color: #808080; background-image: url(http://www.stoons.ca/gr/gr-wh01.jpg);}
a.tinywh:hover { border: 0; padding: 2px; font-size: xx-small; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg);}
a.tinywh:active { border: 0; padding: 2px; font-size: xx-small; color: #606060; background-image: url(http://www.stoons.ca/gr/gr-wh01.jpg);}

/* tiny peach graphics links*/
a.tinype:link { border: 0; padding: 2px; font-size: xx-small; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg);}
a.tinype:visited { border: 0; padding: 2px; font-size: xx-small; color: #c57f72; background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg);}
a.tinype:hover { border: 0; padding: 2px; font-size: xx-small; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg);}
a.tinype:active { border: 0; padding: 2px; font-size: xx-small; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg);}

/* index farm links*/
a.i:link { border: #a5aca5 0px outset; padding: 0px; font-size: 16px; color: #004000;}
a.i:visited { border: #c5b4c4 0px outset; padding: 0px; font-size: 16px; color: #682b64;}
a.i:hover { border: #d49095 0px outset; padding: 0px; font-size: 16px; color: #b6010f;}
a.i:active { border: #a5aca5 0px outset; padding: 0px; font-size: 16px; color: #004000;}

/* main nav links*/
/* main nav paragraph style*/
p.nav1 { align: center; border: 0; padding: 5px; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg)}
p.nav1wh { align: center; border: 0; padding: 5px; background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg)}
p.nav1pe { align: center; border: 0; padding: 5px; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg)}

/* main nav link*/
/* main nav link farm - */
a.nav1:link { border: #a5aca5 0px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg);}
/* main nav link graphics wh - */
a.nav1wh:link { border: #c0c0c0 0px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #606060; background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg);}
/* main nav link graphics pe - */
a.nav1pe:link { border: #f2c0b3 0px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg);}

/* main nav visited link*/
/* main nav visited link - farm - */
a.nav1:visited { border: #a5aca5 0px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #682b64; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg)}
/* main nav visited link - graphics wh */
a.nav1wh:visited { border: #c0c0c0 0px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #808080; background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg);}
/* main nav visited link - graphics pe */
a.nav1pe:visited { border: #f2c0b3 0px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #c57f72; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg);}

/* main nav hover link*/
/* hover farm - main nav link*/
a.nav1:hover { border: #a5aca5 2px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #b6010f; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg)}
/* hover graphics wh - main nav link*/
a.nav1wh:hover { border: #c0c0c0 2px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-wh01.jpg);}
/* hover graphics pe - main nav link*/
a.nav1pe:hover { border: #f2c0b3 2px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #004000; background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg);}

/* main nav active links*/
/* active farm - main nav link*/
a.nav1:active { border: #a5aca5 0px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg);}
/* active graphics wh - */
a.nav1wh:active { border: #c0c0c0 0px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #606060; background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg);}
/* active graphics pe - */
a.nav1pe:active { border: #f2c0b3 0px outset; padding: 6px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg);}


/* secondary nav links farm-green pages*/
p.nav2gr { align: center; border: #a5aca5 2px outset; padding: 2px; font-size: 16px; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg);}
a.nav2gr:link { border: 0; padding: 2px; font-size: 16px; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg);}
a.nav2gr:visited { border: 0; padding: 2px; font-size: 16px; color: #682b64;  background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg);}
a.nav2gr:hover { border: 0; padding: 2px; font-size: 16px; font-weight: bold; color: #b6010f;  background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg);}
a.nav2gr:active { border: 0; padding: 2px; font-size: 16px; color: #004000; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg);}

/* secondary nav links farm-stoon pages*/
p.nav2st { align: center; border: #c5b4c4 2px outset; padding: 2px; font-size: 16px; color: #4e204b; background-image: url(http://www.stoons.ca/fm/fm-st02.jpg);}
a.nav2st:link { border: 0; padding: 2px; font-size: 16px; color: #4e204b; background-image: url(http://www.stoons.ca/fm/fm-st02.jpg);}
a.nav2st:visited { border: 0; padding: 2px; font-size: 16px; color: #682b64;  background-image: url(http://www.stoons.ca/fm/fm-st02.jpg);}
a.nav2st:hover { border: 0; padding: 2px; font-size: 16px; font-weight: bold; color: #b6010f;  background-image: url(http://www.stoons.ca/fm/fm-st01.jpg);}
a.nav2st:active { border: 0; padding: 2px; font-size: 16px; color: #4e204b; background-image: url(http://www.stoons.ca/fm/fm-st02.jpg);}

/* secondary nav links farm-cherry pages*/
p.nav2ch { align: center; border: #d49095 2px outset; padding: 2px; font-size: 16px; color: #4e204b; background-image: url(http://www.stoons.ca/fm/fm-ch02.jpg);}
a.nav2ch:link { border: 0; padding: 2px; font-size: 16px; color: #88010b; background-image: url(http://www.stoons.ca/fm/fm-ch02.jpg);}
a.nav2ch:visited { border: 0; padding: 2px; font-size: 16px; color: #682b64;  background-image: url(http://www.stoons.ca/fm/fm-ch02.jpg);}
a.nav2ch:hover { border: 0; padding: 2px; font-size: 16px; font-weight: bold; color: #4e204b;  background-image: url(http://www.stoons.ca/fm/fm-ch01.jpg);}
a.nav2ch:active { border: 0; padding: 2px; font-size: 16px; color: #88010b; background-image: url(http://www.stoons.ca/fm/fm-ch02.jpg);}

/* secondary nav links farm-compost pages*/
p.nav2cm { align: center; border: #b38571 2px outset; padding: 2px; font-size: 16px; color: #492b17; background-image: url(http://www.stoons.ca/fm/fm-cm02.jpg);}
a.nav2cm:link { border: 0; padding: 2px; font-size: 16px; color: #492b17; background-image: url(http://www.stoons.ca/fm/fm-cm02.jpg);}
a.nav2cm:visited { border: 0; padding: 2px; font-size: 16px; color: #6c4d38;  background-image: url(http://www.stoons.ca/fm/fm-cm02.jpg);}
a.nav2cm:hover { border: 0; padding: 2px; font-size: 16px; font-weight: bold; color: #407040;  background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg);}
a.nav2cm:active { border: 0; padding: 2px; font-size: 16px; color: #492b17; background-image: url(http://www.stoons.ca/fm/fm-cm02.jpg);}

/* secondary nav links white graphics pages*/
p.nav2wh { align: center; border: #c0c0c0 2px outset; padding: 2px; font-size: 16px; color: #606060; background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg);}
a.nav2wh:link { border: 0; padding: 2px; font-size: 16px; color: #606060; background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg);}
a.nav2wh:visited { border: 0; padding: 2px; font-size: 16px; color: #808080;  background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg);}
a.nav2wh:hover { border: 0; padding: 2px; font-size: 16px; font-weight: bold; color: #983e30;  background-image: url(http://www.stoons.ca/gr/gr-wh01.jpg);}
a.nav2wh:active { border: 0; padding: 2px; font-size: 16px; color: #606060; background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg);}

/* secondary nav links peach graphics pages*/
p.nav2pe { align: center; border: #f2c0b3 2px outset; padding: 2px; font-size: 16px; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg);}
a.nav2pe:link { border: 0; padding: 2px; font-size: 16px; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg);}
a.nav2pe:visited { border: 0; padding: 2px; font-size: 16px; color: #c57f72;  background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg);}
a.nav2pe:hover { border: 0; padding: 2px; font-size: 16px; font-weight: bold; color: #004000;  background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg);}
a.nav2pe:active { border: 0; padding: 2px; font-size: 16px; color: #983e30; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg);}

/* ----------------------------------------------------------------------- */
 /* horizontal rules */
 /* mozilla-based browsers color the rule using background-color */
 /* reference CSS Anthology page 43 */
hr.gr { width: 75%; color: #527652; background-color: #527652;}
hr.st { width: 75%; color: #967094; background-color: #967094;}
hr.ch { width: 75%; color: #c54852; background-color: #c54852;}
hr.cm { width: 75%; color: #6c4d38; background-color: #6c4d38;}
hr.wh { width: 75%; color: #808080; background-color: #808080;}
hr.pe { width: 75%; color: #c57f72; background-color: #c57f72;}

/* ----------------------------------------------------------------------- */

/* ----- tables ----- */
/* ---generic - picking dates on picking page -- */

table { color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; cell-padding: 2px; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg) }
caption { color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; cell-padding: 2px;}
thead { color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; cell-padding: 2px;}
tbody { color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; cell-padding: 2px;}
tr { color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; cell-padding: 2px;}
td { color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; cell-padding: 2px;}
th { color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; cell-padding: 2px;}

/* -- photo tables --*/
/* --farm -- */
table.photo { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg) }
caption.photo { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}
tbody.photo { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}
tr.photo { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}
td.photo { align: center; valign: middle; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}

/* -- photo tables --*/
/* --saskatoon -- */
table.photost { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px; background-image: url(http://www.stoons.ca/fm/fm-st02.jpg) }
caption.photo { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}
tbody.photo { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}
tr.photo { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}
td.photo { align: center; valign: middle; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}

/* -- photo tables --*/
/* --cherry -- */
table.photoch { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px; background-image: url(http://www.stoons.ca/fm/fm-ch02.jpg) }
caption.photo { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}
tbody.photo { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}
tr.photo { align: center; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}
td.photo { align: center; valign: middle; color: #004000; font-family: "trebuchet ms", arial, verdana, helvetica, "sans-serif"; font-weight: normal; font-size: medium; cell-padding: 4px; cell-spacing: 2px;}

/*---- id's ----*/
/*--note: critical--space btwn curly bracket and "p" in position---*/

/* division entrance graphics*/
#gri { position: absolute; left: 10px; top: 10px; vertical align: middle; width 900; border: #407040 2px solid; padding: 0px; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg);}

#gri2 { position: absolute; left: 10px; top: 602px; width 600; border: #407040 0px solid; padding: 2px; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg) ;}

/* division graphics entrance graphics*/
#gripe { position: absolute; left: 10px; top: 10px; vertical align: middle; width 900; border: #983e30 2px solid; padding: 0px; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg);}

#gri2pe { position: absolute; left: 10px; top: 602px; width 600; border: ##983e30 0px solid; padding: 2px; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg) ;}

/*first division corner graphics*/
#gr1 { position: absolute; left: 10px; top: 10px; vertical align: middle; width: 110; border: #407040 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/fm/fm-gr03.jpg);}
#st1 { position: absolute; left: 10px; top: 10px; vertical align: middle; width 110; border: #682b64 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/fm/fm-st03.jpg);}
#ch1 { position: absolute; left: 10px; top: 10px; vertical align: middle; width 110; border: #b6010f 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/fm/fm-ch03.jpg);}
#cm1 { position: absolute; left: 10px; top: 10px; vertical align: middle; width 110; border: #6c4d38 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/fm/fm-cm03.jpg);}
#wh1 { position: absolute; left: 10px; top: 10px; vertical align: middle; width 110; border: #606060 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/gr/gr-wh03.jpg);}
#pe1 { position: absolute; left: 10px; top: 10px; vertical align: middle; width 110; border: #983e30 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/gr/gr-pe03.jpg);}

/*2nd division heading images*/
#gr2 { position: absolute; left: 145px; top: 10px; vertical align: middle; height: 135; width: 690; border: #407040 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/fm/fm-gr02.jpg);}
#st2 { position: absolute; left: 145px; top: 10px; vertical align: middle; height: 135; width: 690; border: #682b64 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/fm/fm-st02.jpg);}
#ch2 { position: absolute; left: 145px; top: 10px; vertical align: middle; height: 135; width: 690; border: #b6010f 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/fm/fm-ch02.jpg);}
#cm2 { position: absolute; left: 145px; top: 10px; vertical align: middle; height: 135; width: 690; border: #6c4d38 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/fm/fm-cm02.jpg);}
#wh2 { position: absolute; left: 145px; top: 10px; vertical align: middle; height: 135; width: 690; border: #606060 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/gr/gr-wh02.jpg);}
#pe2 { position: absolute; left: 145px; top: 10px; align: center; vertical align: middle; height: 135; width: 690; border: #983e30 2px solid; padding: 5px; background-image: url(http://www.stoons.ca/gr/gr-pe02.jpg);}

/* 3rd division main nav style */
#gr3 { position: absolute; z-index: 1; left: 10px; top: 145px; width 110; border: #407040 2px solid; padding: 15px; background-image: url(http://www.stoons.ca/fm/fm-gr03.jpg)}
#st3 { position: absolute; z-index: 1; left: 10px; top: 145px; width 110; border: #682b64 2px solid; padding: 15px; background-image: url(http://www.stoons.ca/fm/fm-st03.jpg);}
#ch3  {position: absolute; z-index: 1; left: 10px; top: 145px; width 110; border: #b6010f 2px solid; padding: 15px; background-image: url(http://www.stoons.ca/fm/fm-ch03.jpg)}
#cm3  {position: absolute; z-index: 1; left: 10px; top: 145px; width 110; border: #6c4d38 2px solid; padding: 15px; background-image: url(http://www.stoons.ca/fm/fm-cm03.jpg)}
#wh3  {position: absolute; z-index: 1; left: 10px; top: 145px; width 110; border: #606060 2px solid; padding: 15px; background-image: url(http://www.stoons.ca/gr/gr-wh03.jpg)}
#pe3  {position: absolute; z-index: 1; left: 10px; top: 145px; width 110; border: #983e30 2px solid; padding: 15px; background-image: url(http://www.stoons.ca/gr/gr-pe03.jpg)}

/* 4th division content style */
#gr4 { position: absolute; left: 145px; top: 145px; padding: 5px; width: 690; height: 600px; overflow: auto; border: #407040 2px solid; background-image: url(http://www.stoons.ca/fm/fm-gr01.jpg)}
#st4 { position: absolute; left: 145px; top: 145px; padding: 5px; width: 690; height: 600px; overflow: auto; border: #682b64 2px solid; background-image: url(http://www.stoons.ca/fm/fm-st01.jpg)}
#ch4 { position: absolute; left: 145px; top: 145px; padding: 5px; width: 690; height: 600px; overflow: auto; border: #b6010f 2px solid; background-image: url(http://www.stoons.ca/fm/fm-ch01.jpg)}
#cm4 { position: absolute; left: 145px; top: 145px; padding: 5px; width: 690; height: 600px; overflow: auto; border: #6c4d38 2px solid; background-image: url(http://www.stoons.ca/fm/fm-cm01.jpg)}
#wh4 { position: absolute; left: 145px; top: 145px; padding: 5px; width: 690; height: 600px; overflow: auto; border: #808080 2px solid; background-image: url(http://www.stoons.ca/gr/gr-wh01.jpg)}
#pe4 { position: absolute; left: 145px; top: 145px; padding: 5px; width: 690; height: 600px; border: #808080 2px solid; background-image: url(http://www.stoons.ca/gr/gr-pe01.jpg)}