@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css ---- DN: Modified*/

html { line-height: 1.25; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; }
article, aside, footer, header, nav, section { display: block; }
h1, h2 { font-size: 2em; margin: 0.67em 0; font-weight: normal; }
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }
b, strong { font-weight: inherit; }
b, strong { font-weight: 600; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { font-family: 'Open Sans', sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }
button, input { /* 1 */ overflow: visible; }
button, select { /* 1 */ text-transform: none; }
button, html [type="button"], /* 1 */ [type="reset"], [type="submit"], [type="text"] { -webkit-appearance: none; /* 2 */ }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
[hidden] { display: none; }

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, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption {
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0px;
  padding:0px;
  text-decoration:inherit;
}

body{
  padding: 0px;
  margin: 0px;
  background: #D1D1D1;
  font-size: 16px;

  color: #000000;
  line-height: 22px;
}

#maincontainer{
  width: 920px;
  margin: 0px auto;
  padding: 1px 12px 12px 12px;
  background-color:white;
  position:relative;
}

#headercontainer{
  position:relative;

}

#headercontainer form{
  display:block;
  right:0px;
  top:5px;
}

#searchform{
  float:right; 
  padding: 4px;
  font-family: 'Open Sans', Helvetica, Sans-serif;
  font-size: 14px;
  color: #666;
}

#headercontainer p{
  position:relative;
  margin: -65px 0px;
}
/*styles for left hand column, maincontent (ie main image column on homepage*/	
.firstcontent{
  float: left;
  width: 59%;
  margin: 1%;
  padding: 0 25px 65px 10px;

}

.firstcontent h1{
  margin-top:10px;
  font-weight:bold;
  font-size:22px;
  color: #414141;
}

.firstcontent p, ul{
  padding: 5px;
  color: #313131;
  line-height:1.3em;
  height:auto;
}

.firstcontent ol{
  padding: 5px;
  margin-left: 45px;
  color: #313131;
  line-height:1.3em;
  height:auto;
}

.firstcontent ul{
  height:auto;
  font-size: 18px;
}

.firstcontent td{

  color:#414141;
  font-size:12px;
}

.firstcontent center{

  color:#414141;
  font-size:14px;
  font-weight:bold;
}

/*styles for articles, gallery maincontent*/
.centercontent{ 
  background-color:white;
  width: 90%;
  margin: 1%;
  padding: 5px 25px 65px 10px;

}

.centercontent td{
  font-family:inherit;
  color:#414141;
}

/*styles for righthand column on most pages*/
.secondcontent{
  padding: 0 5px;
  float: right;
  width: 270px;
  height:auto;
  margin: 0px 20px 10px;
  position:relative;
  font-size:15px;
  overflow:hidden;
}

html>/**/body .secondcontent, x:-moz-any-link, x:default { 
  margin:-10px 20px 10px;
}

.secondcontent ul li{
  margin:5px 0;


}

.secondcontent h4{
  padding:5px 0 5px;

  color: #313131;
  font-size: 16px;
  clear:both;
}

.secondcontent h2{
  font-family:'Open Sans', Calibri, sans-serif;
  font-size:14px;
  padding-top:10px;
  text-decoration:underline;
}
.secondcontent .third{
  padding-bottom:15px;
}

.secondcontent .service {

  padding:5px 0;
  text-decoration:none;
}

.secondcontent h5{
  padding:15px 0;

  color: #313131;
  font-size: 16px;
}

.secondcontent .title ul li{
  text-align:center;
  padding-right:40px;
}

.secondcontent p {
  padding:0 5px 10px 0;
}

.underline{
  text-decoration:underline;

  color: #313131;
  font-size: 12px;
  clear:both;

}

.footer{
  clear:both;
  width:100%;
  padding: 0px 0px 8px
}

span.radio{
  float:right;
  clear:both;
  padding: 0px 140px;

  font-size: 10px;
  color: #666;

}

.footer ul li, .first{

  font-size: 14px;
  list-style-type: none;
  padding:20px;
  display:inline-block;
  display:inline;
}

#copyright{
  text-align:center;
  padding: 15px;
  font: 12px 'Open Sans', Calibri, sans-serif;;
  clear:both;
}

.jqueryslidemenu{
  font: bold 12px Verdana;
  background: #414141;
  width: 100%;
  margin: 75px 0px 15px 0px;
}

.jqueryslidemenu ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li {
  position: relative;
  display: inline;
  float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
  display: block;
  background: #414141; /*background of tabs (default state)*/
  color: white;
  padding: 7px 10px;
  border-right: 1px solid #778;
  color: #2d2b2b;
  text-decoration: none;
}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
  display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
  color: white;
}

.jqueryslidemenu ul li a:hover {
  background: #777777; /*tab link background during hover state*/
  color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul {
  position: absolute;
  left: 0;
  display: block;
  visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
  display: list-item;
  float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
  top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
  width: 160px; /*width of sub menus*/
  padding: 5px;
  margin: 0;
  border-top-width: 0;
  border-bottom: 1px solid gray;
}

.jqueryslidemenu ul li ul li a:hover { /*sub menus hover style*/
  background: #eff9ff;
  color: black;

}

.downarrowclass{
  position: absolute;
  top: 12px;
  right: 7px;
}


/* Buy the Book Page style */

.book{
  position:relative;
  padding:0;
  margin:0;
  background-color:#ffffff;
  height:auto;
}

.book ul{
  position:relative;
  list-style-type: none;
  padding: 15px 75px 15px 5px;
  text-align:center;

}

.book li {
  position:relative;
  padding:0px;
}

.book p{

  font-size:16px;
}

.book a{
  color: #ffffff;
  text-decoration: none;
}

.book a:hover{
  color: #ffffff;
}


.extra{
  float:right;
  font-size: 13px;
}

.breadcrumb, .breadcrumb a {font-size:12px;}

.crumb{
  padding:5px;
  padding-top:10px;
  color:#313131;
  list-style-type:none;
}

.crumb a {
  font-size:12px;
  list-style-type:none;
}

.title a{
  color: #ffffff;
  text-decoration: none;
}


.title img{
  padding-left:45px;

}

.title li{
  padding: 15px;
}

.facebook{
  float:left;
  border:none;
}

/* Refresh 2019 Daniel Neoklein: overwrites some css rules */
body {background: #fff; color: #292929; font-size: 18px; font-weight: 300; line-height: 1.4}
iframe {width: 100%; max-width: 100%}
a, a:link, a:visited {color: #9A4545}
a:hover {text-decoration: underline; color: #9A4545}
#maincontainer {position: static; width: 960px; padding: 160px 0 0 0}
#headercontainer {position: fixed; width: 300px; left: 0; top: 0; z-index: 4;}
#headercontainer form {display: none}
#headercontainer img {margin: 35px 0 0 30px; width: 250px}
#myslidemenu {font-family: 'Open Sans', sans-serif; font-weight: 300; position: fixed; margin: 0; top: 0; left: 0; background: #fff; width: 100%;  min-width: 960px; height: 100px; z-index: 1;}
#myslidemenu > ul {position: absolute; right: 40px; top: 40px; z-index: 3; font-size: 18px; line-height: 28px; color: #9A4545}
#myslidemenu > ul > ul {top: 28px; display: none; visibility: visible; left: 0px;}
#myslidemenu > ul > li > a {background: transparent; color: inherit; border-right: 0px; padding: 5px 25px !important; }
#myslidemenu > ul > li > a:hover {background-color: #772F2D; color: #fff}
#myslidemenu > ul > li:nth-child(1) a:after, #myslidemenu > ul > li:nth-child(2) a:after, #myslidemenu > ul > li:nth-child(3) a:after {content: " "; border: solid #9A4545; border-width: 0 1px 1px 0; display: inline-block; padding: 3px;     transform: rotate(45deg); -webkit-transform: rotate(45deg); vertical-align: top; margin: 10px 0 0 8px}
#myslidemenu > ul > li:nth-child(1) a:hover:after, #myslidemenu > ul > li:nth-child(2) a:hover:after, #myslidemenu > ul > li:nth-child(3) a:hover:after {border-color: #fff}
#myslidemenu > ul > li:nth-child(1) li a:after, #myslidemenu > ul > li:nth-child(2) li a:after, #myslidemenu > ul > li:nth-child(3) li a:after {content: ""; border: 0px; display: none} 
#myslidemenu > ul > li:nth-child(6) a {border: 1px solid #9A4545; border-radius: 19px; margin-left: 20px}
.menu-dropdown {padding-right: 23px}
.jqueryslidemenu ul {z-index: 3}
.jqueryslidemenu ul li a {background-color: #772F2D; padding: inherit}
.jqueryslidemenu ul li ul li a {font-family: inherit; font-weight: inherit; font-size: inherit; color: #fff; white-space: nowrap; width: 208px; padding: 5px 25px; border: 0px}
.jqueryslidemenu ul li ul li a:hover {color: #fff; background-color: #8D3D3C}
#myslidemenu .downarrowclass, .jqueryslidemenu .downarrowclass {display: none}
.jqueryslidemenu ul li.menu-contact {display: none}
.mobile-menu {display: none}
.firstcontent {box-sizing: border-box; margin: 0 40px 0 0; padding: 0 0 0 30px; width: 563px; z-index: 0}
.firstcontent h1, .centercontent h1 {font-size: 28px; font-weight: 400; padding-bottom: 40px; margin: 0; line-height:  1.3}
.firstcontent h2, .centercontent h2, .firstcontent h3, .centercontent h3, .firstcontent h4, .centercontent h4 {margin: 20px 0 0 0; padding: 0 0 20px 0; font-weight: 600}
h1 b {font-weight: 400}
.firstcontent p, .centercontent p, ul {line-height: 1.5; font-weight: 300; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 10px}
.firstcontent a:visited:not(.button), .centercontent a:visited:not(.button) {color: #aaa}
.firstcontent .breadcrumb li {display: inline-block; margin-right: 10px; font-size: 12px}
.firstcontent li.crumb {margin: 0 10px 0 0; padding: 0 0 20px 0; display: inline-block}
.firstcontent img {max-width: 100%}
.firstcontent img.art-image {margin-top: 40px}
.firstcontent ul, .centercontent ul {list-style-type: none}
.firstcontent li, .centercontent li {margin-left: 0}
.firstcontent ul.bullets, .centercontent ul.bullets {list-style-type: disc}
.firstcontent ul.bullets li, .centercontent ul.bullets li {margin-left: 15px}
.main-divider {float: left}
.secondcontent {box-sizing: border-box; margin: 0 0 0 40px; padding: 0 30px 0 0; width: 315px; z-index: 0 }
.secondcontent .box {box-sizing: border-box; padding: 30px 0; border-bottom: 2px solid #e9e9e9}
.secondcontent .box:first-of-type {padding-top: 0}
.secondcontent ul {padding: 0; list-style-type: none }
.secondcontent ul li {font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0;  padding: 0 0 30px 0; color: #888}
.secondcontent ul li:last-of-type {padding-bottom: 0}
.secondcontent h4 {font-family: 'Open Sans', sans-serif; padding: 0 0 30px 0; font-size: 18px; font-weight: 300;}
.secondcontent h2 {font-family: 'Open Sans', sans-serif; font-size: 16px; text-decoration: none}
a.button, .secondcontent .box-services a {display: block; box-sizing: border-box; border: 1px solid #9A4545; border-radius: 19px; width: 100%; max-width: 460px; padding: 5px 0; line-height: 26px; text-align: center; color: #9A4545; margin-bottom: 15px; }
a.button:hover, .secondcontent .box-services a:hover  {background-color: #772F2D; color: #fff; text-decoration: none}
.secondcontent .box-services li {padding-bottom: 0}
.secondcontent .box-services li:last-of-type a {margin-bottom: 0}
.secondcontent .box-social-media li {display: inline-block; margin-right: 10px; padding-bottom: 0}
.secondcontent .box-social-media li a {opacity: 0.8}
.secondcontent .box-social-media li a:hover {opacity: 1}
.secondcontent .box-book a.button {margin: 30px 0 0 0; width: 187px}
.secondcontent .book {float: left; margin-top: 10px}
.centercontent {width: 100%; box-sizing: border-box; margin: 0; padding: 0 30px }
.fb-like, .fb-iframe {margin-bottom: 40px}
.footer {padding-top: 80px; text-align: center }
.footer ul {display: block; margin: auto; }
.footer ul li {font-family: 'Open Sans', sans-serif; display: inline-block; padding: 0 10px; border-right: 1px solid #e9e9e9 }
.footer ul li:last-of-type {border-right: 0px}
.footer ul li > a {display: inline-block; margin-right: 10px}
.footer ul {color: #999 }
.footer ul li:nth-of-type(8) {position: relative}
.footer #searchform {float: none; position: absolute; box-sizing: border-box; display: none; background: #fff; padding: 40px 40px 20px 40px; bottom: 25px; right: 0; width: 400px; font-size: 18px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
.footer #searchform.formshow {display: block}
.footer #searchform .btn-close { cursor: pointer; position: absolute; background: url(abimages/icon-close.svg) no-repeat; background-size: 20px 20px; width: 20px; height: 20px; right: 10px; top: 10px }
.footer #searchform input[type=text] {line-height: 30px; margin-bottom: 10px; border: 1px solid #ccc; margin-right: 10px; font-size: inherit; width: 140px} 
.footer #searchform input[type=submit] {line-height: 30px; border: 1px solid #9A4545; border-radius: 16px; color: #9A4545; background-color: #fff; padding: 0 10px; cursor: pointer}
.footer #searchform input[type=submit]:hover, .footer #searchform input[type=submit]:focus {color: #fff; background-color: #9A4545}
.footer .radio {margin-top: 10px}
.footer .radio span {font-size: 14px}
#copyright {color: #888}

/* styles for cookie consent*/
.cc_dialog.simple{ text-align: center; width: 100% !important; max-width: 100% !important; box-sizing: border-box; -webkit-box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.4); box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.4);}
.light.cc_dialog button.cc_b_ok, .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {border: 1px solid #9A4545 !important; color: #9A4545 !important; background-color: transparent !important; border-radius: 18px; font-weight: normal !important}
.light.cc_dialog button.cc_b_ok:hover, .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button:hover {background-color: #9A4545 !important; color: #fff !important;}
.light.cc_dialog button.cc_b_ok {margin-top: 10px; }
.light.cc_dialog button.cc_b_cp {margin-top: 10px; border: 1px solid #111 !important; background-color: transparent !important; border-radius: 18px; font-weight: normal !important}
.light.cc_dialog button.cc_b_cp:hover {background-color: #111 !important; color: #fff !important;}
.pl-5, .px-5 { padding-left: 20px !important;}
.pb-5, .py-5 { padding-bottom: 20px !important;}
.pr-5, .px-5 { padding-right: 20px !important;}
.pt-5, .py-5 { padding-top: 20px !important; }
.cc_dialog .cc_dialog_text {font-size: 14px !important; line-height: normal !important}
.light.cc_dialog .cc_dialog_headline {font-weight: normal !important}


@media only screen and (max-width : 1180px) {
  #myslidemenu > ul > li > a {padding: 5px 15px !important}
}
@media only screen and (max-width : 1070px) {
  #headercontainer {position: absolute}
  .jqueryslidemenu, #myslidemenu {display: none}
  .mobile-menu-icon { cursor: pointer; display: block; position: absolute; right: 30px; top: 40px; width: 40px; height: 40px; }
  .icon-menu {background: url(abimages/icon-menu.svg) no-repeat; background-size: 40px 20px; background-position:  0 10px}
  .icon-close {display: none; background: url(abimages/icon-close.svg) no-repeat; background-size: 30px 30px; background-position:  5px 5px}
  .mobile-menu {position: absolute; text-align: center; right: 0; top: 100px; width: 320px; z-index: 999; background: #fff; -webkit-box-shadow: 0px 20px 30px -15px rgba(0,0,0,0.75); -moz-box-shadow: 0px 20px 30px -15px rgba(0,0,0,0.75); box-shadow: 0px 20px 30px -15px rgba(0,0,0,0.75);}
  .mobile-menu img {height: 15px;}
  .mobile-menu ul {display: block !important; padding: 0}
  .mobile-menu ul ul {border-bottom: 1px solid #e9e9e9}
  .mobile-menu li {display: block; padding: 2px 0px}
  .mobile-menu > ul > li {padding: 2px 20px}
  .menu-dropdown, li.submenu-contact {display: none}
  .menu-contact a {display: inline-block; padding: 0 10px}
  .mobile-menu > ul > li:nth-child(6) {padding-bottom: 20px; padding-top: 10px; }
  .mobile-menu > ul > li:nth-child(6) a {display: block; width: 100%; border: 1px solid #9A4545; border-radius: 19px; text-decoration: none}
  .mobile-menu > ul > li:nth-child(6) a:hover {color: #fff; background-color: #8D3D3C}
}
@media only screen and (max-width : 960px) {
  .mobile-menu ul {width: 100% !important}
  #maincontainer {width: 100%; padding-top: 120px}
  .main-divider {display: none}
  .firstcontent, .secondcontent {width: 100%; padding-left: 30px; padding-right: 30px}
  .firstcontent img, .centercontent img  {max-width: 100%}
  .secondcontent {margin-top: 80px;}
  .secondcontent .box-features {padding-top: 40px !important  ; border-top: 2px solid #e9e9e9}
  .secondcontent .box-book {border-bottom: 0px}
  .fb-like {max-width: 100% !important}

}

@media only screen and (max-width : 480px) {
  #maincontainer {width: 100%; padding-top: 0px; margin: 0}
  #headercontainer {position: static; width: 100%; height: 50px}
  #headercontainer img {height: 30px; width: auto; margin: 10px }
  .mobile-menu-icon {top: 5px; right: 10px }
  .mobile-menu {top: 45px; right: auto; width: 100%}
  .firstcontent, .centercontent {width: 100%; margin: 0; padding: 10px 10px 0 10px; float: none; position: relative }
  .firstcontent h1 {font-size: 30px}
  .donor-table td {display: block}
  .secondcontent {margin: 50px 0 0 0; padding: 0 10px; text-align: center; float: none}
  .secondcontent .book, .book ul {float: none}
  .secondcontent .box-book a.button {margin: 30px auto 0 auto}
  .footer {position: relative}
  .footer ul li:nth-of-type(8) {position: static}
  .footer #searchform {left: 0; right: auto; width: 100%; bottom: 40px}
  .footer #searchform input[type=text] {margin-bottom: 20px}
}