/* Colors
-----------------------------------------------
#ffffed pale beige
#036 navy blue
#5c6f31 deep green
#6f8040 lightish green
#6c3817 bown
#d8ff6d light green
#ffec3d yellow
#fd9d27 orange
#32918d aqua

Font Sizes
-----------------------------------------------
Base              79%    91%   103%
size              -2	    -1      0
-------------------------------------
biggest          151%   147%   160%		
bigger           130%   131%   130%
big              115%   113%   116%
normal           100%   100%   100%
small             89%    90%    88%
smaller            x     77%    77%
smallest           x      x     68%
*/


* { margin: 0; padding: 0; }
img { display: inline; }
a img { border: 0; }


/* Page Structure
----------------------------------------------- */
html body {
	background: #1e807a url(images/bg.gif) 50% 0 repeat-y;
	font-size: 103%;
	line-height: 130%;
	text-align: center;
	color: #222;
	font-family: "Trebuchet MS", "Tahoma", Arial, sans-serif;
	}

div#nav, div#contact, div#content {
	color: #222;
	background-color: #ffffed;
	}

div#wrap {
	text-align: left;
	background: #d0d5c3 url(images/banner-aug06.jpg) top center no-repeat;
	padding-top: 130px;
	width: 680px;
	margin: 0 auto 0 auto;

	border: solid #5c6f31;
	border-width: 0 1px;
	}

div#content {
	padding: 10px 20px 20px 20px;
	font-size: 90%;
	line-height: 130%;
	border: 1px solid #ccc;
	}

/* P
----------------------------------------------- */
div#content p {
	margin: 0 0 .8em 0;
	}
	p.clear {
	clear: both;
	}
	p.pullout {
		background: #fff;
		width: 380px;
		padding: 0.4em 1em;
		}
		p.sign {
		clear: both;
		background: #fff url(images/sign-130.jpg) 20px no-repeat;
		padding: 1em 1em 1em 180px;
		}

/* A
----------------------------------------------- */
div#content p a, dd a {
	color: #363;
	background-color: inherit;
	text-decoration: none;
	}
	div#content p a:hover {
	text-decoration: underline;
	}


/* H
----------------------------------------------- */
h1, h2, h3 { background-color: inherit; }
h1 {
	font-weight: normal;
	font-size: 160%;
	margin: .2em 0 .2em 0;
	color: #5c6f31;
	}

h2 {
	font: bold 116% Arial,Helvetica, sans-serif;
	color: #6f8040;
	}

h3 {
	font: bold 100% Arial,Helvetica,sans-serif;
	margin-top: .8em;
	color: #f90;
	text-transform: uppercase;
	}

h4 {
	display: inline;
	float: left;
	margin-right: .6em;
	}

/* img
----------------------------------------------- */

img.right, img.map {
	float: right;
	margin: .4em 0 1em 0.6em;
	}
img.right, p.caption img {
	padding: 0px;
	border: 1px solid #5c6f31;
	background: #d0d5c3;
	color: inherit;
	}
img.left {
	float: left;
	margin: 0 1em 1em 0;
	}


/* Footer
----------------------------------------------- */
div#footer {
	text-align: left;
	clear: both;
	padding: 0em 10em 2em 1em;
	border-top: 0px solid #5c6f31;
	font-size: 88%;

background: #d0d5c3 url(images/footer-bg.jpg) right center no-repeat;

	color: #5c6f31;
	}
div#footer p, div#footer p a {	color: #5c6f31;
 background-color: inherit; }

div#footer p {
	font-size: 100%;
	line-height: 100%;
	}
	div#footer p a {
	text-decoration: none;
	}
div#footer ul {
	text-align: left;
	list-style-type: none;
	padding: 0 0 1em 0;
	}
div#footer ul li {
	display: inline;
	}
div#footer ul li a {	
	text-decoration: none;
	padding: .0em .2em 0 .4em ;
	border-left: 1px solid;
	color: #5c6f31;
	} div#footer ul li a:hover {
		text-decoration: underline;
		}


/* Nav
----------------------------------------------- */
div#nav {
	padding: 0em 1em 0 1em;
	background-color: #5c6f31;
	color: #fff;
	text-align: center;
	border-bottom: 0px solid #ffec3d;
	}

* html div#nav {
	padding-bottom: 2px;
	}

div#nav ul { list-style-type: none; }

div#nav ul li {
	display: inline;
	font-weight: bold;
	font-size: 88%;
	line-height: 180%;
	}

div#nav ul li a {
	text-decoration: none;
	padding: .2em 1.3em;
	color: #fff;
	background-color: inherit;

	border: 0px solid #ddd;
}

div#nav ul li a:hover {
	background: #ffec3d;
	color: #036;
	}


div#nav ul li#down a, div#nav ul li#down a:hover {
	color: #ffec3d;
	cursor: default;
	background: #5c6f31;
	}

/* Contact
----------------------------------------------- */

div#contact {
	clear: both;
	}
div#contact fieldset {
	width: 440px;
	margin: 0 auto;
	padding: 1em;
	color: #333;
	background: #e8ebe4;

	}
div#contact legend {
	padding: 2px 10px;
	color: #333;
	background: #e8ebe4;
	font-weight: bold;
	}


div#contact label {
	float:left;
	width: 33%;
	margin-right: 0.5em;
	text-align: right;
	}

textarea, input[type="submit"] {
	width: 222px;
	}
div#contact input[type="submit"]{
	width: 100px;
	margin-left: 150px;
	}

div#contactdetails {
	width: 280px;
	float: right;
	}



/* DL
----------------------------------------------- */

dl {
	padding: 1em 0 .2em 0;
}

dt {
	float: left;
	text-align: right;
	line-height: 80%;
	width: 33%;
	padding: .1em;
	font-weight: bold;
}

dd {
	border: #ddd 0px solid;
	margin: -.4em 1em .8em 6.2em;
	padding: .2em .6em .4em .6em;
	text-align: left;
}




/* Caption
----------------------------------------------- */
p.caption2 {
	clear: right;
	float: right;
	width: 220px;
	text-align: right;
	font-size: 88%;
	}
	p.caption2 img {
		float: right;
		}

p.caption {
	clear: right;
	float: right;
	width: 202px;

	padding: 3px 2px 6px 2px;

	text-align: center;
	font-size: 77%;
	line-height: 88%;
	color: #fff;
	background: #5c6f31 url(images/sitewide/caption-bg.gif) bottom no-repeat;
	}
p.caption img {
	margin: 0 auto 2px auto;
	border: 1px solid;
	border-color: #aaa #ccc #888 #888;
	}



/* variety table */
table#varieties {
	clear: both;
	background: #fff;
	margin: 1em auto;
	border: 1px solid #5c6f31;
	border-collapse: collapse;
	}
	table#varieties td {
		padding: 4px 8px;
		}
	table#varieties td.center {
		text-align: center;
		}
	table#varieties th {
		font-weight: bold;
		text-transform: uppercase;
		font-size: 90%;
		text-align: left;
		padding: 8px;
		background: #5c6f31;
		color: #fff;
		}

tr.trbgwhite {
	background: #fff;
	}
tr.trbggrey {
	background: #efefef;
	}

div#grapesvarieties h2 {
	clear: both;
	margin: .4em 0;
	padding: .4em;
	background: #6f8040;
	color: #fff;
	text-align: center;
	}