*zeroes out the margins and paddings
* guarantees a vertical scrollbar (so no jumping between short and
long pages)
* establishes colours and fonts etc. for the tags I tend to use
* gives me a way to float images left or right
* defines a tag that I can use to clear floats (the hr tag, in this
case, since I never use an hr as a visual element: I always define
borders when I need them)
* styles the form and form elements

I customize these to suit.


/* CSS Document */

* {
margin: 0; 
padding: 0;
}
html {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #0E4D20;
	list-style-position: inherit;
}
body {
	min-height: 101%;
	font: 100.01%/130% "Trebuchet MS", Verdana, Helvetica,
sans-serif;
	color: #6D143E;
	margin: 0;
	padding: 0;
	background-color: #0E4D20;
}
hr {
	height: 0;
	line-height: 0.0;
	font-size: 0;
	margin: 0;
	padding: 0;
	clear: both;
	visibility: visible;
} 
h1, h2, h3 {
font-size: 150%;
color: #4f865b;
margin: 20px;
font-weight: bold;
}
h2 {
font-size: 120%;
color: #cc6600;
}
h3 {
font-size: 100%;
color: #4f865b;
font-style: italic;
}
p {
	font-size: 90%;
	margin: 10px 20px;
}
ul {
	font-size: 90%;
}
.imgLeft {
border: 1px solid #dfdabd;
padding: 5px;
float: left;
margin-right: 10px;
}
.imgRight {
border: 1px solid #dfdabd;
padding: 5px;
float: right;
margin-left: 10px;
}
/***** CONTACT FORM STYLES *****/
#content form{
margin: 0;
width:450px;
}
#content fieldset{
border: 1px solid #d69400;
margin-bottom: 10px;
padding:5px 5px 20px 20px;

}
#content legend {
font-size: 120%;
margin: 12px 0 0 0;
color: #18006a;
}
#content textarea{
background-color: transparent;
border: 1px solid #18006a;
height:200px;
margin:0 30px 0 0;
}
#content label{
display:block;
font-size:80%;
padding-top:5px;
}
#content button{
background-color: #ecc97d;
display:block;
width:80px;
}
/* sets the enquiry box to the right of the input fields */
.labelfloat{
padding-top:20px;/* float:right;*/
}
#content input:text, #content select{
/*background-color: #E8E2C2;*/
background-color: transparent;
border: 1px solid #18006a;
display:block;
margin:0 0 0 0;
width:200px;
}
/* END FORM STYLES */
a:link {
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #0E4D20;
}
a:active {
	color: #000000;
}
td a:hover {
	background-color: #FFF6E2;
	display: block;
	width: 100%;
	text-indent: 0px;
} 
img {
border: 0;
}
.NavActive {color: #0E4D20; font-weight: bold; }
}
.style19 {color: #0F4E1F}
.style20 {font-weight: bold}
.FAQ {
	color: #0E4D20
}
.style22 {font-family: Arial, Helvetica, sans-serif; color: #6D143E; }