/* Created on 10-Nov-2015 14:35:02 */

/* Created on 1-Sep-2017 19:20:49 */
#demo {
 BORDER:3PX SOLID #FF0000;
  display:none;
  position:absolute;
  background-color:#ffffcc;
  z-index:10;
}

BODY 
{
  BOX-SIZING: BORDER-BOX;
  -WEBKIT-BOX-SIZING:BORDER-BOX;
  -MOZ-BOX-SIZING:BORDER-BOX;
  -MS-BOX-SIZING:BORDER-BOX;
  -O-BOX-SIZING:BORDER-BOX;  

WIDTH:calc( 100vw - ( 100vw - 100% ));
-WEBKIT-WIDTH:calc( 100vw - ( 100vw - 100% ));
-MOZ-WIDTH:calc( 100vw - ( 100vw - 100% ));
-MS-WIDTH:calc( 100vw - ( 100vw - 100% ));
-O-WIDTH:calc( 100vw - ( 100vw - 100% ));

/* MIN-WIDTH:calc( 100vw - ( 100vw - 100% ));  */
MAX-WIDTH:1120px;
-webkit-max-width: 1120px;
-moz-max-width: 1120px;
-ms-max-width: 1120px;
-o-max-width: 1120px;

  MARGIN:0PX;
  PADDING:0% 0% 0% 0%;
  FONT:100%/150% VERDANA, ARIAL, HELVETICA, SANS-SERIF, 'TREBUCHET MS';
  TEXT-ALIGN:LEFT;
  COLOR:#000;
  BORDER:0PX DASHED #0000FF;
  }
  
#OuterWrapper {
VERTICAL-ALIGN:TEXT-TOP;
BOX-SIZING: BORDER-BOX;BODY 
{
  BOX-SIZING: BORDER-BOX;
  -WEBKIT-BOX-SIZING:BORDER-BOX;
  -MOZ-BOX-SIZING:BORDER-BOX;
  -MS-BOX-SIZING:BORDER-BOX;
  -O-BOX-SIZING:BORDER-BOX;  

WIDTH:calc( 100vw - ( 100vw - 100% ));
-WEBKIT-WIDTH:calc( 100vw - ( 100vw - 100% ));
-MOZ-WIDTH:calc( 100vw - ( 100vw - 100% ));
-MS-WIDTH:calc( 100vw - ( 100vw - 100% ));
-O-WIDTH:calc( 100vw - ( 100vw - 100% ));

/* MIN-WIDTH:calc( 100vw - ( 100vw - 100% )); */ 
  MAX-WIDTH:1120px;
-webkit-max-width: 1120px;
-moz-max-width: 1120px;
-ms-max-width: 1120px;
-o-max-width: 1120px;

  MARGIN:0PX;
  PADDING:0% 0% 0% 0%;
  FONT:100%/150% VERDANA, ARIAL, HELVETICA, SANS-SERIF, 'TREBUCHET MS';
  TEXT-ALIGN:LEFT;
  COLOR:#000;
  BORDER:0PX DASHED #0000FF;
  }
BORDER:0PX DASHED #FF0000;

MARGIN:0%
PADDING:0px 0% 0px 0%;
BACKGROUND-IMAGE: URL('http://www.the-organic-gardener.com/images/LEFT160.jpg');
BACKGROUND-POSITION: TOP LEFT;
BACKGROUND-REPEAT:REPEAT;
POSITION:RELATIVE; 
Z-INDEX:0;
/* page-break-after: avoid; */
page-break-before: avoid; 
page-break-inside: avoid;
}

#Header {
DISPLAY:BLOCK;
BOX-SIZING:BORDER-BOX;
BORDER:0PX SOLID #33FF33;
MARGIN:0EM 0EM 0EM 0EM;
PADDING:0PX;
MIN-WIDTH:100%;
MAX-WIDTH:100%;
-webkit-min-width: 100%; 
-webkit-max-width: 100%; 
-moz-min-width: 100%;
-moz-max-width: 100%;
-ms-min-width: 100%;
-ms-max-width: 100%;
-o-min-width: 100%;   
-o-max-width: 100%; 
MIN-HEIGHT:80PX;
MAX-HEIGHT:80PX;
}

/* BACKGROUND-IMAGE: URL('http://www.the-organic-gardener.com/images/OG-Ban-540.jpg');
BACKGROUND-COLOR:TRANSPARENT;
BACKGROUND-POSITION: TOP LEFT;
BACKGROUND-REPEAT:NO-REPEAT;
BACKGROUND-SIZE: 100% 100%;
-ms-background-size: 100% 100%;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
BORDER:0PX SOLID #000;
}
annickMauray try: background-size: cover; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; 
*/

/* MIN-WIDTH:480PX MIN-HEIGHT:80PX; */
.IHED1, .IHED2, .IHED3 {
MAX-WIDTH:100%;
/* MIN-WIDTH:100%; */
OBJECT-FIT:FILL;
-webkit-max-width:100%; 
-moz-max-width:100%; 
-ms-max-width:100%; 
-o-max-width:100%; 
  HEIGHT:80PX;
  MARGIN:0PX;
  BORDER:0PX DASHED #FF0000;
  }

.IHED2 {DISPLAY:BLOCK;}
/*  MAX-WIDTH:520PX; */
 
.IHED1, .IHED3 {DISPLAY:NONE;}


.IFOT{WIDTH:75%; BOX-SIZING:BORDER-BOX; MARGIN:0PX; BORDER:0PX DASHED #FF0000;}

.IMA100, .IMA10, .IMA33, .IMA40, .IMA66, .IMA90, .IMA125, .IMA150, .IMA945, .IMAF {MARGIN:AUTO; BORDER-WIDTH:0PX;}

.IMA10 {WIDTH:100%; MARGIN:AUTO;}
.IMAF {OBJECT-FIT:FILL;}

.IMABOT, .IMABOT2, .IMABOT3 {WIDTH:100%; MARGIN:AUTO; PADDING-BOTTOM:0em; POSITION:RELATIVE; DISPLAY:NONE; } 
.IMABOT3 {DISPLAY:BLOCK;}

.IMA66 {WIDTH:66%;}
.IMA40 {WIDTH:40%;}
.IMA33 {WIDTH:33%;}
.IMA90 {WIDTH:90%;}
.IMA100 {MIN-WIDTH:100%;MAX-WIDTH:100%;}
.IMA125 {WIDTH:125%;}
.IMA150 {WIDTH:150%;}
.IMA945 {WIDTH:100%;}
.IMAX200 {MAX-WIDTH:150PX;}

.LH200 {LINE-HEIGHT:200%;}
.LH250 {LINE-HEIGHT:250%;}
.LH300 {LINE-HEIGHT:300%;}



.TRIGHT{FLOAT:RIGHT;MARGIN:0px 0px 0px 2%;RIGHT:-2%;}
.TLEFT{FLOAT:LEFT;MARGIN:0px 2% 0px 0%;LEFT:-2%;}

.GOG {Z-INDEX: 5;}

#ContentWrapper {
WIDTH:100%;
MIN-WIDTH:100%;
MAX-WIDTH:100%;
-webkit-min-width: 100%;
-webkit-max-width: 100%; 
-moz-min-width: 100%;
-moz-max-width: 100%;
-ms-min-width: 100%;
-ms-max-width: 100%;
-o-min-width: 100%;   
-o-max-width: 100%; 
BOX-SIZING:BORDER-BOX;
PADDING:0em 0em 0em 0em;
MARGIN:0EM 0EM 0EM 0EM;
BORDER: 0px solid #FFFF00;
POSITION:RELATIVE;
BACKGROUND-COLOR:TRANSPARENT;
z-index:1;
/* page-break-after: avoid;  */
page-break-before: avoid; 
page-break-inside: avoid;
}

 
.LCA, .LCB
  {
MARGIN:0em 0em 0em 0em;
BOX-SIZING:BORDER-BOX;
PADDING:0px 1em 0px 1em;
WIDTH:100%;
TEXT-ALIGN:CENTER;
BACKGROUND-COLOR: TRANSPARENT;
POSITION:RELATIVE;
BORDER:0PX DOTTED #FF0000;
Z-INDEX:5;
}

.LCA {
DISPLAY:BLOCK;
 }

.LCB {
  DISPLAY:BLOCK;
  POSITION:RELATIVE;
  MIN-WIDTH:80%;
  MAX-WIDTH:80%;
  MARGIN:AUTO;
BOX-SIZING:BORDER-BOX;
  VERTICAL-ALIGN:TEXT-TOP;
 BORDER:0PX DASHED #FF0000;
  } 

.NEWSCOM {
 TEXT-ALIGN:CENTER;
 BACKGROUND-COLOR:#669966;
 WIDTH: 90%;
 MIN-WIDTH:90%;
MAX-WIDTH:90%;
-webkit-min-width: 90%; 
-webkit-max-width: 90%; 
-moz-min-width: 90%;
-moz-max-width: 90%;
-ms-min-width: 90%;
-ms-max-width: 100%;
-o-min-width: 90%;   
-o-max-width: 90%; 
 MARGIN:AUTO;
 PADDING:0PX; 
 BORDER:0PX DOTTED #000000;
 Z-INDEX:3;
 }

.NO540 {DISPLAY:INLINE;}

/*  
<!-- END ContentWrapper HERE ***  END ContentWrapper HERE -->
</DIV>
MBTX = >540 DISPLAY NONE

HOLL = ALL <> LEFT OF SECTION  

HOLR = ALL <> RIGHT OF SECTION

HOOL = >800 LEFT SECTION + <540 DISPLAY NONE  disappears less than 540

HOOR = >800 RIGHT SECTION + <540 DISPLAY NONE  disappears less than 540

NAVL NAVR NAV = >800 LEFT RIGHT NAVBAR + <800 DISPLAY NONE

NVBL NVBR = >800 LEFT NAVBAR + <800 LEFT OF SECTION + INSIDE BULLET  E.G. SUNJO SHRED

NVXR = >800 LEFT NAVBAR + <800 RIGHT INSIDE BOX  

NVTL = >800 LEFT NAVBAR + <800 LEFT OF SECTION ++ NEXT TO TEXT  E.G. GOOGLE BANNER

NVTR = >800 RIGHT NAVBAR + <800 RIGHT OF SECTION ++ NEXT TO TEXT E.G. WOOD CHIP GRAPHIC

NVBR = >800 RIGHT NAVBAR + <800 RIGHT SECTION + <540 100% OF SECTION ++ NEXT TO BULLET  E.G. QNat 

NVBL = >800 LEFT NAVBAR + <800 LEFT SECTION  + <540 100% OF SECTION ++ NEXT TO BULLET 

*/

.GCAP, .BCAP, .ERTHCAP
{
  DISPLAY:BLOCK;
  LINE-HEIGHT:130%;
  MIN-WIDTH:100%;
  MARGIN:0px;
  PADDING:0px 0em 0px 0em;
	TEXT-ALIGN:CENTER;
 	FONT-SIZE:1em;
 	FONT-WEIGHT:BOLD;
  BORDER:0PX DOTTED #FF0000;
	} 

.GCAP {COLOR:#006600;}

.BCAP {COLOR:#663300;}

.ERTHCAP {COLOR:#663300;}

.SOC
{
  DISPLAY:NONE;
  MAX-WIDTH:70VW;
  MARGIN:0EM;
  PADDING:1.2EM;
  TEXT-ALIGN:CENTER;
  BORDER: 0px #0000FF DOTTED;
   }

.HOLL, .HOLR, .HOOL, .HOOR, .NAV, .NAVL, .NAVR, .NVBL, .NAVBR, .NVXR, .NVTL, .NVTR, .NVFL, .NAVBOT, .NAVBOT2 {
  BORDER:0px SOLID #FF0000;
  TEXT-ALIGN:CENTER;
  BOX-SIZING:BORDER-BOX;
  PADDING:0% 0% 0% 0%;
  POSITION:RELATIVE;
  MIN-WIDTH:33%;
    }

.NAVBOT2 {
  POSITION:ABSOLUTE;
  TOP:100%;
  }

.HOOL, .HOOR, .NAV, .NAVL, .NAVR, .NAVBOT { POSITION:RELATIVE; DISPLAY:NONE; }  

.HOLL, .HOLR, .NVBL, .NAVBR, .NVXT, .NVTL, .NVTR, .NVFL {DISPLAY:BLOCK;}

.HOLL, .HOOL, .NVBL {
  FLOAT:LEFT;
  WIDTH:40%; 
  MARGIN:0.5em 2.0em 0.5em 0.0em;
  }

.NAVBR, .NVXR {
  FLOAT:RIGHT;
  WIDTH:33%;
  MARGIN:0.0em 0.0em 0.5em 1.5em;
  }

.NVFL	{
  FLOAT:LEFT;
  WIDTH:100%;
  MARGIN:0.5em 1.5em 0.5em 1.5em;
  }
  
.NVBR {
  WIDTH:100%;
  MARGIN:0.5em 12% 0.5em 12%;
  } 
  
.NVTL {
  FLOAT:LEFT;
  WIDTH:36%; 
  MARGIN:0.5em 3% 0.5em 0.0em;
  TEXT-ALIGN:CENTER;
  }

.HOLR, .HOOR, .NVTR, .NVBR {
  POSITION:RELATIVE;
  FLOAT:RIGHT; 
  WIDTH: 36%;
  MAX-WIDTH:200PX;
  MARGIN: 0px 0px 0px 1em;
  TEXT-ALIGN:LEFT; 
  BORDER:0PX DASHED #FF0000;
  }

.HOLR, .HOOR P a{TEXT-DECORATION:NONE;}
.NVTR U{COLOR:#0000FF;}

.NAVBOT{Z-INDEX:5;}

.GO160 {
   POSITION:RELATIVE;
   Z-INDEX:7;
   BACKGROUND-COLOR:TRANSPARENT;
   BORDER:0PX DOTTED #FF0000;
   MIN-WIDTH:160PX;
  }

DIV.NAVIGATE {
DISPLAY:BLOCK;
BOX-SIZING:BORDER-BOX;
WIDTH:90%;
MARGIN:AUTO;
PADDING:0PX 0em 0em 0em;
TOP:0px; 
TEXT-ALIGN:CENTER;
BORDER: 0PX DASHED #0000FF;
POSITION:RELATIVE;
Z-INDEX:2;

}

UL.NAVIGATIONA, UL.NAVIGATIONB
{
DISPLAY:BLOCK;
LIST-STYLE-TYPE: NONE;
MARGIN-LEFT: 0.0em;
BOX-SIZING:BORDER-BOX;
MAX-WIDTH:100%;
MIN-WIDTH:100%;
MARGIN:AUTO;
PADDING:0%;
TOP:0%; 
TEXT-ALIGN:CENTER;
FONT-FAMILY: FRUTIGERREGULAR,"LUCIDA SANS UNICODE", "LUCIDA GRANDE", SANS-SERIF;
FONT-SIZE:1.0em;
LINE-HEIGHT:110%;
LIST-STYLE-TYPE:NONE;
BORDER: 0PX DASHED #FF0000;
BACKGROUND-COLOR:TRANSPARENT;
POSITION:RELATIVE;
Z-INDEX:3;
}

UL.NAVIGATIONA  {
FLOAT:RIGHT;
MARGIN-LEFT:AUTO; MARGIN-RIGHT:AUTO; MARGIN-TOP:0em; 
LINE-HEIGHT: 210%; 
} 

UL.NAVIGATIONB {MARGIN-TOP:1em; MAX-WIDTH:66%;}

UL.NAVIGATIONA LI, UL.NAVIGATIONB LI
{
BOX-SIZING: BORDER-BOX;
TEXT-ALIGN:CENTER;
VERTICAL-ALIGN:MIDDLE;
FONT-FAMILY: FRUTIGERREGULAR,"LUCIDA SANS UNICODE", "LUCIDA GRANDE", SANS-SERIF;
LINE-HEIGHT:2em;
BACKGROUND:URL('http://www.the-organic-gardener.com/images/navbutsprite.gif') 0% -0%;
BACKGROUND-SIZE: 100% 200%;
BACKGROUND-REPEAT: NO-REPEAT;
BORDER: 0PX DOTTED #FFFF00;
FONT-WEIGHT:BOLD;
}

UL.NAVIGATIONA LI {DISPLAY:INLINE-BLOCK; MAX-WIDTH:36%; MIN-WIDTH:36%; 
MARGIN:0.2em 2% 0.2em 2%; PADDING: 2% 1% 2% 1%;}

UL.NAVIGATIONB LI {POSITION:RELATIVE; DISPLAY:INLINE-BLOCK; MAX-WIDTH:36%; MIN-WIDTH:36%; 
MARGIN:0em 1% 0.2em 1%; PADDING: 0% 2% 2% 2%;}

#t {
  BACKGROUND:URL('http://www.the-organic-gardener.com/images/navbutsprite.gif') 0% 100%;
  BACKGROUND-SIZE: 100% 200%;
  BACKGROUND-REPEAT: NO-REPEAT;
  }
  
#xt {
  COLOR:#EEEEEE;
  }

.NAVIGATIONA LI a:link {COLOR: #FFFFcc;  TEXT-DECORATION:UNDERLINE;} 
.NAVIGATIONB LI a:link {COLOR: #FFFFcc;  TEXT-DECORATION:UNDERLINE;}

.NAVIGATIONA LI a:visited {COLOR: #cccc33; TEXT-DECORATION:UNDERLINE;}
.NAVIGATIONB LI a:visited {COLOR: #cccc33;  TEXT-DECORATION:UNDERLINE;}

.NAVIGATIONA LI a:hover {COLOR: #ffff00; TEXT-DECORATION:UNDERLINE;} 
.NAVIGATIONB LI a:hover {COLOR: #ffff00; TEXT-DECORATION:UNDERLINE;}

.NAVIGATIONA LI a:active {COLOR: #CCCCCC; TEXT-DECORATION:UNDERLINE;} 
.NAVIGATIONB LI a:active {COLOR: #CCCCCC;  TEXT-DECORATION:UNDERLINE;}

#T-1 {DISPLAY:INLINE-BLOCK;}
#T-2 {DISPLAY:NONE;}

#nt {
  BACKGROUND:URL('http://www.the-organic-gardener.com/images/navbutsprite.gif') 0% 100%;
  BACKGROUND-SIZE: 100% 200%;
  BACKGROUND-REPEAT: NO-REPEAT;
  COLOR:#CCCCCC;
  }

#nt SPAN a{TEXT-DECORATION:UNDERLINE;}

.LANDSVIEW1, .LANDSVIEW2 {
POSITION:RELATIVE;
DISPLAY:INLINE-BLOCK;
BOX-SIZING:BORDER-BOX;
TEXT-ALIGN:CENTER;
HEIGHT:100%;
WIDTH:100%;
MARGIN:0.3em 0em 1em 0em;
PADDING:0em 1% 0em 1%;
FONT-FAMILY: FRUTIGERREGULAR,"LUCIDA SANS UNICODE", "LUCIDA GRANDE", SANS-SERIF; 
FONT-SIZE:1.0EM;
COLOR:#CCCCFF;
FONT-STYLE:ITALIC; 
FONT-WEIGHT:BOLD;
BORDER: 0PX DOTTED #000000;
  }

.LANDSVIEW2 {DISPLAY:NONE;TOP:3EM;}

.TOP-SUB, .TOP-SUB2 {
   DISPLAY:BLOCK;
   LINE-HEIGHT:120%;
   PADDING: 0.5em;
   BACKGROUND-COLOR:#FFFFCC;
   COLOR:#FF0000;
   FONT-WEIGHT:NORMAL;
   FONT-STYLE:ITALIC;
   MARGIN:AUTO;
   WIDTH:94%;
   }

.TOP-SUB2 {
  BACKGROUND-COLOR:#669966;
  COLOR:#0000FF;
  FONT-SIZE:SMALL;
  }


/* MAIN FOR ARTICLE BODY */
/* MAIN FOR ARTICLE BODY */

.MAINL, .MAINR
{
DISPLAY:BLOCK;
 BOX-SIZING:BORDER-BOX;
 WIDTH:100%;
 PADDING-LEFT:2%;
 PADDING-RIGHT:2%; 
 LINE-HEIGHT:150%;
 BORDER: 0px DASHED #0000FF;
 BACKGROUND-COLOR:#fff;
 POSITION:RELATIVE;
 Z-INDEX:2;
 }
 
.MAINP
{
   DISPLAY:BLOCK; 
   PADDING:0em 0% 0em 0%;
  } 
 
.MAINBOT {
  DISPLAY:TABLE-FOOTER-GROUP;
  }
 
/* -- END NEWSIGN-TLSUB  */

.MAINBLOG{
FLOAT:LEFT;
WIDTH:100%;
MIN-WIDTH:100%;
MAX-WIDTH:100%;
-webkit-min-width: 100%; 
-webkit-max-width: 100%; 
-moz-min-width: 100%;
-moz-max-width: 100%;
-ms-min-width: 100%;
-ms-max-width: 100%;
-o-min-width: 100%;   
-o-max-width: 100%; 
BORDER-TOP:1PX DOTTED #0000FF;
}
/* .site_blog {Width:100%;} */
.blogItItem, .blogItReadMore {clear:left important;}

/* 
 .MAINTOP {
 POSITION:RELATIVE;
 DISPLAY:BLOCK;
 BOX-SIZING:BORDER-BOX;
 WIDTH:100%;
 MARGIN:0em 0em 0em 0.0em; 
 PADDING:0em 0em 0em 0em;
 FONT-SIZE:1.1em;min-width:100%;
 TEXT-ALIGN:LEFT;
 LINE-HEIGHT:150%;
 BACKGROUND-COLOR:#FFFFFF;
 BORDER:0px DASHED #0000FF;
 Z-INDEX:2;
  }
*/


.G {COLOR:#006600;}

.TPL, .TPR{
  POSITION:RELATIVE;
  BORDER:0PX DASHED #0000FF;
  WIDTH:95%;
  DISPLAY:NONE;
  MARGIN:AUTO; 
  TEXT-ALIGN:CENTER;
  }

.TPR {
  DISPLAY:BLOCK;
  }
  
.TRAD {
  DISPLAY:NONE;
  BORDER:0PX SOLID #FFFFCC;
  }

UL.TITHEDS-L0, UL.TITHEDS-R0  /* MATCHED AS FOR ATOP - EITHER R OR L ZERO */
{
  POSITION:RELATIVE;
  DISPLAY:BLOCK;
  LIST-STYLE-POSITION:OUTSIDE;
  LIST-STYLE-TYPE:"*"; 
  MARGIN-TOP:0em;
  MARGIN-BOTTOM:0em;
  MARGIN-LEFT:0.5em; 
  PADDING-BOTTOM:0.5em;
  PADDING-LEFT:0.0em;  
  LINE-HEIGHT:160%;
  TEXT-ALIGN:LEFT;
  FONT-SIZE:1.2em;
  FONT-STYLE:ITALIC;
  FONT-WEIGHT:BOLD;
  BORDER:0PX DASHED #0000FF;
  }

UL.TITHEDS-L0 LI {
  MARGIN-LEFT:0.5em;
  PADDING-LEFT:1.0em; 
 } 
 
P.N100 {
  FONT-SIZE:75%;
    }
    
SPAN.STAR {FLOAT:LEFT;WIDTH:2em;}

UL.TITHEDS-R0 LI {LIST-STYLE-POSITION:INSIDE;DISPLAY:BLOCK;}

UL.HEAD-LIST, .HEAD-LIST2 {
  POSITION:RELATIVE;
  DISPLAY:BLOCK;
  LIST-STYLE-POSITION: OUTSIDE;
  LIST-STYLE-TYPE:NONE; 
  BOX-SIZING:BORDER-BOX;
  LIST-STYLE-IMAGE:url('http://www.the-organic-gardener.com/images/bulsmall.jpg');
	MARGIN-TOP: 0.6em;
  MARGIN-RIGHT: 0em;
	MARGIN-BOTTOM: 0.9em;
  MARGIN-LEFT: 0.5em;
	PADDING-LEFT: 2em;
  PADDING-RIGHT: 0%;
	TEXT-ALIGN: LEFT;
	LINE-HEIGHT:150%;
  BORDER: 0px dotted #ff0000;
  }

.HEAD-LIST2{FLOAT:LEFT;}

UL.HEAD-LIST2 LI{
  MARGIN-TOP: 1.0em;
  }  

/* PTD NUMBERS REPRESENT NUMBER OF CELLS PER ROW */
  
TABLE.PTB2
{
  DISPLAY:TABLE;
  TABLE-LAYOUT: FIXED;
  BOX-SIZING:BORDER-BOX;
  MARGIN:AUTO;
  BORDER: 0PX DASHED #000000;
  WIDTH:100%;
   }

TD.PTD2 {
  BOX-SIZING:BORDER-BOX;
  TEXT-ALIGN:CENTER;
  WIDTH:45%;
  PADDING:2%;
  BORDER: 2PX DASHED #006600;
  }

TD.PTD1 {
  WIDTH:100%;
  PADDING:2%;
  }
  
TD.PTD4  {
  BOX-SIZING:BORDER-BOX;
  TEXT-ALIGN:CENTER;
  WIDTH:17%;
  PADDING:1%;
  BORDER: 2PX DASHED #006600;
  }
  
.QSRM {
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     -ms-box-sizing:border-box;
     -o-box-sizing:border-box;
      BOX-SIZING:BORDER-BOX;
      MIN-WIDTH:90%;
      FONT-SIZE:120%;
      LINE-HEIGHT:200%;
      }
 
.COMMBX-NAT, .COMMBX-NATB, .COMMBX-NATC {
 DISPLAY:BLOCK;
 POSITION:RELATIVE; 
 MARGIN:1EM AUTO 1EM AUTO;
 WIDTH:50%;
	}
 
.COMMBX-NATB, .COMMBX-NATC {
  WIDTH:95%;
  }

.SIG {
  DISPLAY:BLOCK;
  FLOAT:RIGHT;
  WIDTH: 25%;
  CLEAR:RIGHT;
  } 
 
.QORM {
  MIN-WIDTH: 80%;
  } 
  
.FOOIMAGE {MIN-WIDTH:90%;MAX-WIDTH:100%;HEIGHT:100%;}


.NAV_BOTA { 
WIDTH: 200PX;
MAX-HEIGHT: 250px; 
DISPLAY:NONE; 
}


/* MOBILE DESIGN ENDS HERE +++ NO CLOSING } NEEDED  */
   
/* 
  MEDIA QUERY GREATER THAN 540  
  MEDIA QUERY GREATER THAN 540  
*/

@media only screen and  (min-width: 540px) {

#OuterWrapper {
/* 94wv; */
WIDTH:100%;
MIN-WIDTH:100%;
MAX-WIDTH:100%;
-webkit-min-width: 100%; 
-webkit-max-width: 100%; 
-moz-min-width: 100%;
-moz-max-width: 100%;
-ms-min-width: 100%;
-ms-max-width: 100%;
-o-min-width: 100%;   
-o-max-width: 100%; 
MARGIN:0%
PADDING:0px 0% 0px 0%;

 } 

.IHED1, .IHED3 {DISPLAY:NONE;}
.IHED2 {DISPLAY:BLOCK;}

#Header {
/* BACKGROUND-IMAGE: URL('http://www.the-organic-gardener.com/images/OG-Ban.jpg'); */
BACKGROUND-COLOR:TRANSPARENT;
/* BACKGROUND-SIZE: 100% 100%; */
WIDTH:100%;
MIN-WIDTH:100%;
MAX-WIDTH:100%;
-webkit-min-width: 100%; 
-webkit-max-width: 100%; 
-moz-min-width: 100%;
-moz-max-width: 100%;
-ms-min-width: 100%;
-ms-max-width: 100%;
-o-min-width: 100%;   
-o-max-width: 100%; 
}  

.NO540 {DISPLAY:NONE;}

.IMABOT{DISPLAY:BLOCK;}


 
.SOC
{
  DISPLAY:BLOCK;
  }
  
.HOOL, .HOOR {POSITION:RELATIVE; DISPLAY:NONE; }  
.NAVBOT {DISPLAY:NONE;}
.NAVBOT2 {DISPLAY:BLOCK;}

.HOLL, .HOLR, .NVBL, .NVTL, .NVTR, .NVFL {
  DISPLAY:BLOCK;
  WIDTH:33%;
  LEFT:-1%;
  MARGIN-RIGHT:2em;
  Z-INDEX:0;}

.NVTR {WIDTH:36%;MARGIN: 0px 0px 0px 1em;}

.HOOL, .HOOR {DISPLAY:BLOCK;}

.NVFL, .NVTL	{
 	FLOAT:LEFT;
  MARGIN:0.5em 3% 0.5em 0em;  
  }

.NVBR, .NAVLR {
  WIDTH:36%;
  }

.LCA {
  DISPLAY:BLOCK;
	MAX-WIDTH:100%;
  MIN-WIDTH:100%;
 	}  

.MAINL, .MAINR {
  DISPLAY:BLOCK;
PADDING-LEFT:2%;
PADDING-RIGHT:2%;
}


.LCB {
DISPLAY:BLOCK;
  MIN-WIDTH:75%;
  MAX-WIDTH:75%;
  }

.TPL, .TPR {
  DISPLAY:BLOCK;
  FLOAT:LEFT;
  WIDTH:33%;
  MIN-HEIGHT:100%;
  BACKGROUND-COLOR:#669966;
  BORDER:0PX DASHED #FF0000;
  }
  
.TPR {DISPLAY:BLOCK;FLOAT:RIGHT;}


.TRAD {
  DISPLAY:BLOCK;
  }

.NEWSCOM {
  WIDTH: 90%;
  }

.MBTX {DISPLAY:NONE;}

.NAVIGATE {
DISPLAY:BLOCK;
FLOAT:LEFT;
MAX-WIDTH:62%;
MIN-WIDTH:62%;
}

UL.NAVIGATIONA, UL.NAVIGATIONB
{
DISPLAY:BLOCK;
LIST-STYLE-TYPE: NONE;
BOX-SIZING:BORDER-BOX;
MARGIN:0em 0em 0em 0em;
PADDING:0%;
TOP:0%; 
TEXT-ALIGN:CENTER;
FONT-FAMILY: FRUTIGERREGULAR,"LUCIDA SANS UNICODE", "LUCIDA GRANDE", SANS-SERIF;
LINE-HEIGHT:110%;
LIST-STYLE-TYPE:NONE;
BORDER: 0PX DASHED #FF0000;
}

UL.NAVIGATIONA  {
DISPLAY: BLOCK; 
FLOAT:RIGHT;
MAX-WIDTH:100%; 
MIN-WIDTH:100%; 
MARGIN-LEFT:auto; 
MARGIN-RIGHT:auto; 
MARGIN-TOP:0em; 
LINE-HEIGHT: 210%; } 

/*  NEXT SECTION REMOVED */

UL.NAVIGATIONB {
  FLOAT:LEFT;
  MAX-WIDTH:50%;
  MARGIN-TOP:0.5em;
  TOP:1em;
 } 


UL.NAVIGATIONA LI, UL.NAVIGATIONB LI
{
BOX-SIZING: BORDER-BOX;
TEXT-ALIGN:CENTER;
VERTICAL-ALIGN:MIDDLE;
FONT-FAMILY: FRUTIGERREGULAR,"LUCIDA SANS UNICODE", "LUCIDA GRANDE", SANS-SERIF;
BACKGROUND:URL('http://www.the-organic-gardener.com/images/navbutsprite.gif') 0% -0%;
BACKGROUND-SIZE: 100% 200%;
BACKGROUND-REPEAT: NO-REPEAT;
BORDER: 0PX DOTTED #FFFF00;
FONT-WEIGHT:BOLD;
}

UL.NAVIGATIONA LI {
  DISPLAY:INLINE-BLOCK; 
  MAX-WIDTH:45%; 
  MIN-WIDTH:45%; 
  MARGIN:0.2em 2% 0.2em 2%; 
  PADDING: 2% 2% 2% 2%; 
  }

UL.NAVIGATIONB LI {
POSITION:RELATIVE; 
DISPLAY:INLINE-BLOCK; 
MAX-WIDTH:36%; 
MIN-WIDTH:36%; 
MARGIN:0em 1em 0.2em 1em; 
PADDING: 2% 5% 2% 5%; 
}

.LANDSVIEW1 {DISPLAY:INLINE-BLOCK;}

.DISP540{DISPLAY:BLOCK;}

.PRODS3 
{
  DISPLAY:BLOCK;
  BOX-SIZING:BORDER-BOX;
  MAX-WIDTH:90%;
  MARGIN-LEFT:5%;
  POSITION:RELATIVE;
  Z-INDEX:3;
   }

.PRODS3 TD  {
  BOX-SIZING:BORDER-BOX;
  TEXT-ALIGN:CENTER;
  PADDING:1em;
  MAX-WIDTH:33%;
  }
  
.QSRM {
      MIN-WIDTH:55%;
      FONT-SIZE:120%;
      LINE-HEIGHT:200%;
      }
      
.COMMBX-NAT {
  DISPLAY:BLOCK;
  MARGIN:1EM AUTO 1EM AUTO;
  WIDTH:60%;
	}

.COMMBX-NATB, .COMMBX-NATC {
  WIDTH:95%;
  }

.SIG {
  DISPLAY:BLOCK;
  FLOAT:RIGHT;
  WIDTH: 25%;
  CLEAR:LEFT;
  } 
 
.GOG-RESP-BOD { width: 468px; height: 100px; } 
.GOG-RESP-LNK {width: 468px; height: 30px; } 
.GO160 {WIDTH:160PX;}


 }
/* 
  END QUERY 540 -- END 540 
  END QUERY 540 -- END 540
  
  MEDIA QUERY WIDE +++ GREATER THAN 800  
  MEDIA QUERY WIDE +++ GREATER THAN 800  
*/   

@media only screen and  (min-width: 800px) {

#OuterWrapper {
MIN-WIDTH:100%;
MAX-WIDTH:100%;
MARGIN:0%
PADDING:0px 0% 0px 0%;
 } 

.IHED3, .IHED1 {DISPLAY:NONE;} 
  
.IHED2 {
  DISPLAY:BLOCK;
  }
  
#Header {
/* BACKGROUND-IMAGE: URL('http://www.the-organic-gardener.com/images/OG-Ban-800.jpg'); */
BACKGROUND-COLOR:TRANSPARENT;
WIDTH:100%;
MIN-WIDTH:100%;
MAX-WIDTH:100%;
-webkit-min-width: 100%; 
-webkit-max-width: 100%; 
-moz-min-width: 100%;
-moz-max-width: 100%;
-ms-min-width: 100%;
-ms-max-width: 100%;
-o-min-width: 100%;   
-o-max-width: 100%; 
}  

.IMABOT {DISPLAY:NONE;}
.IMABOT2, .TRAD {DISPLAY:BLOCK;}
  
.HOOL, .HOOL {DISPLAY:BLOCK;}

.NAV, .NAVL, .NAVR, .NVBL, .NAVBR, .NVTL, .NVTR, .NVBR {
  DISPLAY:BLOCK;
  POSITION:RELATIVE;
  BACKGROUND-COLOR:TRANSPARENT;
  }

.NVBL 	 {
  WIDTH:33%;
  RIGHT:-38%;
  }

.NAVL {
  WIDTH:25%;
	LEFT:-0%;
  }
   
.NVFL, .NVBR, .NAVBR, .NVXR {
	WIDTH:25%;
  RIGHT:-30%;
  TEXT-ALIGN:CENTER;
  }

.NVXR {
  FLOAT:RIGHT;
  POSITION:ABSOLUTE;
  RIGHT:-33%;
  WIDTH:33%;
  PADDING-RIGHT:0EM;
  MARGIN-RIGHT:0EM;
  }
 
.NVBR, .NVTR, .NAVR {
  POSITION:ABSOLUTE;
  LEFT: 99%;
  MIN-WIDTH:33%;
  MARGIN:0.5em 0% 0.5em 1%;
  Z-INDEX:0;
  }  
  
.NVBR {
  LEFT:102%;
  }  
  
.NAVR {
  WIDTH:33%;
  BORDER:0PX SOLID #FF0000;
  MARGIN-TOP: 2EM;
  }
  
.NVTL {
   TEXT-ALIGN:CENTER;
   WIDTH:25%;
   LEFT:0%;
   MARGIN:0.5em 0em 0.5em 0.1em;
  }
   
.NVTL {
	MARGIN: 0.0em auto 0.0em auto;
    LEFT:2.5%;  
  }
  
.NAVBOT {
  POSITION:RELATIVE;
  DISPLAY:BLOCK;
  WIDTH:98%;
  MAX-WIDTH:98%;
  MIN-HEIGHT:250PX;
  MARGIN:2em AUTO 1em AUTO;
  TEXT-ALIGN:CENTER; 
  BACKGROUND-COLOR:TRANSPARENT;
  Z-INDEX:5;
  }

.COMMBX-NAT {
  DISPLAY:BLOCK;
  WIDTH:60%;
	}

.COMMBX-NATB, .COMMBX-NATC {
  WIDTH:95%;
  }

.SIG {
  DISPLAY:BLOCK;
  FLOAT:RIGHT;
  WIDTH: 25%;
  MARGIN-TOP: 3EM;
  CLEAR:NONE;
  }
  
.ATOPL {
  MIN-WIDTH:160PX;
  MAX-WIDTH:160PX;
  LEFT:-1em;
  }
  
#T-1 {DISPLAY:NONE;}
#T-2 {DISPLAY:INLINE-BLOCK;}   

#ContentWrapper{
MIN-WIDTH:100%;
MAX-WIDTH:100%;
-webkit-min-width: 100%; 
-webkit-max-width: 100%; 
-moz-min-width: 100%;
-moz-max-width: 100%;
-ms-min-width: 100%;
-ms-max-width: 100%;
-o-min-width: 100%;   
-o-max-width: 100%; 
  }

.MAINL, .MAINR {
DISPLAY:BLOCK;
FLOAT:LEFT;
MAX-WIDTH:75%;
PADDING-LEFT:2%;
PADDING-RIGHT:2%;
}

  
.LCA {
	DISPLAY:BLOCK;
 FLOAT:RIGHT;
  MIN-WIDTH:25%;
  MAX-WIDTH:25%;
}  

.LCB {
DISPLAY:BLOCK;
	MIN-WIDTH: 75%; 
 	MAX-WIDTH: 75%; 
MARGIN:0EM;
  } 

.TPL, .TPR {
  DISPLAY:BLOCK;
  FLOAT:RIGHT;
  MARGIN:AUTO;
  MIN-WIDTH:100%;
  MAX-WIDTH:100%;
  }

.TRAD {
  DISPLAY:NONE;
  }

DIV.NAVIGATE {
DISPLAY:BLOCK;
FLOAT:LEFT;
MAX-WIDTH:100%;
MIN-WIDTH:100%;
MAX-WIDTH:100%;
MARGIN:AUTO;
PADDING:1.5em 0em 0em 0em;
TOP:0px; 
TEXT-ALIGN:CENTER;
}

UL.NAVIGATIONB {
  FLOAT:LEFT;
  WIDTH:60%;
  MARGIN-TOP:1em;
  TOP:0.5em;
  BORDER-WIDTH: 0PX;
 } 

UL.NAVIGATIONA {DISPLAY:BLOCK;FLOAT:LEFT;MAX-WIDTH:100%;MIN-WIDTH:100%;}

UL.NAVIGATIONA LI 
{
DISPLAY:BLOCK;
FLOAT:LEFT;
MAX-WIDTH:100%;
MIN-WIDTH:100%; 
MARGIN:0.3em 0em 0.0em 0em; 
PADDING: 1% 2% 1% 2%; 
LINE-HEIGHT:220%;
}

.LANDSVIEW1 {DISPLAY:NONE;}
.LANDSVIEW2 {DISPLAY:INLINE-BLOCK;}
.LANDSVIEW3 {DISPLAY:NONE;}

UL.TITHEDS-R0
{
  MARGIN:0em 0em 0.5em 1em;
  PADDING:0em 0em 0.5em 1.75em;
  TEXT-INDENT:-0em; 
  LINE-HEIGHT:110%;
  TEXT-ALIGN:LEFT;
  }

.PRODS3 
{
  DISPLAY:BLOCK;
  BOX-SIZING:BORDER-BOX;
  MAX-WIDTH:90%;
  MARGIN-LEFT:5%;
   }

.PRODS3 TD  {
  BOX-SIZING:BORDER-BOX;
  TEXT-ALIGN:CENTER;
  PADDING:1em;
  WIDTH:33%;
  }

.NATBUT {
WIDTH:85%;
FONT-WEIGHT:BOLD;
COLOR:#006600;
FONT-SIZE:100%;
MARGIN:AUTO;"
}

.NATBT {
FONT-WEIGHT:NORMAL;
FONT-SIZE:8PT;
WIDTH:95%;
MAX-WIDTH:150PX;
COLOR:#000000;
}

.QSRM {
      MIN-WIDTH:95%;
      FONT-SIZE:120%;
      LINE-HEIGHT:200%;
  }

.QORM {
  MIN-WIDTH: 80%;
  } 

  .GOG-RESP-BOD { width: 600px; height: 100px; } 
  .GOG-RESP-LNK {width: 600px; height: 30px; }
  .GO160 {WIDTH:160PX;}

}  
 /*  END MEDIA QUERY 800 */

 
@media only screen and  (min-width: 945px) {

#OuterWrapper {
MIN-WIDTH:100%;
MAX-WIDTH:100%;
MARGIN:0%
PADDING:0px 0% 0px 0%;
 }
  
#ContentWrapper {
  WIDTH:100%;
  MIN-WIDTH:100%;
MAX-WIDTH:100%;
-webkit-min-width: 100%; 
-webkit-max-width: 100%; 
-moz-min-width: 100%;
-moz-max-width: 100%;
-ms-min-width: 100%;
-ms-max-width: 100%;
-o-min-width: 100%;   
-o-max-width: 100%; 
  }

.LANDSVIEW1 {DISPLAY:NONE;}

.NVTR, .NAVR {
   POSITION:ABSOLUTE;
   TEXT-ALIGN:CENTER;
   WIDTH:39%;
   RIGHT:75%;
   Z-INDEX:0;
   }
   
.IMA945 {
  MIN-WIDTH:100%; 
  MAX-HEIGHT:250PX;
/* POSITION:ABSOLUTE;
  OBJECT.STYLE.CLIP:RECT(AUTO,AUTO,250PX,AUTO); */
  }
.NO945 {DISPLAY:NONE;}



}
/* END MEDIA QUERY 945 */
/* END MEDIA QUERY 945 */

@media(min-width: 900px) {

BODY {
MAX-WIDTH:1120px;
-webkit-max-width: 1120px;
-moz-max-width: 1120px;
-ms-max-width: 1120px;
-o-max-width: 1120px;
}
  
.GOG-RESP-BOD { width: 600px; height: 100px; } 
.GOG-RESP-LNK {width: 600px; height: 30px; } 
.GO160 {WIDTH:160PX;}
}

/* PAGE SPECIFIC CSS +++ PAGE SPECIFIC CSS */
/* PAGE SPECIFIC CSS +++ PAGE SPECIFIC CSS */


#privacy-pots .MAINTOP {MIN-WIDTH:100%;}



TD
{
  FONT:13PX VERDANA, GENEVA, ARIAL, HELVETICA, SANS-SERIF;
  COLOR:#000;
  padding:0px;
  }
  
 /* HEADING STYLES +++ HEADING STYLES --- */

H1
{
  MARGIN:0.5em 0em 0.4em 0em;
  PADDING:0PT;
  LINE-HEIGHT:1.8em;
  TEXT-ALIGN:CENTER;
  FONT-SIZE:2.2em;
  }

H2 
{
  MARGIN:0.5em 0em 0.3em 1.5em;
  PADDING:0PT;
  LINE-HEIGHT:1.8em;
  TEXT-ALIGN:LEFT; 
  TEXT-INDENT:0em;
  FONT-SIZE:1.3em;
  }
  
P 
{
  MARGIN:0.1em 0em 0.2em 0em;
  }

.ALSON {
  BOX-SIZING:BORDER-BOX;
  DISPLAY:BLOCK;
  BACKGROUND-COLOR:#FFFFFF;
  BORDER-LEFT:0PX;
  BORDER-RIGHT:0PX;
  BORDER-TOP:4px DOUBLE #006600; 
  BORDER-BOTTOM:4PX DOUBLE #006600;
  WIDTH:80%;
  MARGIN:AUTO;
  PADDING: 0.5em 5% 0.2em 5%; 
  TEXT-ALIGN:CENTER;  
  LINE-HEIGHT:2EM;
  }

/*  MAIN SUBHEADINGS */   

.SUBHD-12, .SUBHD-0 {
  DISPLAY:BLOCK;
  LINE-HEIGHT:150%;
  TEXT-ALIGN:LEFT;
  FONT-SIZE:1em;
  FONT-STYLE:ITALIC;
  FONT-WEIGHT:BOLD;
  COLOR:#006600;
  }

.SUBHD-12  
{
  MARGIN:0em 1.2em 1.0em 30PX;
  }

.SUBHD-0
{
  DISPLAY:BLOCK;
  MARGIN:0em 1.2em 0em 30PX;
  }

.PARA-HEAD
{
	DISPLAY:INLINE;
  MARGIN:0em;
	FONT-WEIGHT:BOLD;
 	}

.NOTE 
{
  DISPLAY:INLINE;
  FONT-STYLE:ITALIC;
  FONT-WEIGHT:BOLD;
  COLOR:#006600;
  }

/* SEE .SUBHEAD-BUL-0  */

/* SECTIONS */

.GATE
{
  MARGIN-LEFT:1EM;
  MARGIN-BOTTOM:0.5EM;
  TEXT-ALIGN:LEFT;
  }

.HOR100
{
  DISPLAY:BLOCK;
  WIDTH:100%;
  MARGIN-TOP:12PT;
  MARGIN-BOTTOM:6PT;
  TEXT-ALIGN:CENTER;
  Z-INDEX:2;
  }

.TEXTR
{
  MARGIN:0PT;
  TEXT-ALIGN:RIGHT;
  }

/* ACTION BOXES */

#QNation {
  POSITION:ABSOLUTE;
  Z-INDEX:8;
  }
  
.COMMBX-NATION, .COMMBX-NAT, .COMMBX-NATB, .COMMBX-NATC 
{
  BORDER:2PT DOTTED #006600;
  BACKGROUND-COLOR:#669966;
  TEXT-ALIGN:CENTER;
  LINE-HEIGHT:120%;
  COLOR:#FFFF00;
  }
  
.COMMBX-NAT, .COMMBX-NATB, .COMMBX-NATC {
 POSITION:RELATIVE;
  }

.COMMBX-NATION {
DISPLAY:NONE;
WIDTH:200PX;
   MAX-WIDTH:200PX;
  MAX-HEIGHT:270PX;
Z-INDEX:8; 
 }

.NATBUT {
WIDTH:85%;
FONT-WEIGHT:BOLD;
COLOR:#006600;
FONT-SIZE:100%;
MARGIN:AUTO;
}

.NATBT {
FONT-WEIGHT:NORMAL;
FONT-SIZE:8PT;
WIDTH:95%;
MAX-WIDTH:150PX;
COLOR:#000000;
}

.COOK {
MARGIN:0.3em 0em 0.3EM 0em;
FONT-SIZE:8PT;
FONT-WEIGHT:BOLD;
FONT-STYLE:ITALIC;
MAX-WIDTH:180PX;
TEXT-ALIGN:LEFT;
COLOR:#FFFFFF;
  }

#YNat {
MAX-WIDTH:180px;
BACKGROUND-COLOR:#FFFFCC;
}

#YNation {
MAX-WIDTH:180px;
BACKGROUND-COLOR:#FFFFCC;
}

.QNatc {WIDTH:100%;}

#nato, #nat, #natb, #natc, #TESTO
{
MARGIN:0PT;
PADDING:0PT;
FONT-WEIGHT:NORMAL;
COLOR:#FFFF00;
}

#nat, .NWT {COLOR:#FFFFFF;max-width:90%;}
#natb, .NWT {COLOR:#FFFFFF;max-width:90%;}
#natc, .NWT {COLOR:#FFFFFF;width:90%;}
/* #nato span  {FONT-WEIGHT:NORMAL;} */

/* -- What's New Block -- */

.WhatsNew {
border: 0px;
margin: 0.2em 0em 0.2em 0em;
padding:0.2em 0.2em 0.2em 0.2em;
position: relative;
BACKGROUND-COLOR:TRANSPARENT;
a:link{COLOR:#FFFF00;}
Z-INDEX:4;
}

.WhatsNew img {display:none;}

/* -- Main Headline -- */

.WhatsNew h2 {
margin: 0.0em 0em 0.2em 0em;
padding: 0em;
text-align: center;
line-height: 125%;
font-size: 1.2em;
letter-spacing: 0.1em;
COLOR:#FFFF00;
}

/* -- Item Headlines -- */

.WhatsNew h3 {
margin: 0.2em 0em 0.1em 0em;
font-size: 0.9em;
line-height: 120%;
margin-bottom: 0;
color:#FFFF00;
}

.WhatsNew-content { 
margin: 0em 0em 0.2em 0em;
font-size: 0.75em;
line-height: 120%;
color:#FFFFCC;
}

/* -- Date and Time -- */

.WhatsNew-time {
font-size: 75%;
color: #FFFFFF;
margin: 0.0em;
}

/* -- Read More Text -- */

.WhatsNew-more {
margin: 0.2em 0em 0.7em 0em;
text-align: right;
font-size: 0.75em;
letter-spacing: 0.1em;
line-height:100%;
}

.WhatsNew ol, .WhatsNew ul, .WhatsNew li {
margin: 0;
padding: 0;
list-style: none;
zoom: 1;
}

.WhatsNew ol {
margin: 0 10px;
overflow: hidden;
}

.WhatsNew ol li {
display: block;
padding-bottom: 1px;
border-top: 1px solid #ccc;
margin-top: -1px;
}

DIV.WhatsNew a:link {COLOR:#FFFF00;} 
DIV.WhatsNew a:visited {COLOR:#DDDD00;} 
DIV.WhatsNew a:hover {COLOR:#FFFFCC;} 
DIV.WhatsNew a:active {COLOR:#FFFFCC;}

.WhatsNew a:link {COLOR:#FFFF00;} 

/* .WhatsNew {COLOR:#FFFF00;}  a:link{COLOR:#FFFF00;}   .WhatsNew a:link, a:hover, a:active {COLOR:#FFFFCC;} */

/* BIG BOXES 

COMMBX-GREEN   >>  Info - green text/border/ back cream  
COMMBX-GREENA  >>  Info Commercial - green text/border back lyellow 
COMMBX-SOIL    >>  Info - Notes on soil earth tools practical 
COMMBX-MUTE   >>> Info

*/



.COMMBX-SOIL, .COMMBX-GREENA, .COMMBX-GREEN, .COMMBX-MUTE, .COMMBX-RL-STYLE, .COMMBX-RE, .COMMBX-CHEM
{
  DISPLAY:BLOCK;
  MARGIN:1em 0em 1em 0em;
  PADDING-LEFT:1em;
  PADDING-RIGHT:0.02em;
  LINE-HEIGHT:150%;
  }

.COMMBX-SOIL { 
  BORDER:2PT DOTTED #663300;
  BACKGROUND-COLOR:#CCCCCC;
	COLOR:#663300;
  FONT-WEIGHT:BOLD;
  }
  
.COMMBX-GREENA {
  BORDER:2PT DOTTED #006600;
  BACKGROUND-COLOR:#FFFFCC;
  FONT-WEIGHT:BOLD;
  COLOR:#006600;
  }

.COMMBX-GREEN
{
	BORDER:2pt DOTTED #006600;
	BACKGROUND-COLOR:#EEEEEE;  
	FONT-WEIGHT:BOLD;
	COLOR:#006600;
	}
 
.COMMBX-RE 
{
  BORDER:2PT DOTTED #FF0000;
  BACKGROUND-COLOR:#FFFFCC;
  FONT-WEIGHT:NORMAL;
  COLOR:#990000;
  }

.COMMBX-MUTE
{
	BORDER:2pt DOTTED #999999;
	BACKGROUND-COLOR:#CCCCCC;  
	}

.COMMBX-CHEM
{	
	BORDER:2PT DOTTED #6666FF;
  BACKGROUND-COLOR:#FFFFCC;
  FONT-WEIGHT:500;
  COLOR:#000000;
	}

.COMMBX-RL-STYLE 	
{
	BORDER:2pt DOTTED #FF0000;
	BACKGROUND-COLOR:#FFFFCC;  
	TEXT-ALIGN:LEFT; 
	FONT-WEIGHT:NORMAL;
	FONT-STYLE:NORMAL;
	}
 
.BORD0 
{
  BORDER-WIDTH:0PT;
  }
 
.CALL {CLEAR:BOTH;} 
.CL {CLEAR:LEFT;}
.CR {CLEAR:RIGHT:}
 
.RSS
{
  WIDTH:100%;
  HEIGHT:156PX;
  TEXT-ALIGN:CENTER;
  }

/* NAV BOXES */

.QTR, .QTRC
{
  DISPLAY:BLOCK;
  FLOAT:RIGHT;
  BOX-SIZING:BORDER-BOX;
  BORDER-STYLE:NONE DOTTED DOTTED NONE;
  BORDER-COLOR:#006600;
  BORDER-WIDTH:2PX;
  FONT-WEIGHT:BOLD;
  COLOR:#006600;
  }

.QTR
{
  TEXT-ALIGN:LEFT;
  }

.QFRM {
  TEXT-ALIGN:CENTER;
  WIDTH:95%;
  MARGIN:0em 1em 1em 1em;
 }

.QORM {
  MIN-WIDTH: 80%;
  } 
 
 
/*  LISTS */ 

UL.HEAD-LISTSQ, HEAD-LISTSQ-RED, .HEAD-LISTSQ-G, .HEAD-LISTSQ-ERTH, .HEAD-LISTSQ-CHEM {
	LIST-STYLE-TYPE: SQUARE;
  LIST-STYLE-POSITION:OUTSIDE;
 	MARGIN-TOP: 0.6em;
  MARGIN-RIGHT: 0em;
	MARGIN-BOTTOM: 0.9em;
  MARGIN-LEFT: 0em;
	PADDING-LEFT: 1em;
  PADDING-RIGHT: 0px;
	TEXT-ALIGN: LEFT;
	LINE-HEIGHT:150%;
  COLOR:#000000;
 	}
 
UL.HEAD-LISTSQ-G
{
  COLOR:#006600;
	}
 
UL.HEAD-LISTSQ-RED
{
  COLOR:#FF0000;
  }

UL.HEAD-LISTSQ-ERTH
{
  COLOR:#663300;
  }
  
UL.HEAD-LISTSQ-CHEM 
{
  COLOR:#000099; 
  BACKGROUND-COLOR:FFFFCC;
  } 

/* .HEAD-LISTSQ-RED, */


OL {
  LIST-STYLE-POSITION:OUTSIDE;
  PADDING-LEFT:10PT;
  MARGIN-LEFT:0PT;
  MARGIN-TOP:6PT;
  MARGIN-BOTTOM:6PT;
  LINE-HEIGHT:16PT;
  TEXT-ALIGN:LEFT;
  }

/* SPRITES AND SOCIAL MEDIA */

.SIGNR, .SIGNL, .ARROWL, .ARROWR 
{
display:inline-block;
 background-image: url('http://the-organic-gardener.com/images/sp4-wplaqsign.gif');
background-repeat: no-repeat;
  position:relative;
	height:80px; 
	margin:0px 0px 0px 0px;
 	text-align:center;
	z-index:3;
 }
 
.SIGNR
{
   background-position: -131px -80px;
   width:120px;
   margin-left:0px;
   padding-top:8px;
   }
 
.SIGNL
{
   background-position: -131px 0px;
   FLOAT:RIGHT;
   height:70px;
   min-width:120px;
   margin-RIGHT:10px;
   padding-top:9px;
   border:0PX dotted #00FF00;
    }



.ARROWR
{
 float:left;
 width:120px;
 height:33px;
 background-position: -132px -80px;
 margin-left:20px;
 padding-top:8px;
   }

/*  TEXT STYLES */  

.PLAIN {
  COLOR:#000000;
  TEXT-DECORATION:NONE;
  FONT-WEIGHT:NORMAL;
  }
  
.NODEC {
  TEXT-DECORATION:NONE;
  BORDER-WIDTH:0PT;
  COLOR:#000000;
  COLOR:NO-INHERIT;
  TEXT-DECORATION:NO-INHERIT;
  }

.ULNK {
  COLOR:#0000FF;
  COLOR:NO-INHERIT;
  }



#BIGG {
  FONT-SIZE:100%; 
  }

.BIGG {
  FONT-SIZE:120%;
  }

.G {COLOR:#006600;}

.G-B {
  FONT-WEIGHT:BOLD;
  COLOR:#006600;
  }

.ERTH-B {
  FONT-WEIGHT:BOLD;
  COLOR:#663300;
  }

.R{COLOR:#FF0000;}

.R-B {
  FONT-WEIGHT:BOLD;
  COLOR:#FF0000;
  }
 
.BL{COLOR:#0000FF;}

.YEL{COLOR:#FFFF00;}

.CHEM
{
  BACKGROUND-COLOR:#FFFFCC;
  COLOR:#0000FF;
  POSITION:RELATIVE;
  Z-INDEX:2;
 }
 
.HILI-Y {BACKGROUND-COLOR:#FFFF00;}

.BHILI-Y {
  BACKGROUND-COLOR:#FFFF00;
  FONT-WEIGHT:BOLD;
  }

.HILI-LY {BACKGROUND-COLOR:#FFFFCC;}
 
.GRN {
  BACKGROUND-COLOR:#006600;
  COLOR:#FFFFCC;
  FONT-WEIGHT:BOLD;
  }
 
.ERTH {
  FONT-WEIGHT:BOLD;
  COLOR:#663300;
  }
 
.SOIL-STYLE {
  BACKGROUND-COLOR:#FFFFCC;
  COLOR:#663300;
  }
  
.SMALLSPACE, .GAPSPACE
{
  FONT-SIZE:X-SMALL;
  MARGIN:0PT;
  PADDING:0PT;
  }
  
.SMALLSPACE {LINE-HEIGHT:6pt;}
.GAPSPACE {LINE-HEIGHT:2pt;}

.SMALLS {
  FONT-SIZE:SMALL
  }

.IN5 {MARGIN-LEFT:5EM;}
.LM0 {MARGIN-LEFT:0EM;}

.INP5 {PADDING-LEFT:5%;}
.INP2 {PADDING-LEFT:0.75EM;}

.PAD5	{
  PADDING:0.0em 0.5em 0.0em 0.5em;
  } 
  
H2.BXHD {
  BACKGROUND-COLOR:#FFFF00;
  DISPLAY:BLOCK;
  MAX-WIDTH:80%;
 	TEXT-ALIGN: LEFT;
  MARGIN:0.5em 0em 0.3em 0.0em;
  PADDING-LEFT:1EM;
  LINE-HEIGHT:1.8em;
  FONT-SIZE:1.3em;
  BORDER:0PX;
  }

.MIDIMAGE  
{
  VERTICAL-ALIGN:MIDDLE;
}


.COMMBX-17
{
  DISPLAY:BLOCK;
  MARGIN:1em 0em 1em 0em;
  PADDING-LEFT:1em;
  PADDING-RIGHT:0.02em;
  LINE-HEIGHT:150%;
  BORDER:2PT DOTTED #6666FF;
  BACKGROUND-COLOR:#FFFFCC;
  FONT-WEIGHT:500;
  COLOR:#000000;
  POSITION:ABSOLUTE;
  Z-INDEX:8;
  }