html, body {
	height: 100%;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	padding: 0;
	margin: 0;
	min-width: 900px;
	color: #5D4813;
}

#main {
	background: aliceblue;
	margin: 0 auto;
	font-size: 16px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	position: relative;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	cursor: default;
	overflow: hidden;
}

table, 
ul.menu {
	font-size: 16px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
}


h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
	margin: 0;
	padding: 0;
}

h2  {	font-size: 22px; }
h3  {	font-size: 18px; }


header, footer, article, nav,
#menu-bg, 
.wrapper,
.menu a, 
.hoa-vmenu a, 
.hoa-slidenavigator > a, 
.hoa-checkbox:before, 
.hoa-radiobutton:before {
	-webkit-background-origin: border !important;
	-moz-background-origin: border !important;
	background-origin: border-box !important;
}

header, footer, article, nav, 
#menu-bg, 
.wrapper, 
.hoa-slidenavigator > a, 
.hoa-checkbox:before, 
.hoa-radiobutton:before {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul {
	list-style-type: none;
}
ol {
	list-style-position: inside;
}

.hoa-header:before, 
#hoa-header-bg:before, 
.hoa-layout-cell:before, 
.hoa-layout-wrapper:before, 
.hoa-footer:before, 
.nav:before, 
#menu-bg:before, 
.wrapper:before {
	width: 100%;
	content: " ";
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
}

.hoa-header:after, 
#hoa-header-bg:after, 
.hoa-layout-cell:after, 
.hoa-layout-wrapper:after, 
.hoa-footer:after, 
.nav:after, 
#menu-bg:after, 
.wrapper:after, 
.cleared, 
.clearfix:after {
	clear: both;
	font: 0/0 serif;
	display: block;
	content: " ";
}

.desktop .nav-inner {
	width: 550px;
	padding-left: 0;
	padding-right: 0;
}
.desktop .nav {
	padding-left: 0;
	padding-right: 0;
}

.nav-inner:before {
	content: ' ';
}
.nav-inner {
	text-align: left;
	margin: 0 auto;
}


/* MENU  */

.nav {
	background: grey;
	margin: 0 auto;
	position: relative;
	z-index: 499;
	width: 900px;
	/*border: 1px solid black;*/
}
ul.menu a, ul.menu a:link, ul.menu a:visited, ul.menu a:hover {
	outline: none;
	position: relative;
	z-index: 11;
}
ul.menu, ul.menu ul {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}
ul.menu li {
	position: relative;
	z-index: 5;
	display: block;
	float: left;
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
}
ul.menu li:hover {
	z-index: 10000;
	white-space: normal;
}
ul.menu:after, ul.menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
ul.menu, ul.menu ul {
	min-height: 0;
}
ul.menu {
	display: inline-block;
	vertical-align: bottom;
  float: left;
}

.hoa-menuitemcontainer {
	margin: 0 auto;
}
ul.menu>li {
	margin-left: 1px;
}
ul.menu>li:first-child {
	margin-left: 0;
}
ul.menu>li:last-child, ul.menu>li.last-child {
	margin-right: 0;
}
ul.menu>li>a {
	padding: 0 21px;
	margin: 0 auto;
	position: relative;
	display: block;
	height: 47px;
	cursor: pointer;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 47px;
	text-align: center;
}
.menu>li>a, .menu>li>a:link, .menu>li>a:visited, .menu>li>a.active, .menu>li>a:hover {
	font-size: 17px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}
ul.menu>li>a.active {
	padding: 0 21px;
	margin: 0 auto;
	color: #F9F2E1;
	text-decoration: none;
}
ul.menu>li>a:visited, ul.menu>li>a:hover, ul.menu>li:hover>a {
	text-decoration: none;
}
ul.menu>li>a:hover, 
.desktop ul.menu>li:hover>a {
	background: aliceblue;
	padding: 0 21px;
	margin: 0 auto;
}

ul.menu>li.active>a {
	/*color: black;*/
    font-weight: bold;
		font-style: italic;
		text-decoration: underline;
}

ul.menu>li>a:hover,
.desktop ul.menu>li:hover>a {
	color: #44340E;
	text-decoration: none;
}



ul.menu>li:before {
	position: absolute;
	display: block;
	content: ' ';
	top: 0;
	left: -1px;
	width: 1px;
	height: 47px;
	background: url('../images/menuseparator.png') center center no-repeat;
}
ul.menu>li:first-child:before {
	display: none;
}
ul.menu li li a {
	background: #FFFFFF;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	padding: 0 30px;
	margin: 0 auto;
}
ul.menu li li {
	float: none;
	width: auto;
	margin-top: 4px;
	margin-bottom: 4px;
}
.desktop ul.menu li li ul>li:first-child {
	margin-top: 0;
}
ul.menu li li ul>li:last-child {
	margin-bottom: 0;
}
.menu ul a {
	display: block;
	white-space: nowrap;
	height: 36px;
	min-width: 7em;
	border: 0 solid transparent;
	text-align: left;
	line-height: 36px;
	color: #157010;
	font-size: 16px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-decoration: none;
	margin: 0;
}
.menu ul a:link, .menu ul a:visited, .menu ul a.active, .menu ul a:hover {
	text-align: left;
	line-height: 36px;
	color: #157010;
	font-size: 16px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-decoration: none;
	margin: 0;
}
ul.menu ul li a:hover, .desktop ul.menu ul li:hover>a {
	background: #3FE236;
	background: rgba(63, 226, 54, 0.7);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0 auto;
}
.menu ul a:hover {
	text-decoration: underline;
	color: #293A13;
}
.desktop .menu ul li:hover>a {
	color: #293A13;
}
ul.menu ul:before {
	background: #23BB1B;
	margin: 0 auto;
	display: block;
	position: absolute;
	content: ' ';
	z-index: 1;
}
.desktop ul.menu li:hover>ul {
	visibility: visible;
	top: 100%;
}
.desktop ul.menu li li:hover>ul {
	top: 0;
	left: 100%;
}
ul.menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background-image: url('../images/spacer.gif');
}
.desktop ul.menu>li>ul {
	padding: 14px 34px 34px 34px;
	margin: -10px 0 0 -30px;
}
.desktop ul.menu ul ul {
	padding: 34px 34px 34px 14px;
	margin: -34px 0 0 -6px;
}
.desktop ul.menu ul.menu-left-to-right {
	right: auto;
	left: 0;
	margin: -10px 0 0 -30px;
}
.desktop ul.menu ul.menu-right-to-left {
	left: auto;
	right: 0;
	margin: -10px -30px 0 0;
}
.desktop ul.menu li li:hover>ul.menu-left-to-right {
	right: auto;
	left: 100%;
}
.desktop ul.menu li li:hover>ul.menu-right-to-left {
	left: auto;
	right: 100%;
}
.desktop ul.menu ul ul.menu-left-to-right {
	right: auto;
	left: 0;
	padding: 34px 34px 34px 14px;
	margin: -34px 0 0 -6px;
}
.desktop ul.menu ul ul.menu-right-to-left {
	left: auto;
	right: 0;
	padding: 34px 14px 34px 34px;
	margin: -34px -6px 0 0;
}
.desktop ul.menu li ul>li:first-child {
	margin-top: 0;
}
.desktop ul.menu li ul>li:last-child {
	margin-bottom: 0;
}
.desktop ul.menu ul ul:before {
	border-radius: 0;
	top: 30px;
	bottom: 30px;
	right: 30px;
	left: 10px;
}
.desktop ul.menu>li>ul:before {
	top: 10px;
	right: 30px;
	bottom: 30px;
	left: 30px;
}
.desktop ul.menu>li>ul.menu-left-to-right:before {
	right: 30px;
	left: 30px;
}
.desktop ul.menu>li>ul.menu-right-to-left:before {
	right: 30px;
	left: 30px;
}
.desktop ul.menu ul ul.menu-left-to-right:before {
	right: 30px;
	left: 10px;
}
.desktop ul.menu ul ul.menu-right-to-left:before {
	right: 10px;
	left: 30px;
}

/**************** main div *******************/

.wrapper {
	background: #ffffff;
	margin: 0 auto;
	position: relative;
	cursor: auto;
	width: 900px;
	z-index: auto !important;
	padding: 25px 25px 50px 25px;
	min-height:700px;
	
}

.cthoa-footer {
    position: relative;
    bottom: 0px;
/*	  border: 1px solid black;*/
    height: 40px;
    background: gray;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    z-index: auto !important;
    
}




/**************** main img *******************/


.mainimg1
{
border: 1px solid #000000; 
margin: 10px 10px 20px 35px; 
float: right;
width:300px; 
height: 225px;

}


.mainimg2
{
border: 1px solid #000000; 
width:300px; 
height: 225px;
margin-left: -150px;
left: 50%;
position: relative;
display: inline-block;
margin-bottom: 20px;

}

/**************** buttons *******************/




/* form styling */



form {
	padding: 0 !important;
	margin: 0 !important;
}

input, 
select, 
textarea, 
span {
	vertical-align: middle;
	font-size: 14px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
}

select, 
input[type="text"], 
input[type="password"], 
input[type="email"],
input[type="url"], 
input[type="color"],
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="number"], 
input[type="range"], 
input[type="tel"], 
input[type="time"], 
input[type="week"], 
textarea {
	background: #FAF4E6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #E3C578;
	margin: 0 auto;
	width: 100%;
	padding: 8px 0;
	color: #5D4813 !important;
	font-size: 16px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	text-shadow: none;
}

fieldset {
	border: none;
}
fieldset dl {
	display: block;
	margin: 0;
	padding: 0;
	background: none;
}
fieldset dt {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 12em;
	height: 2em;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	background: none;
	line-height: 2em;
	overflow: hidden;
}
fieldset dd {
	display: block;
	min-height: 2em;
	margin: 0 0 0 12em;
	padding: 0;
	background: none;
	line-height: 2em;
}
fieldset label {
	display: inline-block;
	width: 12em;
}
fieldset textarea {
	vertical-align: text-top;
}

table.position {
	position: relative;
	width: 100%;
	table-layout: fixed;
}


/*********************** RESPONSIVE *******************/


.responsive body
{
   min-width: 240px;
}
  
.responsive img 
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}  
  
.responsive .hoa-content-layout img,
.responsive .hoa-content-layout video
{
   max-width: 100%;
   height: auto !important;
}

.responsive.responsive-phone .hoa-content-layout img 
{
   margin: 1%;
}

.responsive.responsive-phone .hoa-collage,
.responsive.responsive-tablet .hoa-collage {
   margin: 0 !important;
}

.responsive .hoa-content-layout .hoa-sidebar0, 
.responsive .hoa-content-layout .hoa-sidebar1, 
.responsive .hoa-content-layout .hoa-sidebar2 
{
   width: auto !important;
}
    
.responsive .hoa-content-layout, 
.responsive .hoa-content-layout-row, 
.responsive .hoa-layout-cell 
{
   display: block;
}

.responsive .hoa-content-layout, 
.responsive .hoa-content-layout-row
{
   padding: 0;
}
    
.responsive .image-caption-wrapper 
{
   width: auto;
}

.responsive.responsive-tablet .hoa-vmenublock,
.responsive.responsive-tablet .hoa-block
{
   margin-left: 1%;
   margin-right: 1%;
   width: 48%;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .hoa-responsive-embed 
{
   height: 0;
   padding-bottom: 56.25%;
   /* 16:9 */
    position: relative;
}

.responsive .hoa-responsive-embed iframe,
.responsive .hoa-responsive-embed object,
.responsive .hoa-responsive-embed embed
{
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* dynamic width nav */
.responsive nav.nav,
.responsive .nav-inner
{
   width: auto !important;
   position: relative !important;
   top: auto !important;
   left: auto !important;
   right: auto !important;
   bottom: auto !important;
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   text-align: left !important;
}

.responsive nav.nav
{
   min-width: 1%;
}

.responsive .nav 
{
   padding-left: 0;
   padding-right: 0;
}

/* full width hmenu, instead of inline-block */
.responsive .nav ul.menu 
{
   float: none;
   text-align: center;
   display: none;
}

/* elements on different lines */
.responsive .nav ul.menu li,
.responsive .menu-extra1,
.responsive .menu-extra2
{
   float: none;
}
  
/* horizontal margins */
.responsive .nav ul.menu>li:first-child, 
.responsive .nav ul.menu>li:last-child, 
.responsive .nav ul.menu>li
{
   margin-left: 0;
   margin-right: 0;
}
 
/* separator */ 
.responsive .nav ul.menu>li:before
{
   display: none;
}

/* vertical distance between items */
.responsive .nav ul.menu a
{
   margin-top: 1px !important;
   margin-bottom: 1px !important;
   height: auto;
   white-space: normal;
}

.responsive .nav ul.menu>li:first-child>a
{
   margin-top: 0 !important;
}

.responsive .nav ul.menu>li:last-child>a
{
   margin-bottom: 0 !important;
}

/* fixes for extended menu */
.responsive .nav .ext, 
.responsive .nav ul.menu>li>ul, 
.responsive .nav ul.menu>li>ul>li,
.responsive .nav ul.menu>li>ul>li a
{
   width: auto !important;
}

/* submenu position on hover */
.responsive .nav ul.menu ul
{
   left: auto !important;
   right: auto !important;
   top: auto !important;
   bottom: auto !important;
   position: relative !important;
   visibility: visible !important;
}


/*   DYNAMIC BUTTON  */
.nav .menu-btn 
{
   display: none;   
   border: 1px solid #404040;
   border-radius: 3px;
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
   -svg-background: linear-gradient(to bottom, #707070 0, #000 100%);
   background: -ms-linear-gradient(top, #707070 0, #000 100%);
   background: -moz-linear-gradient(top, #707070 0, #000 100%);
   background: -o-linear-gradient(top, #707070 0, #000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
   background: -webkit-linear-gradient(top, #707070 0, #000 100%);
   background: linear-gradient(to bottom, #707070 0, #000 100%);
   margin: 3px;
   outline: none;
   padding: 5px;
   position: relative;
   vertical-align: bottom;
   width: 20px;
}

/*   DYNAMIC BUTTON HORIZONTAL LINES */

.nav .menu-btn span 
{
   background: #E0E0E0;
   border-radius: 2px;
   display: block;
   height: 3px;
   margin: 3px 1px;
   position: relative;
   -moz-transition: background .2s;
   -o-transition: background .2s;
   -webkit-transition: background .2s;
   transition: background .2s;
}

.nav .menu-btn:hover span                            
 {   background: #f3f3f3;}



.responsive .nav .menu-btn                            {   display: inline-block;}
.responsive .nav .menu.visible                        {   display: block;}
.responsive .nav ul.menu>li>ul>li:first-child:after   {   display: none;}
.responsive .nav ul.menu ul a                         {   padding-left: 4% !important;}
.responsive .nav ul.menu ul ul a                      {   padding-left: 6% !important;}
.responsive .nav ul.menu ul ul ul a                   {   padding-left: 8% !important;}
.responsive .nav ul.menu ul ul ul ul a                {   padding-left: 10% !important;}
.responsive .nav ul.menu ul ul ul ul ul a             {   padding-left: 12% !important;}
.responsive .nav ul.menu>li>ul                        {   padding: 4px;}
.responsive .nav ul.menu>li>ul:before
{   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.responsive .wrapper
{
   width: auto !important;
   min-width: 240px !important;
   max-width: none !important;
   margin-right: 1% !important;
   margin-left: 1% !important;
}


/* set all the extra divs to display none */

#hoa-resp                   {display: none;}
#hoa-resp-desktop           {display: none;}
#hoa-resp-tablet-landscape  {display: none;}
#hoa-resp-tablet-portrait   {display: none;}
#hoa-resp-phone-landscape   {display: none;}
#hoa-resp-phone-portrait    {display: none;}


/* portrait switching...  */

@media all and (max-width: 900px)
{
    #hoa-resp, #hoa-resp-t { display: block; }
    #hoa-resp-m { display: none; }
}
@media all and (max-width: 480px)
{
    #hoa-resp, #hoa-resp-m { display: block; }
    #hoa-resp-t { display: none; }
}
@media (min-width: 1200px)
{
    #hoa-resp-desktop { display: block; }
}
@media (min-width: 980px) and (max-width: 1199px)
{
    #hoa-resp-tablet-landscape { display: block; }
}
@media (min-width: 768px) and (max-width: 979px)
{
    #hoa-resp-tablet-portrait { display: block; }
}

@media (min-width: 480px) and (max-width: 767px)
{
    #hoa-resp-phone-landscape { display: block; }
}
@media (max-width: 479px)
{
    #hoa-resp-phone-portrait { display: block; }
}