html, body {
	font-size: 12pt;
	font-family: sans-serif, helvetica, Arial, Verdana;
	font-weight: normal;
	margin: 0;
	padding: 10px;
	background-color: #8A7E68;
	color: white;
	text-align: center;
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

a {
	padding: 2px;
	color: rgb(125,116,77);
	font-weight: bold;
}

a:hover {
	color: rgb(255,255,255);
	background-color: rgb(125,116,77);
}

h1 {
	color: rgb(120,120,107);
	font-size: 18pt;
	text-align: right;
	border-bottom: 1px solid rgb(220,220,207);
	line-height: 22px;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
}

h2 {
	color: rgb(90,90,77);
	font-size: 16pt;
	text-align: left;
}

h3 {
	color: rgb(90,90,77);
	font-size: 14pt;
	text-align: left;
	border-top: 2px solid rgb(220,220,207);
	margin: 30px 0 0 0;
	padding: 0 0 5px 0;
}

p:first-letter {
	float:left;
	color:rgb(180,180,167);
	font-size:54px;
	line-height: 83%;
}

hr {
	border: 0;
	height: 2px;
	color: rgb(220,220,207);
	background-color: rgb(220,220,207);
}

ul {
	position: relative;
	top: 0;
}

#shell table {
	padding: 0;
	margin: 0;
	width: 792px;
}

#shell td {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	height:auto !important;
	min-height: 800px;
}

#shell div {
	padding: 10px;
	margin: 3px 4px 0 0;
	height:auto !important;
}

.smalltitle {
	font-variant: small-caps;
	font-size:14pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.smalltitle:first-letter {
	font-size:20px;
}

.bodyshell {
	width: 792px;
	margin: 0;
	padding: 4px 4px 4px 4px;
	background-color: white;
}

.titlebar {
	font-variant: small-caps;
	font-size: 22pt;
	font-weight: normal;
	line-height: 55px;
	letter-spacing: 1mm;
	margin: 0;
	padding: 0;
	color: white;
	background-color: #34352D;
	height: 60px;
	position: relative;
	top: 0;
	vertical-align: middle;
}

.titlebarcap {
	font-size: 28pt;
	line-height: 60px;
	vertical-align: middle;
}

#menubar {
	font-size: 16pt;
	font-variant: small-caps;
	height: 40px;
	margin: 5px 0 0 0;
	color: #34352D;
	background-color: #F2ECE0;
	border: 1px solid #dcd8cf;
	vertical-align: middle;
	line-height: 30px;
}

table.menubar {
	padding: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position:relative;
	top:-1px;
	left:0;
	border-collapse:collapse;
}

#menubar a {
	color: #34352D;
	background-color: #F2ECE0;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	line-height: 40px;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	font-weight: normal;
	display: block;
}

#menubar a:hover {
	color: #2c281f;
	background-color: #ccc8bf;
}

#menubar ul li:hover ul,
#menubar ul a:hover ul {
	visibility: visible;
	display: block;
}
#menubar :hover > a,
#menubar ul ul :hover > a {
	color: #2c281f;
	background-color: #ccc8bf;
}

#menubar ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#menubar li {
	float: left;
	position: relative;
}

#menubar ul ul {
	visibility:hidden;
	position: absolute;
	height:0;
	top:35px;
	left:0;
	border-bottom:1px solid #dcd8cf;
}

#menubar ul ul li {
	text-align: left;
	width: 250px;
	left: 0;
	font-size: 16px;
	margin: 0;
	padding: 0;
	z-index: 100;
	border-top:1px solid #dcd8cf;
	border-left:1px solid #dcd8cf;
	border-right:1px solid #dcd8cf;
}

.header_image {
	margin: 5px 0 0 0;
	height: 172px;
	line-height: 150px;
	vertical-align: middle;
	color: black;
	background-color: white;
	border: 1px solid #dcd8cf;
	font-size: 40px;
}

#maincontent {
	position: relative;
	background-color: rgb(242,236,224);
	margin: 0;
	padding: 0;
	top: 0;
	vertical-align: top;
	/*width: 535px; */
	width: 767px;
	color: rgb(52,53,45);
	border: 1px solid #dcd8cf;
	text-align: left;
	float: left;
}

#maincontent {
	min-height: 800px;
}

#sidebar {
	margin: 0;
	height:auto !important;
	min-height: 800px;
	padding: 0;
	width: 204px;
	top: 0;
	float: right;
	color: rgb(220,216,207);
	background-color: rgb(52,53,45);
	text-align: left;
	position: relative;
	border: 1px solid #dcd8cf;
	vertical-align: top;
	font-family: sans-serif, helvetica, Arial, Verdana;
	font-size: 12pt;
	line-height: 130%;
}

#sidebar a {
	color: rgb(240,236,227);
	background-color: rgb(52,53,45);
}

#sidebar a:hover {
	color: rgb(52,53,45);
	background-color: rgb(240,236,227);
}

#sidebar ul, #sidebar li {
	padding:0;
	margin:0;
	list-style-type:none;
	line-height: 160%;
}

#sidebar ul ul li {
	padding:0 0 0 20px;
	margin:0;
	list-style-type:none;
	line-height: 160%;
}

#sidebar td div {
	min-height: 800px;
	height:auto !important;
}

p.testimonials {
	padding: 0px 20px 0px 20px;
	margin: 5px;
	color: #050;
	font-style: italic;
	font-size: 14pt;
}
p.testimonials:first-letter {
	margin: 0;
	color: #050;
	font-style: italic;
	font-size: 14pt;
	line-height: 100%;
	float:none;
}

p.testimonial_author, p.testimonial_author:first-letter {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-size: 14px;
	color: rgb(52,53,45);
	line-height: 100%;
	float:none;
}

p.footnote, p.footnote:first-letter {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-size: 10pt;
	line-height: 100%;
	float:none;
	color: rgb(52,53,45);
}

.footer {
	margin: 2px 0 0 0;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	border: 1px solid #dcd8cf;
	font-size: 12pt;
	text-align: center;
	color: #8A7E68;
	background-color: #34352D;
}

.info {
	color: green;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}

.error {
	color: #A00;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}
