body {
	text-align: center;
	background:#1E580E url('images/background01.gif') repeat;
	font: 12px arial,helvetica,san-serif;
	line-height:130%;
	color:#000;}

#container {
	width: 750px;
	margin: 5px auto;
	padding:0;
	text-align: left;
	border:1px solid #000;
	background:#D9D7BB;}

#top {
	position:relative;
	width:750px;
	height:150px;
	padding:0;
	margin:0;
	border-bottom:1px solid #834621;
	background:#FFF;}

#top img.logo01 {position:absolute;top:90px;left:10px;z-index:9; }
#top img.logo02 {position:absolute;top:108px;left:145px;z-index:10; }

#leftcolumn {
	width:210px;
	float:left;
	padding:0;
	margin:0;}

#content {
	padding:10px;
	margin-left:215px;
	border-left:solid 1px #834621;
	background-color:#FFF;}

h1 {margin:0 0 5px 0;font:900 18px arial,helvetica,san-serif;color:#834621;}
h2 {margin:0 0 5px 0; font:900 14px arial,helvetica,san-serif;color:#834621;}
#top img.headerleft {position:absolute; top:0; left:0;}
#leftcolumn p {margin:0 10px; line-height:140%; color:#666;}
#contactinfo span {font-weight:900; color:#666;}
div.withbeginquote {background:url(images/quote-begin.gif) no-repeat;background-position:top left;padding-left:20px;margin-left:5px;text-align:justify;}
p.withendquote {background: url(images/quote-end.gif) no-repeat;background-position:bottom right;padding-right:5px;}
.caption {float:right; margin: 0 0 0 5px; color:#1E580E; font:12px arial,helvetica,san-serif; text-align:right;}
.generalbox {width:90%; border:2px dotted #834621; background:#F8E5C8; padding:5px;}
.images {float:left; margin: 0 0 0 5px; color:#1E580E; font:12px arial,helvetica,san-serif; text-align:left;}
div.images img {border:1px solid #000;}
.columnimages {width:200px; margin: 5px auto; color:#000; font:12px arial,helvetica,san-serif; text-align:left;}
div.columnimages img {border:1px solid #000; }
br.clear {clear:both;}

#contactinfo {
	clear: all;
	margin: 0;
	font: 10px verdana;
	color:#666;
	padding:3px 0 2px 225px;
	border-top:1px solid #834621;
	background:#E3B977;}

/* |||||||||||||||||||||||||||||||||||||||| menu begins */

dl .menu {
	width:200px;
	margin:0;
	padding:0;}

.menu dt {
	border: solid 1px #000;
	padding: 2px 2px 2px 10px;
	margin: -10px 0 0 2px;
	background: #FFCC00;
	line-height: 1.5em;
	color: #333;
	font-weight:900;
	text-decoration: none;}

.menu dd {
	margin:0;
	padding:0;
	display:block;
	background:#D9D7BB;}

.menu dd a {
	display: block;
	border: solid 1px #666;
	padding: 2px 2px 2px 10px;
	margin: 2px 0 0 2px;
	background: #88A767;
	line-height: 1.5em;
	color: #FFF;
	text-decoration: none;}

.menu dd a:hover {
	border: solid 1px #999;
	color:#000;
	background: #E4D894;}

/* |||||||||||||||||||||||||||||||||||||||| menu ends */
/* |||||||||||||||||||||||||||||||||||||||| contactform begins */
/* This is from romankoch.ch and is rock-solid in IE and Fox
    Works with the div coding on warwickzfarm.com contact & schedule pages
    The border-top instructions avoids cascades from #menu
    These styles use float and clear, so the following markup is required to protect the remainder of the page:

        <div style="width: 100%; overflow: hidden;">
    	<dl>
    	</dl>
    	<div style="clear: both;"></div>
    </div>    */

dl.contactform {
	width: 90%;
	margin: 0;
	padding:0;}

.contactform dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 15%;
	text-align:right;
	margin: 0 0 2px 0;
	background:transparent;}

.contactform dd {
	float: left;
	width:83%;
	margin: 0 0 2px 2%;
	border-top:none;}

* html .contactform dd {
	float: none;
	margin-left: 15%;}

* html .contactform dt {
	margin: 0;}
/* |||||||||||||||||||||||||||||||||||||||| contactform ends */
/* |||||||||||||||||||||||||||||||||||||||| generalform begins */

dl.generalform {
	width: 95%;
	margin: 0;}

.generalform dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 20%;
	margin: 0 0 1px 0;}

.generalform dd {
	float: left;
	width: 78%;
	margin: 0 0 1px 2%;}

* html .generalform dd {
	float: none;
	margin-left: 20%;}
* html .generalform dt {
	margin: 0;}

.generalform h2 {width:200px; border-top:2px dotted #88A767; border-left:2px dotted #88A767; padding:5px; font-size:12px;}
h2.generalform  {color: #360; width:200px; border-top:2px dotted #88A767; border-left:2px dotted #88A767; padding:5px; font-size:16px;}
div.formspace {margin-bottom:15px;}
.generalform span.nb {font:11px arial,helvetica,san-serif; color:#1E580E;}
/* Next two lines for Fox only */
div.clearformtop {width: 100%; overflow: hidden;}
div.clearformbottom {clear:both;}
/* |||||||||||||||||||||||||||||||||||||||| generalform ends */


