/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*start here after reset*/
#content ul { margin: 1em 2em; }
p
{
margin: 1em 0 1em 0;
}
body
{
font: 12px Arial, Helvetica, sans-serif;
text-align: center;
background: #986A53;
}
a img
{
border:none;
}
#container
{
margin: 20px auto 0 auto;
padding: 0;
width: 847px;
}
#wrapper
{
text-align: left;
margin: 0 auto;
padding: 0;
background: #f9e9cd;
width: 847px;
border: 1px solid #000;
}
#top
{
font-size: 16px;
color: #672020;
background: url(../images/bg_logo_banner.gif) no-repeat;
width: 847px;
height: 183px;
}
#top a
{
float: left;
width: 540px;
height:183px;
display: block;
text-decoration:none;
}
#top a span {
visibility: hidden;
}
#top .address
{
float: left;
text-align: right;
width: 287px;
height: 148px;
padding: 35px 20px 0 0;
}
#top .address p
{
margin: 0;
padding: 0;
}
#top .address a
{
color: #672020;
padding: 0;
width: 287px;
height: 20px;
}
#menu
{
float: left;
color: #000;
background: #c9c6b1;
font-size: 13px;
line-height: 36px;
width: 165px;
padding: 30px 0 0 10px;
font-weight: bold;
}
#menu ul
{
padding-left: 5px;
}
#menu li
{
margin: 0;
list-style-type: none;
}
#menu a:link, #menu a:visited
{
color: #000;
text-decoration: none;
}
#menu a:hover, #menu a:active
{
color: #672020;
}

#content
{
float: left;
font: 12px Arial, Helvetica, sans-serif;
line-height: 24px;
width: 652px;
color: #53524f;
background: #f9e9cd;
padding: 0 10px;
}
#content a:link, #content a:visited
{
color: #60021c;
}
#content a:hover, #content a:active
{
background-color: #60021c;
color: #F9E9CD;
text-decoration: none;
}

.floatleft
{
	float: left;
	width: 210px;
	padding: 0 10px;
	margin: 20px 0;
}

h1
{
font:30px Arial, Helvetica, sans-serif;
padding: .5em 0 0.5em 0;
}
h2
{
font:20px Arial, Helvetica, sans-serif;
padding: .5em 0 0.5em 0;
}
h3
{
font-size: 18px;
}
#footer
{
clear: both;
width: 847px;
padding: 10px 0;
text-align: center;
font-size: 11px;
color: #53524f;
background: #f9e9cd;
}
#footer a:link, #footer a:visited
{
color: #60021c;
text-decoration: none;
}
#footer a:hover, #footer a:active
{
text-decoration: underline;
}
#copyright
{
padding: 15px;
color: #fff;
font-size: 10px;
text-align: center;
}
#copyright a
{
color: #fff;
background: #000;
}
img.floatimageleft
{
float: left;
padding-right: 10px;
}
img.floatimageright
{
float: right;
padding-left: 20px;
}
.categories_testimonals
{
color: #672020;
font-size: 15px;
font-weight: bold;
}
dt
{
font-weight: bold;
}
dd
{
padding: 0 0 20px 20px;
}
.pddg td
{
padding: 5px 0;
}

fieldset {
border:2px solid #986A53;
padding:10px;
margin:10px 0;
}

/* --- Mobile responsiveness (added during migration) --- */
@media (max-width: 880px) {
  #container, #wrapper, #content, #footer {
    width: 100%;
    box-sizing: border-box;
  }
  #container { margin-top: 0; }

  /* Flex column on wrapper so we can reorder nav before address */
  #wrapper {
    display: flex;
    flex-direction: column;
    border-width: 0;
  }

  /* 2 — Nav bar spans full width, below banner */
  #menu {
    order: 2;
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 10px 10px;
    line-height: 28px;
  }
  #menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 14px;
    padding-left: 0;
  }
  #menu li { font-size: 14px; }
  /* Sidebar images: compact and centered; collapse   spacer paragraphs */
  #menu p {
    text-align: center;
    margin: 0;
    line-height: 0;
    font-size: 0;
  }
  #menu img {
    max-width: 110px;
    height: auto;
    display: inline-block;
    margin: 0 auto;
  }

  /* Dissolve #top so its two children become independent flex items */
  #top { display: contents; }

  /* 2 — Banner logo link: full-width, aspect-ratio height, comes first */
  #top > a {
    order: 1;
    display: block;
    float: none;
    width: 100%;
    height: 0;
    padding-bottom: 21.6%; /* 183/847 — preserves banner proportions */
    background: url(../images/bg_logo_banner.gif) no-repeat center top / 100% auto;
    box-sizing: border-box;
  }
  #top > a span { visibility: hidden; }

  /* 3 — Name/title/email block, centered, below nav */
  #top .address {
    order: 3;
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.7;
    background: #f9e9cd;
  }
  #top .address p { margin: 2px 0; }
  /* Hide the   spacer paragraphs below the email in the address block */
  #top .address p:nth-child(n+3) { display: none; }
  #top .address a {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
  }

  /* 4 — Content */
  #content {
    order: 4;
    float: none;
    width: 100%;
    padding: 10px;
    line-height: 22px;
  }
  #content img, .floatimageleft, .floatimageright {
    max-width: 100%;
    height: auto;
    float: none;
    display: block;
    padding: 8px 0;
  }
  img.floatimageleft, img.floatimageright {
    float: none;
    padding: 8px 0;
  }

  /* 5 — Footer */
  #footer { order: 5; width: 100%; }

  table { width: 100% !important; }
  table img { max-width: 100%; height: auto; }
}