﻿html {
	height: 100%; 
	margin-bottom: 1px;}

body {
	font: normal 80% Arial, Helvetica, sans-serif;
	background: #6e302a;
	color: #000;
	text-align: center;
	margin: 0;}

hr {
	background-color: #6d5539;
	color: #6d5539;
	height: 1px;
	width: 100%;}

img {
	border: none;}

h1 {
	color: #562622;
	font: bold italic 26px Georgia, Georgia, serif;
	text-align: left;
	margin: 0 0 20px 0;}

h2 {
	color: #6d5539;
	font: normal 20px Verdana, Arial, sans-serif;
	text-align: left;
	margin: 5px 0;}

h3 {
	color: #562622;
	font: normal 20px Verdana, Arial, sans-serif;
	text-align: left;
	margin: 5px 0;}

h4 {
	color: #6d5539;
	font: normal 18px "Comic Sans MS", "Trebuchet MS", sans-serif;
	margin: 5px 0;}

h5 {
	font: normal 16px "Comic Sans MS", "Trebuchet MS", sans-serif;
	color: #562622;
	margin: 5px 0;}

h6 {
	font: bold 12px Verdana, Arial, sans-serif;
	color: #6d5539;
	letter-spacing: 1px;
	margin: 5px 0;}

a {
	color: #823a34;
	text-decoration: none;
	font-weight: bold;}

a:hover {
	color: #c09a34;
	text-decoration: underline;
	font-weight: bold;}
	
p.left {
	text-align: left;
}	

/* PAGE LAYOUT IDs AND CLASSES */

.wrapper {
	background: url('images/bgwide2.jpg');
	color: #000;
	text-align: left;
	width: 750px;
	margin: 0 auto;}

.topwide {
	background: #6e302a url('images/topwide2.jpg');
	height: 30px;}
	
.mainimage {
}

.content {
	width: 710px;
	float: right;
	padding: 0px 20px 0 20px;}

.color {
	color: #6d5539;
	font-weight: bold;
}

.footerwide {
	clear: both;
	background-image: url('images/footerwide2.jpg');
	padding-top: 20px;
	height: 30px;
	text-align: center;
	color: #fff;}
	
.imageleft {
	margin: 0 10px 0 0; 
	float: left;}

.imageright {
	margin: 0 0 0 10px; 
	float: right;}
	
.spacer {width: 20px;}

span.tiny {
font-size: 70%;
letter-spacing: 1;
font-weight-bold
}

span.faq {
font-size: 85%;
}