/* Tags */
/* some ie versions require position: relative to show bg */
/* ie requires overflow: visible AND a dimension on blocks w/italics so they don't grow */
/* adding a dimension to a block like p makes it so they don't wrap around floats */
/* to center elements in ie, use text-align: center on parent - other browser can use margin auto */

body {
	margin: 0;
	padding: 0;
	position: relative; /* positioning allows for absolute children */
	/*background-image:  url(image/bg.gif);
	background-image:  url(image/bg_vocab.gif); */
	background-repeat: repeat;
	background-color: #FF9933;
	text-align: center; /*centers page for ie, which doesn't get margin auto */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #222222; 

} 
h1 {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Verdana, Tahoma, Helvetica sans-serif; 
	font-size: 16px; 
	font-weight: bold;
	color: #87a058;
	line-height: 1.15em;
}

h2 {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color: #444444;
	line-height: 1.15em;
}
h3 {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #222222;
	line-height: 17px; 
}
h4 {
        padding: 0px;
        margin: 0px;
        font-family: Tahoma, Verdana, Arial, Helvetica sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FF9900;
        line-height: 17px;
}

p {
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica sans-serif; 
	font-size: 12px; 
	line-height: 17px; 
	color: #222222; 
}
table{
	margin: 0;
	padding: 10px 0;
	position: relative;
	border: none;
}
td {
	padding: 3px;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #222222;
	border: none;
	vertical-align: top;
}
th {
	text-align: left;
	padding: 0 20px;
	font-family: Tahoma, Verdana, Arial, Helvetica sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #222222; 
}
a, a:link, a:visited {
 color: #627c30;
 
}
li { line-height: 1.4em;}
strong {font-weight: bold;}
em {font-style: italic;}

/* rounded centered page */
#rcenteredpage{
        text-align: center; /*centers elements for ie*/
        position: relative;
        top: 0;
        left: 0;
        margin: 30px auto 15px auto;
        border: none;
        width: 760px;
        /*background-image:  url(image/bg_centeredpage.gif); */
background: url(image/bg_maincol_wht.gif) repeat-y left; /*bottom round corners*/

	color: #ffffff;
}


/* centered page boundary *******************************************************/
#centeredpage{
	text-align: center; /*centers elements for ie*/
	position: relative;
	top: 0;
	left: 0;
	margin: 30px auto 15px auto; 
	border: none;
	width: 760px;
	/*background-image:  url(image/bg_centeredpage.gif); */
/*	background-image:  url(image/greencrayon.jpg); */
color: #ffffff;
background-color: #ffffff;
	background-repeat: repeat-y; 
	background-position: center top; 
}
#centeredpage img.noborder { 
	border: none;
	margin: 0;
} 
/* header ************************************************************/
#header {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	border: none;
	height: 140px;
	/*background-image:  url(image/bg_head.gif);*/ 
	/*background-image:  url(image/bg_head_green.jpg);*/ 
	background-position: center top; 
}
#logo { /* nested in header */
	margin: auto; 
	position: relative; 
	left: 0px;
	top: 22px; 
	height: 84px; 
	/*width: 163px; */
	width: 279px; 

}
#menu { /* nested in header */
	position: absolute;
	left: 80px;
	bottom: 0px;
	height: 22px;
	margin:0;
	padding:0;
	margin-left: 10%;
	margin-right: 10%;
}

/* home page banner ************************************************************/
* html .bannerboxhead  {height: 1%;} /* For IE 5 PC */
* html .bannerboxhead h2 {height: 1%;} /* For IE 5 PC */
.bannerbox {
	margin: 0 0 0 5px; /*scooches bg right a little */
	background:  url(image/bg_bannerboxB.gif) no-repeat bottom center; /*bottom round corners*/
	font-size: 100%;
	position: relative;
}
.bannerboxhead {
	background:  url(image/bg_bannerboxT.gif) no-repeat top center; /*top round corners*/
	margin: 0;
	text-align: center;
	padding: 22px 35px 5px 35px; /*fits into bg box */
}
.bannerboxhead h1 {
	margin: 0;
	padding: 0 0 10px 0; /*pads bottom of head*/
	font-weight: bold; 
	line-height: 1em;
} 
html>body .bannerboxhead h1 { margin: 0 auto; } /* centers head */
.bannerboxbody {
	margin: 0;
	padding: 0px 34px 30px 37px
}
.bannerbox p{
	margin: 0;
	padding: 0px 0px 10px 0px;
}
.bannerbox .centeredgallery img{
	border: 4px solid #ee9c9c;
	margin: 0;
}
/* home page styles ************************************************************/
h3.homepg {
padding: 0 0 5px 0;
}
ul.homepg { /*for feature list */
	margin: 0 0 10px 0;
	list-style-image: none;
	list-style-type: none;
	padding: 0 0 0 10px;
}
ul.homepg li {
	background-image: url(image/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0;
	padding: 5px 0 5px 14px;
	position: relative;
}

/* page content layouts ************************************************************/
#columncontent {/* container for 2 columns so background grows */
	text-align: left;
	top: 0px;
	position: relative;
	margin: 0px 10px; /*to allow for vertical pink border in background*/
	padding: 10px 0 0 0; /*space above rounded corner boxes */
}

* html #columncontent {height: 1%;} /* For IE 5 PC */


/* left column in page content and styles for left column******************/
#leftcolumn {
/*	text-align: left;
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 200px; 
	margin: 0px;
	padding: 0;
*/
        float: left;
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px;
        padding: 0 0 10px 0;
        border: none;
	width: 200px; 

}
#leftcolumn p { /*small text on right , no need for padding as p will be in box
 body*/
        margin: 0;
        font-size: 11px;
        line-height: 15px;
}
* html #leftcolumn h2 {height: 1%;} /* For IE 5 PC */
#leftcolumn h2 {
        margin: 0;
        padding: 10px 0 5px 20px; /*to fit in the box background */
}
#leftcolumn p.highlight {
font-size: 12px;
        text-align: center;
}
#leftcolumn p.navlink {
color: #87a058;
font-weight: bold;
line-height: 18px;
text-decoration: none;
}
#leftcolumn p.navlink a:link, #leftcolumn p.navlink a:visited {
color: #87a058;
text-decoration: none;
}
#leftcolumn p.exclam a:link, #leftcolumn p.exclam a:visited {
font-weight: bold;
line-height: 18px; 
}
#leftcolumn p.exclam{
        color: #87a058; 
        font-weight: bold; 
        font-size: 15px;
        margin: 8px 0 0 0;
        text-align: center;
        }

#leftcolumn p.exclam a:link, #leftcolumn p.exclam a:visited {
        color: #87a058; 
        font-weight: bold; 
} 




* html .wideboxhead h2 {height: 1%;} /* For IE 5 PC */
* html .wideboxhead  {height: 1%;} /* For IE 5 PC */
* html .widebox  {height: 1%;} /* For IE 5 PC */
* html p.wit {height: 1%;} /*For IE 5 PC - keeps italics from widening box.  can't set for all P because then it no longer wraps under pix */
.widebox {
	margin: 0 0 0 5px; /*scooches bg to right */
	background: url(image/bg_maincol_wht.gif) repeat-y left; /*bottom round corners*/
	font-size: 100%;
	position: relative; /*need this so screwy ie doesn't lose bg */
}
.wideboxhead {
	background:  url(image/bg_maincol_t_wht.gif) no-repeat top left; /*top round corners*/
	margin: 0;
/*	padding: 0;*/
	text-align: left;
		padding: 12px 0 5px 15px; 
}
.wideboxhead h1, .wideboxbody h1 {
	margin: 0;
	padding: 12px 0 10px 0;
	color: #87a058; 
	font-weight: bold; 
	line-height: 1em;
} 
.wideboxbody {
	margin: 0;
	background: url(image/bg_maincol_b_wht.gif) no-repeat bottom left;
	padding: 0px 34px 20px 37px;
	position: relative;
}

.wideboxbody h1 a:link, .wideboxbody h1 a:visited {
	color: #87a058; 
	font-weight: bold; 
} 
.wideboxbody p{
	margin: 0;
	padding: 0px 0px 10px 0px;
	overflow: visible;
}


.widebox h2{
	margin: 0;
	padding: 0px 0px 5px 0px;
}
.widebox h1{
	margin: 0;
	padding: 0px 0px 5px 0px;
}
.quote {
border: 2px solid #b7bee1;
background-color: #f3e8f7;
padding: 20px 20px 15px 20px;
}
.widebox h3{
	margin: 0;
	padding: 0px 0px 10px 0px;
}

.wideboxbody img {
	border: 2px solid #ee9c9c;
	margin: 3px 20px 10px 0px;
position: relative;
	float: left; 
	display: inline; 
}
.wideboxbody img.nofloat {
float: none;
border: none;
}
.wideboxbody table img {
border: none;
}
.widebox img.right {
	border: 2px solid #ee9c9c;
	margin: 3px 0px 10px 20px;
		position: relative;
}
.centeredgallery {
	text-align: center;
	padding: 0;
	margin: 0;
	position: relative;
	top: 0;
	left: -3px;
}
div.gallerypic {
margin: 20px 0 35px 0;
padding: 0;
display: inline;
}
table.gallerypic {
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	top:0;
}
.gallerypic td {
padding: 0;
margin: 0;
text-align: center;
}

* html table.gallerypic {display: inline-block; display: inline;}
html>body .gallerypic {
margin: 20px auto;
}
table.gallerypic img{
padding: 0px;
margin: 0;
	border: 3px solid #ee9c9c;
}

.pgallery{text-align:center}
.pgallery p{display:inline}
.pgallery span{margin:0 5px 5px 5px; vertical-align:top; width:172px; display:table-cell; display:inline-table; display:inline-block}
.pgallery p img{margin-bottom:5px}


div.contact {
text-align: center;
}
form.contact {
text-align: center;
}
table.contact {
	margin: 0 auto;
}
table.contact td {
	padding: 4px 2px;
}
/* right column in page content used for main content*************************************/
#rightcolumn {
/*	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0 0 10px 0;
	border: none;
/*	width: 200px; */
	width: 540px; /*on the sub pages*/
*/
        text-align: left;
        float: left;
        position: relative;
        left: 0px;
        top: 0px;
        width: 540px; /*on the sub pages*/
        margin: 0px;
        padding: 0;

}
#rightcolumn p { /*small text on right , no need for padding as p will be in box body*/
	margin: 0;
	font-size: 11px;
	line-height: 15px;
}
* html #rightcolumn h2 {height: 1%;} /* For IE 5 PC */
#rightcolumn h2 {
	margin: 0;
	padding: 10px 0 5px 20px; /*to fit in the box background */
}
#rightcolumn p.highlight {
font-size: 12px;
	text-align: center;
}
#rightcolumn p.navlink {
color: #87a058;
font-weight: bold;
line-height: 18px;
text-decoration: none;
}
#rightcolumn p.navlink a:link, #rightcolumn p.navlink a:visited {
color: #87a058;
text-decoration: none;
}
#rightcolumn p.exclam a:link, #rightcolumn p.exclam a:visited {
font-weight: bold;
line-height: 18px; 
}
#rightcolumn p.exclam{
	color: #87a058; 
	font-weight: bold; 
	font-size: 15px;
	margin: 8px 0 0 0;
	text-align: center;	
	}

#rightcolumn p.exclam a:link, #rightcolumn p.exclam a:visited {
	color: #87a058; 
	font-weight: bold; 
} 
.sidebox, .sideboxgreen {
	margin: 0 5px 0 0;
	padding: 0 0 15px 0; 
	background:   url(image/bg_smlboxBgr_wht.gif) no-repeat bottom left;
}
* html .sideboxhead  {height: 1%;} /* For IE 5 PC */
.sideboxhead {
	background:   url(image/bg_smlboxTwt.gif) no-repeat top center;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
.sideboxbody {
	margin: 0;
	padding: 5px 20px 2px 20px;
}
.sideboximage {
	text-align: center;
	margin: 0;
	padding: 0;
}
.sideboximage p {
	padding: 5px 20px 0 20px;
}
* html .sideboxheadgreen  {height: 1%;} /* For IE 5 PC */
.sideboxheadgreen {
	background:   url(image/bg_smlboxTgr.gif) no-repeat top left;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
.sideboxblue {
	margin: 0 5px 0 0;
	padding: 0 0 15px 0; 
	background:   url(image/bg_smlboxBbl_wht.gif) no-repeat bottom left;
}
* html .sideboxheadblue  {height: 1%;} /* For IE 5 PC */
.sideboxheadblue{
	background:   url(image/bg_smlboxTbl_wht.gif) no-repeat top left;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
.sideboxpink {
	margin: 0 5px 0 0;
	padding: 0 0 15px 0; 
	background:   url(image/bg_smlboxBpk_wht.gif) no-repeat bottom left;
}
* html .sideboxheadpink  {height: 1%;} /* For IE 5 PC */
.sideboxheadpink{
	background:   url(image/bg_smlboxTpk.gif) no-repeat top left;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
.sideboxpurple {
	margin: 0 5px 0 0;
	padding: 0 0 15px 0; 
	background:   url(image/bg_smlboxBpr_wht.gif) no-repeat bottom left;
}
* html .sideboxheadpurple  {height: 1%;} /* For IE 5 PC */
.sideboxheadpurple{
	background:   url(image/bg_smlboxTpr.gif) no-repeat top left;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
.sideboxyellow{
	margin: 0 5px 0 0;
	padding: 0 0 15px 0; 
	background:   url(image/bg_smlboxByl_wht.gif) no-repeat bottom left;
}
* html .sideboxheadyellow  {height: 1%;} /* For IE 5 PC */
.sideboxheadyellow{
	background:   url(image/bg_smlboxTyl.gif) no-repeat top left;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
/**********************************/
#endcolumns { /* solid divider/border to clear column floats */
	clear: both;
	margin: 15px 0 0 0;
	padding: 0px;
	height: 10px; 
	background-color: #ffe0e0; 
}
/* centered footer ***********************************************************/
#footer {
	margin: 0px auto;
	padding: 0px;
	font-size: 11px;
	color: #ffffff;
	position: relative;
	left: 0px;
	top: 0px;
	width: 760px;
	text-align: center;
}
#footer p {
	margin: 0;
	padding: 5px 15px;
}
#footer p.copyright {
	font-size: 10px;
	margin: 0;
	padding: 5px 15px 20px 15px;
}
#footer a {
color: #222222;
	text-decoration: none;
}
#footer a:hover {
color: #222222;
	text-decoration: underline;
}
#footer h1 {
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	padding: 20px 15px 5px 15px; 
}
.testbox {
margin: 0;
padding: 10px;
border: 1px solid red;
}
.centeredbox300 {
width: 300px;
text-align: center;
border: 3px solid #ffe0e0;
}
table.retailers {
padding: 0 0 20px 0;
}
table.retailers p {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid black;
}
table.retailers td {
padding: 0 20px;
}
/* For LiteCommerce */
div.shopbutton {

		position: relative;
			padding: 0 0 0 10px;
	height: 29px;
	background-image: url(image/shopbuttonL.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.shopbutton a, div.shopbutton a:visited, div.shopbutton a:link {
display: block;
	text-align: center;
	margin: 0;
	padding: 2px 12px 16px 0;
	position: relative;
	font-size: 11px;
	font-weight: bold;
	height: 29px;
	background-image: url(image/shopbuttonR.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
* html div.shopbutton a {padding: 2px 12px 5px 0;}
* html div.shopbutton a:link {padding: 2px 12px 5px 0;}
* html div.shopbutton a:visited {padding: 2px 12px 5px 0;}
div.shopbutton a {text-decoration: none;}
.DialogTitle H1 {
	font-family: Tahoma, Verdana, Arial, Helvetica sans-serif; 
	font-size: 16px; 
	color: #87a058; 
	font-weight: bold;
}
hr {
color: #ee9c9c;
}
hr.thin {
	color: #ee9c9c;
	height: 1px;

}
table.shopface {
margin: 0;
}

table.shopface td {
padding: 5px;
text-align: center;
}
table.shopface td img {
float: none;
display: block;
margin: 15px 0 0 0;
border: 3px solid #ee9c9c;
}
html>body table.shopface td img {
margin: 20px auto 0 auto;
}
.shopface h3{
	color: #87a058; 
	padding: 0 0 4px 0;
	}

.shopface h3 a:link, .shopface h3 a:visited {
	color: #87a058; 
	font-weight: bold; 
} 
/* for bulk shopping form */
table.shopbulk {
background: #ffffff;
margin: 0 20px;
border-collapse: collapse;
border: 1px solid #ee9c9c;
}
table.shopbulk tr {
border: none;
}
table.shopbulk td {
padding: 3px;
vertical-align: middle;
border: 1px solid #ee9c9c;
}
/* for shopping cart */
table.shopcart {
width: 435px;
background: #ffffff;
margin: 0;
border-collapse: collapse;
}
table.shopcart td {
border-bottom: 1px solid #ee9c9c;
}

p.shopmenu {
position: absolute;
top: 15px;
right: 15px;
font-size: 11px;
}
div.proditems {
padding: 0;
}
div.proditem {
float: left;
width: 200px;
padding: 10px;
display:inline;
}
* html div.proditem { /* to make up for ie's treatment of width and padding of object */
width: 220px;
}
table.proditem {
margin:0px;
padding:0px;
width: 100%;
	/*border-top: 1px dotted #ee9c9c; */
		border: 1px dotted #ee9c9c; 
	position: relative;
	top:0;
}

.proditem td {
padding: 3px 5px;
text-align: center;
}

/* html table.proditem {display: inline-block; }*/
.proditem img{
padding: 0px;
margin: 0;
	border: none;
}
.clear
{
clear: both;
}

p.right-align {
text-align: right;
}