body {
	width:100%;
	background:#e3e3e3;
	font-family:times,'times new roman',serif;
	font-size:100%;
	margin: 0 auto;
}

#big-container {
	margin: 0 auto;
	width:100%;
	max-width:620px;
	margin-top:0;
	background:#e3e3e3;
}


/* start logo-box */

#big-container .flex-container {
	width:100%;
	max-width:620px;
	height:50px;
	padding-top:9px;
	background:#ffebcd;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	align-items:flex-start;
	box-sizing: border-box;
	padding-bottom:0;
}

#big-container .flex-item-one {
	padding:0;
	margin-left:2px;
	order: 1;
}

 #big-container .flex-item-logo {
	padding:0;
	margin-left:2px;
	order: 1;
}

#big-container .flex-item-logo a {
	font-family:times,'times new roman',serif;
	color:#426f7e;
	font-weight:bold;
	text-decoration:none;
	padding:3px;
	font-size:1.8em;

}

#big-container .flex-item-logo a:hover {
	text-decoration:underline;
	background:#426f7e;
	color:#ffffff;
}

#big-container .flex-item-two {
	padding:0;
	margin-right:2px;
	order: 3;
}

#big-container .logo-box .menu-nav {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  line-height: 28px;
  font-size: 14px;
}

#big-container .mobile-nav {
  cursor: pointer;
}

#big-container .menu-btn {
  display: inline-block;
  float: left;
  padding-right: 8px;
}

#big-container .menu-btn span {
  display: block;
  width: 27px;
  height: 4px;
  margin: 4px 0;
  background: #2a2a2a;
  line-height: 26px;
}

/* end logo-box */

/* start responsive-menu */

 .responsive-menu {
    margin-top:0;
 	width:100%;
 	max-width:620px;
	display: -webkit-inline-flex;
	display: -inline-flex;
  	z-index: 1000;
  	display: none;
  	padding:0;
 	box-sizing: border-box;
}


.close-btn {
  width: 25px;
  height: 25px;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  overflow: hidden;
}

.close-btn img {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  cursor: pointer;
}

.close-btn:hover {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  cursor: pointer;
}

.expand {
  display: block !important;
}

.menu-column {
  width:100%;
  max-width: 620px;
  position: absolute;
  top:0;
  left:0;
  display: block;
  box-sizing: border-box;
  border: solid #456654 8px;
  color: #ff0000;
  background:#000000;
  font-family:helvetica,arial,sans-serif;
  font-size:1.4em;
  line-height:1.6em;

}

.menu-main a {
  color: #ff0000;
  font-style: normal !important;
  text-decoration: none;
}

.menu-main a:hover {
  text-decoration: underline;
  background:#ffffff;
}

#menu-main, .responsive-only {
  position: relative;
  width: 100%;
  text-align: left;
}

#menu-main li, .responsive-only li {
  padding-left:0;
  padding-bottom: 4px;
  border-bottom: solid 2px #00ff00;
  width:80%;
  list-style-type:none;
}

#menu-main .sub-menu,
.responsive-only .sub-menu {
  display: none;
  border-bottom: none;
  padding-top: 2px;
  list-style-type:square;
}

#menu-main .sub-menu li,
.responsive-only .sub-menu li {
  border-bottom: 0;
  padding: 0;
  margin-left:0;
}

#menu-main .sub-menu li,
.responsive-only .sub-menu li {
	list-style-type:square;
}

#menu-main li:hover .sub-menu {
  display: block;
}
  
.responsive-menu {
    position: absolute;
    bottom: auto;
    top: 0;
    padding-top: 2px;
 }

.responsive-menu .close-btn {
    top: -25px;
    right: 25px;
}

/* end responsive */

/* start content */

.content {
	width:100%;
	max-width: 620px;
	margin: 0 auto;
	background:#ffffff;
	box-sizing: border-box;
	padding: 0 5px;
	color:#000000;
	padding-bottom:5px;
}

.content .social-links {
	padding-top:12px;
	margin-bottom:8px;
	clear:right;
}

.content h1 {
	margin: 0 auto;
	text-align:center;
	margin-bottom:2px;
	font-size:1.8em;
	font-weight:normal;
	margin-top:24px;
}

.content h1.sub {
	margin-top:0;
	font-size:1.3em;
	margin: 0 auto;
	margin-bottom: 12px;
}

.content .content-header a {
	color:#000000;
	text-decoration:underline;
}

.content .content-header a:hover {
	color:#cc0033;
	text-decoration:none;
}


.content p {
	text-indent:1.5em;
	font-size:1em;
	font-family:times,'times new roman',serif;
	margin-top:1px;
	margin-bottom:4px;
}


.content p a {
	color:#000000;
	text-decoration:underline;
}

.content p a:hover {
	color:#cc0033;
	text-decoration:none;
}

.content h2 {
	font-size:120%;
	font-weight:bold;
	margin-top:9px;
	margin-bottom:0;
	font-family:helvetica,arial,sans-serif;
}

.content h3 {
	font-size:110%;
	font-weight:normal;
	margin-top:9px;
	margin-bottom:0;
	font-family:helvetica,arial,sans-serif;
}

.content h3 a {
	text-decoration:none;
	color:#000000;
}

.content h3 a:hover {
	text-decoration:underline;
	color:#0000ff;
}

.content .index ul	{ 
	margin: 0;
	padding: 0; 
	font-weight:normal;
	margin-top:16px;
	border-bottom:1px solid #c0592e;
}

.content .index li {
	list-style-position: outside;
	list-style-type: none;
	text-align:left;
	font-weight:normal;
	padding:3px;
	color:#000000;
}

.content .index a {
	display: block;
	text-decoration: none;
	border-top: 1px solid #c0592e;
	color: #000000;
	font-weight:normal;
}

.content .index a:hover{
	display: block;
	text-decoration: none;
	border-top: 1px solid #000000;
	color: #cc0000;
	background-color: #ffff00;
	font-weight:normal;
}

.content .indexb li {
	list-style-position: outside;
	list-style-type: none;
	text-align:left;
	font-weight:normal;
	padding:3px;
	color:#000000;
}

.content .indexb a {
	display: block;
	list-style-type: none;
	text-decoration: none;
	color: #000000;
	font-weight:normal;
}

.content .indexb a:hover{
	display: block;
	text-decoration: none;
	list-style-type: none;
	color: #cc0000;
	background-color: #ffff00;
	font-weight:normal;
}

 .content .form {
	display:block;
	margin: 0 2%;
	font-family:helvetica,arial,sans-serif;
	font-size:1.01em;
	border: solid 4px #cc0033;
	padding:6px;
	text-align:center;
}

.content .form p {
	font-family:helvetica,arial,sans-serif;
	font-size:1.01em;
}

.content .small-photo-cap {
	margin-top:1px;
	margin-bottom:1px;
	font-size:75%;
	font-family:helvetica,arial,sans-serif;
	font-weight:bold;
	text-indent:0;
	line-height:95%;
}

.content .text-left {
	text-align:left;
}

.content .text-right {
	text-align:right;
}

.content .small {
	font-size:80%;
	font-family:arial,helvetic,sans-serif;
	font-weight:bold;
}

.content .smallhead {
	font-size:80%;
	font-weight:bold;
}

.content .text2 {
	font-size:80%;
}

/* start FOOTER */

#footer {
	background:#ffebcd;
	border-top:2px solid #c0592e;
	width:100%;
	max-width:620px;
	height:auto;
	box-sizing: border-box;
}

.footer-text {
 	font-family:arial,helvetical,sans-serif;
	text-align:center;
	font-size:.75em;
	padding: 8px;
}

.footer-text a {
	text-decoration: none;
}

.footer-text a:hover {
	text-decoration: underline;
}

/* end footer */

/* main photo */

#main-photo {
	margin:0 auto;
	width:100%;
	max-width:620px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    align-items: center;
	margin-top:36px;
	margin-bottom:8px;
	object-fit:contain;
	overflow:hidden;
}

#main-photo .contain {
	object-fit:contain;
}

 /* end main-photo */
 
 /* photo-box */
 
 .photo-box {
	margin:0 auto;
	width:100%;
	max-width:620px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    align-items: center;
	box-sizing: border-box;
	margin-top:36px;
	margin-bottom:8px;
	overflow:hidden;
}

.photo-box img {
	height:250px;
}

.photo-box contain {
	object-fit:contain;
}

 
.big-photo {
	margin:0 auto;
	width:100%;
	max-width:620px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    align-items: center;
	box-sizing: border-box;
	overflow:hidden;
}

.big-photo img {
	height:auto;
}

/* end photo box */


/* Mail Chimp signup */

#mc_embed_signup{background:#fff; clear:left; font:14px times,'times new roman',serif; }

/* end Mail Chimp signup */

/* start flex-container for home page -- added 7/29/17 */

.menu-flex-container {
    display: -webkit-flex;
    display: flex;
    width: 100%;
	max-width:620px;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-flex-align:center;
	flex-align:center;
	background:#ffdead;
}

.menu-flex-item {
    background-color: #fdf5e6;
    width: 260px;
    height: auto;
    margin: 10px;
}

.menu-flex-item-pg {
    background-color: #ffffff;
    width: 600px;
    height: auto;
    margin: 10px;
	padding:8px;
}

/* end flex container for home page */

/* New: 2018-11-01*/

#BANNER1 {
	display:block;
	background-color:#ffffcc;
	text-align:center;
}

#BANNER1 a {
	color:#cc0033;
	text-decoration:none;
	background-color:#ffffcc;
}

#BANNER1 a:hover {
	color:#0000ff;
	text-decoration:underline;
	background-color:#ffffcc;
}

/* end new */