/** COLOR PALLETTE *****
Dark Green :  #27553D -- h3 green, rather like top border green
3c calls this 28563E
Dark Green 2: #037645 -- link green, same as tree in logo
3c calls this #047847

Deep red: 990000 (also rgb(153, 0,0) -- a: visited, strong

Nice rust from shipping leaf: D38B59

YellowCream (page BG): rgb(255, 255, 204) FFFFCC
Deeper Orange cream (featured items div): E7D7B4

****/

body
{
	font-family: Arial, Arial, Helvetica;
	background-color: rgb(255, 255, 204);
	color: rgb(0, 0, 0);
	/* setting text sizes across browsers: see http://www.alistapart.com/articles/howtosizetextincss */
	font-size:100%;
    	line-height:1.125em; /* 16×1.125=18 */
    	/* this sort of worked; there's a lot of dribbly drabbly excess code interfering. 
    	Inherited font-style normal stuff? Oh well. --kjt Jan 2008 */
}

h1
{
	color: rgb(0, 0, 0);
	text-align: center; /*added by Kir 18 May 2006 */
	font-weight: normal; font-style: normal; font-size: 24pt; font-family: 
               Arial, Arial Black, Helvetica;
	padding-top: 20px;
}
h2
{	margin-bottom: 0px;
	margin-top: 10px;
	color: rgb(0, 0, 0);
	font-family: Arial, Arial Black, Helvetica; font-style: normal; 
	font-size: 18pt; font-weight: normal;
	clear: left;
}
h3
{	margin-bottom: 0px;
	margin-top: 10px;
	color: #27553D;
 	font-family: Arial, Arial Black, Helvetica; font-size: 14pt; font-weight: normal; 
        font-style: normal
}
h4
{	margin-bottom: 0px;
	margin-top: 10px;
	color: rgb(0, 0, 0);
 	font-weight: normal; font-size: 12pt; font-style: normal; 
 	font-family: Arial Black, Arial, Helvetica
}
h5
{	margin-bottom: 0px;
	margin-top: 10px;
	color: rgb(0, 0, 0);
 	font-size: 10pt; font-style: normal; font-weight: normal; 
 	font-family: Arial Black, Arial, Helvetica
}
h6
{
	color: rgb(0, 0, 0);
 	font-family: Arial Black, Arial, Helvetica; font-size: 8pt; font-style: normal; 
    	font-weight: normal;
    	font-size: 1em;
}
p
{
	font-family: Arial, Arial Black, Helvetica; font-style: normal; 
    	font-weight: normal;
	font-size:0.875em;
}
p#shipleafbox {
	text-align: center; word-spacing: 0; line-height: 100%; 
	padding-top: 5px; padding-bottom: 5px; 
	border-style: solid; border-width: 1px; 
	margin-left: 0; margin-right: 0; margin-top: 2px; margin-bottom: 10px; 
	font-family: Arial, Arial Black; font-size: 11px; font-weight:bold;
	}

ul
{
	list-style-image: url('ablbull1.gif');
	font-family: Arial, Arial Black, Helvetica; font-style: normal; 
    font-weight: normal 
}
ul ul
{
	list-style-image: url('ablbull2.gif');
}
ul ul ul
{
	list-style-image: url('ablbull3.gif');
}
a:link
 { color: #037645; } /* changed from gray, Dec 2007 */
 a.notgreen:link { /* so links in borders will show */
 	color: #00006b;
 	}
a:active
{
	color: rgb(102, 102, 102);
}
a:visited
{
	color: rgb(153, 0, 0);
}

table.chairinfo { /* used for chair prices, chair dimensions */
	border: 1px dotted #aaa; 
	width: 90%; /* note: for tables with something next to them, set in page width: auto, for IEWin. */
	margin-left: 5%;
	
	}
button
{
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}
label
{
	color: rgb(0, 0, 0);
}
textarea
{
	color: rgb(0, 0, 0);
}
fieldset
{
	color: rgb(0, 0, 0);
}
legend
{
	color: rgb(0, 0, 0);
}
select
{
	color: rgb(0, 0, 0);
}
caption
{
	color: rgb(0, 0, 0);
}
th
{
	color: rgb(0, 0, 0);
}
button       { font-weight: bold; font-size: 8pt; font-family: Arial, Arial, Helvetica; 
               border-style: solid; border-width: 1pt }
caption      { font-size: 14pt; font-family: Arial, Arial, Helvetica; font-style: normal }
fieldset     { font-family: Arial, Arial, Helvetica; font-size: 8pt; font-style: normal; 
               border-style: solid; border-width: 1pt }
label        { font-weight: bold; font-style: normal; font-family: Arial, Arial, Helvetica; 
               font-size: 8pt }
label, .mstheme-label { font-size: 8pt; font-family: Arial, Arial, Helvetica; font-weight: bold }
legend       { font-style: normal; font-size: 8pt; font-family: Arial, Arial, Helvetica }
marquee      { font-family: Arial, Arial, Helvetica; font-size: 14pt }
select       { font-style: normal; font-family: Arial, Arial, Helvetica; font-size: 8pt; 
               border-style: solid;  }
table        { font-family: Arial, Arial, Helvetica; font-style: normal }
textarea     { font-style: normal; font-size: 8pt; font-family: Arial, Arial, Helvetica; 
               border-style: solid;  }
th           { font-family: Arial, Arial, Helvetica; font-style: normal }

strong {
 	color: #990000;
 	}

/********* CLASSES **************/


/*** more classes and ids ....
	... any without style info are just in pages somewhere, waiting to be used --kjt Dec 2007 ***/

.leadtext	{ /* for first line on home page */
	margin: 30px;
	margin-bottom: 15px;
	color: #27553D;
	font-family: Arial, Arial Black, Helvetica; 
	font-size: 1.4em; 
	font-weight: normal; 
    font-style: normal;
    text-align: center;
    line-height: 1.1;
    }
.maintext { /* generally for divs... */
	clear: both;
	}    
p.caption {
	font-style: italic; font-size: 8px; 
	text-align: center;
	margin-top: 0; margin-bottom:0;
	}    
.pricetable /* for things like jars of honey, tubs of butter cream, etc. */ {
	}	

#wraplead_and_feature { /* a home page div for positioning */
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	height: 315px;
	width: 650px;
	_margin-left: 50px; /* may not validate CSS hack, meant to show this line to IE only */	
	}

	
#featureupdate { /* home page div, showing recent site changes */
	float: right;
	min-width: 175px;
	width: 30%;
	max-width: 225px;
	min-height: 303px; /* IEquirks will ignore */
	max-height: 303px; /* IEquirks will ignore this too */
	height: 315px; /* IEquirks likes this */
	padding: 5px;
	margin-bottom: 5px;	
	overflow: auto;
	}

.sidelight { /* just to highlight some little lists */	
	background-color: #E7D7B4;
	border: 1px dotted #990000;
	font-size: .8em;
	_font-size: .7em; /* what a strange hack; IEWin ignores this overwrite */
  /* now duplicating the details of featureupdate, although width + height may need to be overwritten on any given page. */
	float: right;
	width: 175px;
	min-height: 303px; /* IEquirks will ignore */
	max-height: 303px; /* IEquirks will ignore this too */
	height: 315px; /* IEquirks likes this */
	padding: 5px;
	margin-bottom: 5px;	
	overflow: auto;
	}

	 .sidelight ul {
		list-style-image: none;
		margin: 0;
		padding-left: 15px;
		padding-top: 5px;
		}
	.sidelight li {
		padding-bottom: 5px;
		font-size: 1em;
		}
	.sidelight p {
		font-size: 1em;
		}


#slideshow {
	height: 315px;
	overflow: hidden; 
	width: 435px;
	text-align: center;	
	padding: 0;
	margin: 0;
	}
	#slideshow img {
		display: block;
		border: 0;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		}
	#leadimg { /* img on home page */
		border:0;
		width:435px;
		height:315px;
	}

/**** Styles developed on the Windsor Chair page to produce little zoom thumblets ***/
.thumbs {float: left; width: 50px; 
 	text-align: center; font-style:italic; 
 	padding-right: 5px;}

a.zoom {
	cursor: url(../images/zoom_icon.cur), pointer; 	/* possibly only .cur file types work */
	}

/**** Styles developed on the PolyWood Chair page to produce little zoom thumblets ***/	
div.polythumb {   
	float: left; width: 50px; 
 	text-align: center; 
 	font-style:italic; 
 	padding-right: 5px;
 	height: 75px;
 	}	
.polythumb img {
	border: 1px dotted #aaa;
	}