/* =Reset default browser CSS. Based on work by Eric Meyer, v2.0 | 20110126 License: none (public domain) | http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed-width layout with one sidebar right of content
*/

#content-container {
	float: left;
	width: 100%;
	margin: 0 -234px 0 0;
}
#content {
	margin: 0 234px 0 0;
}
#sidebarR {
	float: right;
	overflow: hidden;
	width: 216px;
	margin-top: 1.8em;
}
#footer {
	width: 100%;
	clear: both;
}

/*
LAYOUT: Three columns, two sidebars
DESCRIPTION: Three-column fixed-width layout with a sidebar on either side of content
*/

.three-column #content-container {
	position: relative;
	margin-left: -178px;
	margin-right: -234px;
	z-index: 1;
}
.three-column #content {
	margin-left: 178px;
	margin-right: 234px;
}
.three-column #sidebarR {
	position: relative;
	width: 216px;
	margin-left: 18px;
	margin-right: 0;
	z-index: 2;
}
#sidebar-L {
	position: relative;
	float: left;
	overflow: hidden;
	width: 160px;
	margin-top: 1.8em;
	z-index: 3;
	display: none;
}
.three-column #sidebar-L {/* display extra sidebar if three-column layout is called for */
	display: block;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	width: 962px;
	margin: 0;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
body, 
#wrapper {
	width: 100%;
	padding: 0;
}
#header {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
#header-content {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#main {
	width: 1000px;
	margin: 0 auto;
}
#footer {
	width: 100%;
	text-align: center;
	padding: 0 0 1.8em;
	margin: 0.9em auto 0;
}
#footer-content {
	position: relative;
	width: 766px;
	padding-right: 234px;
	margin: 0 auto;
}
.one-column #footer-content {
	width: 1000px;
	padding-right: 0;
}

/* =Structure adjustments > print template documents  */
#header.printed, 
#header.printed #header-content, 
#main.printed {
	width: 816px;
}
#main.printed #content-container {
	margin: 0;
}


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea {
	font-family: Verdana, Arial, sans-serif;
}
input[type=submit] {
	font-family: Verdana, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, th, legend {
	font-family: 'Cinzel Decorative', Georgia, 'Book Antiqua', serif;
}
pre {
	font-family: "Courier New", Courier, monospace;
}
code {
	font-family: "Courier New", Courier, monospace;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Global 'theme' and typographic styles 
logo grey: #d7d5cd;
logo brown: #584e44;
logo "navajo white": #f1dcb2;
pantone 127 U: #fbe17e; (yellow)
pantone 7492 U: #c4cf92; (green)
pantone 3145 U: #00768b; (teal)
pantone black 4 U: #635a52; (faded brown)
yellow on green, desaturated: #f7f8e3;
bright bkg: #fffff8;
red accent: #a3181c;
text brown: #413b36;
text brown, darker: #2e2217;
*/
body {
	background-color: #c4cf92;
	color: #413b36;
	font-size: 62.5%;
	line-height: 1.8em;
}
hr {
	background-color: #fbe17e;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 1.8em;
}

/* Text elements */
p {
	margin-bottom: 1.8em;
}
ul {
	list-style: disc;
	margin: 0 0 1.8em 1.8em;
}
ol {
	list-style: decimal;
	margin: 0 0 1.8em 1.8em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 1.8em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.8em;
}
strong,
b {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 125%;
}
ins {
	background: #fffff8;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 1.8em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #fffff8;
	color: #0000ff;
	margin-bottom: 1.8em;
}
abbr,
acronym {
	border-bottom: 1px dotted #584e44;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"], 
input[type="password"], 
select,
textarea {
	background: #fffff8;
	color: #413b36;
	font-size: 1em;
	padding: 0.143em 0.286em;
	border: 1px solid #584e44;
	border-radius: 0.143em;
	-moz-border-radius: 0.143em;
	-webkit-border-radius: 0.143em;
	box-shadow: inset 0.071em 0.071em 0.071em rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0.071em 0.071em 0.071em rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0.071em 0.071em 0.071em rgba(0,0,0,0.1);
}
input[type=submit] {
	font-size: 1.071em;
	width: auto;
	background-color: #d9d6cd;
	padding: 0.133em 0.266em;
	border: 1px solid #584e44;
	border-radius: 0.133em;
	-moz-border-radius: 0.133em;
	-webkit-border-radius: 0.133em;
}
input[type=submit]:hover {
	background-color: #cecbc3;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
input[type=submit][disabled] {
	background-color: #ebe8de;
	color: #b40000;
	border-color: #d9d6cd;
}
iframe {
	display: block;
	width: 100%;
	overflow: visible;
	border: 0;
}
a:link {
	color: #413b36;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #5c534c;
	text-decoration: underline;
}
a:active,
a:hover {
	color: #00768b;
}
.clear {
	display: block;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix { /* for IE6 */
	height: 1%;
}
*:first-child+html .clearfix { /* for IE7 */
	min-height: 1px;
}
.CinzelSpacer { /* spacing particular letter pairs in Cinzel ... that only shows up in Firefox apparently. */
	/*padding-left: 0.333em;*/
	/*font-size: 0.001em;*/
}


/* =Header
-------------------------------------------------------------- */
#header {
	background-color: #fbe17e;
}
#header-deco {
	background: #fbe17e url('/images/hoofprints.png') repeat-x left top;
	width: 100%;
	height: 3.6em;
	line-height: 3.6em;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
#header-logo-a {
	display: block;
	line-height: 0;
}
#header-hjo-logo {
	display: block;
	position: absolute;
	top: -5em;
	left: -0.5em;
	width: 144px;
	height: 144px;
	z-index: 99;
}
#navigation-band {
	position: relative;
	width: 100%;
	background-color: #f1dcb2;
	text-align: center;
	padding: 0;
	border: 2px solid #584e44;
	border-left: 0;
	border-right: 0;
	margin: 0 auto;
}
#navigation-menu {
	display: block;
	position: relative;
	width: 843px;
	font-size: 1.6em;
	line-height: 1.25em;
	list-style-type: none;
	padding: 0 0 0 157px;
	margin: 0 auto;
}
.nav-menu-item {
	display: block;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}
.nav-menu-item-a:link, 
.nav-menu-item-a:visited {
	display: block;
	color: #635a52;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 0.563em;
	border-bottom: 2px solid #584e44;
	margin: 0;
	margin-bottom: -2px;
}
.nav-menu-item-a:hover, 
.nav-menu-item-a:active, 
.nav-menu-item-a.current {
	color: #00768b;
	border-bottom-color: #a3181c;
}
#nav-profile-icon {
	display: block;
	width: 20px;
	height: 20px;
	padding: 0 17px;
	vertical-align: bottom;
}
.submenu {
	display: block;
	position: absolute;
	top: 1.375em;
	left: 0;
	min-width: 10em;
	background-color: #f7f8e3;
	text-align: left;
	padding: 0 0.563em 0.563em;
	border: 1px solid #584e44;
	border-top-width: 0;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-moz-border-top-left-radius: 0;
	-moz-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	margin: 0;
	z-index: 999;
}
.submenu .nav-menu-item {
	float: none;
}
.submenu .nav-menu-item-a {
	padding: 0.141em 0 0.283em;
	border: 0;
	margin: 0;
}

/* =Header adjustments > print template documents  */
#header.printed {
	background-color: #f7f8e3;
}
#header.printed #header-content {
	width: 814px;
	padding-top: 2.571em;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}
#header.printed #header-hjo-logo {
	display: block;
	position: absolute;
	top: 0;
	left: 24px;
	width: 144px;
	height: 144px;
	z-index: 99;
}
#header.printed h1 {
	/* see h1 below in #content */
}
#body.printed #header.printed h1, 
#header.printed #HJO-contact-info {
	text-align: left;
	padding-top: 0;
	padding-left: 192px;
}
#header.printed #HJO-contact-address {
	display: inline;
}
#header.printed #HJO-contact-address:after, 
#header.printed #HeaderContact1:after {
	content: " | ";
}
#header.printed #HeaderAddress1:after {
	content: ", ";
}
#header.printed #HeaderContact1 {}
#header.printed #HeaderContact2 {}


/* =Content
-------------------------------------------------------------- */
#main {
	clear: both;
	overflow: hidden;
	position: relative;
	padding: 0;
}
#content-container {
}
#content {
	position: relative;
	background-color: #f7f8e3;
	font-size: 1.4em;
	line-height: 1.285em;
	min-height: 576px;
	padding: 0 18px .643em;
	border: 1px solid #584e44;
	border-top: 0;
	border-radius: 0 0 0.357em 0.357em;
	-moz-border-radius: 0 0 0.357em 0.357em;
	-webkit-border-radius: 0 0 0.357em 0.357em;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 1.285em;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
}
#content code {
	font-size: 1.3em;
	line-height: 1.384em; 
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content legend, 
#content th, 
#header.printed h1 {
	clear: none;
	color: #00768b;
	font-weight: normal;
	text-transform: lowercase;
	margin: 0 0 1.285em;
}
#content h1, 
#header.printed h1 {
	font-size: 2.571em;
	line-height: 1.5em;
	text-align: left;
	padding: 0.25em 0 0 139px;
	margin: 0 auto;
}
#content h1 .small-caps, 
#header.printed h1 .small-caps {
	font-size: .8em;
}
#content table[class|='snitz'] h1 {
	font-size: 2.769em;
	line-height: 1em;
	padding: 0;
	margin: 0 0 1em;
}
#content h2 {
	font-size: 1.923em;
	line-height: 1.5em;
	margin-bottom: 0.75em;
}
#content h3 {
	font-size: 1.285em;
	line-height: 1em;
	margin-bottom: 1em;
}
#content h4, 
#content legend, 
#content th {
	font-size: 1.071em;
	line-height: 1.2em;
	margin-bottom: 1.2em;
}
#content table {
	border: 1px solid #584e44;
	margin: 0 0 1.285em 0;
	text-align: left;
}
<!--[if IE]>
#content table th {
	text-align: left !important;
}
<![endif]-->
#content th, 
#content table td h4 {
	padding: 0.5em 0 0.278em !important;
	margin-bottom: inherit;
}
#content tr td {
	border-top: 1px dotted #584e44;
	padding: .143em .286em;
}
#hjo-logo-placeholder {
	float: left;
	width: 139px;
	height: 104px;
}
#content #h1-flourish {
	display: block;
	width: auto;
	height: 27px;
	margin: 0 0 0.9em 139px;
}
#content .endnote {
}
#content .endnote-flourish {
	display: block;
	width: 360px;
	height: 30px;
	margin: 0 auto 0.9em;
}
#mj-signature {
	display: block;
	width: 131px;
	height: auto;
	margin-bottom: -0.858em;
}
#content .TakeNote {
	font-size: 128.6%;
	font-weight: bold;
	color: #B40000;
}
#content .content-img {
	display: block;
	height: auto;
	margin: 0 auto 1.286em;
}
.framed, 
#content .framed {
	/* 
	.framed elements must always have their height explicitly defined, in order to avoid issues with the initial loading of the image frame using the .wrap() method.
	*/
}
.frame, 
#content .frame {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}
.img-frame, 
#content .img-frame {
	position: relative;
	margin: 0 auto 0.9em;
}
.caption, 
#content .caption {
	font-size: 0.643em;
	line-height: 1.222em;
	text-align: center;
	margin-top: -0.444em;
	margin-bottom: 2.333em;
}
#content .block {
	display: block;
}
#content .block-highlight {
	background-color: #FFFFFF;
	padding: 0.643em;
	border: 2px solid #B40000;
	border-radius: 0.286em;
	-moz-border-radius: 0.286em;
	-webkit-border-radius: 0.286em;
	margin-bottom: 1.285em;
}
#content .list-heading, 
#content .last {
	margin-bottom: 0;
}
#content .accounting-list {
	list-style-type: none;
	width: 75%;
}
#content .accounting-list h4 {
	margin-bottom: 0.267em;
} 
#content .details-list {
	background-color: #fcfdf0;
}
#content .details-list.details-list-v {
	list-style-type: square;
	list-style-position: inside;
	padding-bottom: 0.643em;
	border-bottom: 1px dotted #584e44;
	margin-bottom: 0.643em;
}
#content div.inline-nav, 
#content div.inline-nav .list-heading {
	padding-bottom: 0.643em;
	border-bottom: 1px dotted #584e44;
	margin-bottom: 1.286em;
}
#content ul.inline-nav {
	list-style-type: none;
}
#content ul.inline-nav li {
	margin-bottom: 0.643em;
}
#content .footnote {
	font-size: 0.857em;	
}
.addthis_container {
	width: 100%;
	text-align: center;
	margin: 10px auto 0px;
}
.addthis_default_style {
	width: 266px;
	overflow: visible;
	text-align: center;
	white-space: nowrap;
	margin: 0px auto;
}
/* Chatroom Forum Code styles */
.sigQuote {
	padding-top: 1.286em;
	padding-bottom: 1.286em;
	border: 1px dotted #584e44;
	border-left-width: 0;
	border-right-width: 0;
}
img.alignLeft, 
img.alignRight {
	display: block;
	margin-bottom: 1em;
}
img.alignLeft {
	float: left;
	margin-right: 1em;
}
img.alignRight {
	float: right;
	margin-left: 1em;
}

/* =Content adjustments > print template documents  */
#main.printed {
	position: relative;
}
#main.printed #content {
	/* width: 1056px; landscape */
	width: 778px; /* portrait */
	padding-top: 2.571em;
}
#content .GoBack {
	display: block;
	position: absolute;
	top: 0.571em;
	left: 192px;
	line-height: 1.285714em;
}
#main.printed #content h2 {
	text-align: left;
	padding-left: 192px;
}
#main.printed #content .section, 
#main.printed #content .section.metadata.last {
	margin-bottom: 1.285714em;
}
#main.printed #content .section.metadata {
	border-width: 1px;
	border-style: solid;
	padding: 0.643em 1.285714em;
	margin: 0;
}
#main.printed #content .section.main-content {
	padding-bottom: 1.285714em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#main.printed #SectionReportInfo p, 
#main.printed #content #PrintDate {
	font-size: 0.857em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
#main.printed #content #PrintDate {
	display: block;
	float: right;
	width: 14em;
	text-align: right;
	margin-left: 1.5em;
}
#main.printed #content .section h3 {
	text-align: center;
}
#main.printed #content .label {
	font-size: 0.714285em;
	line-height: 1.8em;
}
#main.printed #content .label {
	padding-right: 0.9em;
}
#main.printed #content .section.metadata .data {
}
#main.printed #content .additional {
	padding-left: 3.6em;
}


/* =Sidebars 
-------------------------------------------------------------- */
#main .sidebar-area ul {
	margin-left: 0;
	list-style-type: none;
}
#main .sidebar-area ul ul {
	border: none;
	margin-left: 0.9em;
	padding: 0;
}
.sidebar-container {
	margin-bottom: 1.8em;
}
#main .sidebar-area h5, 
#main .sidebar-area h6 {
	color: #00768b;
	font-weight: normal;
	text-transform: lowercase;
	margin: 0 0 1.8em;
}
#main .sidebar-area h5 {
	font-size: 1.167em;
	line-height: 1.286em;
	margin-bottom: 0.643em;
} 
#main .sidebar-area h6 {
	margin-bottom: 0.75em;
}
.hjo-sidebar-item {
	background-color: #f7f8e3;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0.75em 5px;
	border: 1px solid #584e44;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
}
#main #sidebar-item-links .sidebar-nav {
	margin-bottom: 0.75em;
}
#main #sidebar-item-links #sidebar-links-1 {
	border-bottom: 1px solid #584e44;
	padding-bottom: 1.5em;
	margin-top: 0.75em;
}
.sidebar-nav-a:link, 
.sidebar-nav-a:visited {
	display: block;
	color: #00768b;
	font-size: 1.333em;
	font-weight: normal;
	line-height: 0;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
.sidebar-nav-a:hover, 
.sidebar-nav-a:active {
	color: #b40000;
}
.social-icon, 
.sidebar-nav-text {
	display: block;
	float: left;
	clear: none;
}
.sidebar-nav-text {
	line-height: 1.125em;
	margin-top: 1em;
}

#main #sidebar-bumper-sticker {
	text-align: center;
}
#main #sidebar-bumper-sticker .caption {
	padding-top: 0.648em;
	padding-bottom: 0.518em;
	border-bottom: 1px solid #584e44;
	margin-top: 0;
}

.ad-link {
	display: block;
	line-height: 0;
	padding: 0;
	margin: 0;
}
.ad-link img {
	display: block;
	padding: 0;
	margin: 0;
}
#sidebar-ads-universal {
	text-align: center;
}
#ad-ad {
	display: block;
	margin: 0 auto;
}


/* =Footer
-------------------------------------------------------------- */
#footer-content {
	font-size: 1.3em;
	text-align: right;
}
#footer-copyright {
	display: block;
	float: left;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#site-description {
	-webkit-text-size-adjust: none;
}