/*  dark-blue #093d6e   light-blue #6486c7   red #a91e3f   QHC #227289   orange #e16419  */

html { font-size: 62.5%; } /* 1em = 10px = 7.5pt */
                           /* Default: 1em = 12pt = 16px = 100% */
                           /* http://pxtoem.com/ */
body {
width:100%;
margin:0; padding:0; border:none;
font-family:'Helvetica Neue', Helvetica, Arial;
font-size:16px; font-size: 1.6rem; /* 16px = 12pt */
/*background:url(images/background-teal.jpg) no-repeat fixed;*/
/*background:url(images/background.jpg) no-repeat fixed;
background-size:cover;*/ background:#fff;
text-align:center; /* Hack for IE */
}

/*** Globals ***/

.embed-youtube {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  padding-top: 25px;
  height: 0;
  min-width:80px;
}
.embed-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
}

.break { clear:both;height:5px; }
.nobr	{ white-space:nowrap; }

textarea {
box-sizing: border-box;
width:100%;
height:5em;
}
input[type="text"] {
box-sizing: border-box;
width:100%;
height:2em;
}
input[type="image"] {
width:96px; height:auto;
}
input[type="submit"], input[type="button"] {
  width:auto; padding:.5em .5em;
  border:1px solid #888; font-weight:600;
  box-shadow:6px 6px 10px -1px #888; border-radius:8px;
  background:#2d9768; color:#fff;
}
input[type="submit"]:hover, input[type="button"]:hover {
  cursor:pointer;
  box-shadow:0px 0px 0px 0px #888;
  background:#a91e3f; color:#fff;
}

.more { display:none; }
a.showLink, a.hideLink { color:#5184f8; text-decoration:none; font-weight:bold; }
a.showLink:hover, a.hideLink:hover { color:#2d5680; }

/*
.small-h1 { font-size:72%;color:#777;font-style:normal; }
.small-p { font-size:90%; }
.firstchar { font-family:"Lucida Bright",serif;font-size:180%; }
.hr { background:#2d9768;height:1px;width:40%;margin:1em auto; }

*/
/* @media screen and (max-width:480px) { input[type="image"] { width:86px; height:auto; } } */
/*
@media screen and (min-width:801px) { .audiojs { width:460px;margin:0 auto; } }
@media screen and (min-width:701px) and (max-width: 800px) { .audiojs { width:460px;margin:0 auto; } }
@media screen and (min-width:601px) and (max-width: 700px) { .audiojs { width:460px;margin:0 auto; } }
@media screen and (min-width:481px) and (max-width: 600px) { .audiojs { width:380px;margin:0 auto; } }
@media screen and (max-width: 480px) { .audiojs { width:220px;margin:0 auto; } }

@media screen and (min-width:801px) { .audiojs .scrubber { width:290px; } }
@media screen and (min-width:701px) and (max-width: 800px) { .audiojs .scrubber { width:290px; } }
@media screen and (min-width:601px) and (max-width: 700px) { .audiojs .scrubber { width:290px; } }
@media screen and (min-width:481px) and (max-width: 600px) { .audiojs .scrubber { width:210px; } }
@media screen and (max-width:480px) { .audiojs .scrubber { width:50px; } }
*/

/* Container ------------------------*/

#container {
  width:98%; max-width:910px;
  margin:0px auto; padding:0px;
}

/* HEADER ---------------------------*/

#header {
  width:100%; height:auto; margin:0; padding:0;
/*  background:rgba(255,255,255,0.8);*/
}
#header h1 {
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size:30px; font-size: 3.0rem;
  font-weight:bold; line-height:120%;
  text-align:center; font-style:italic;
  color:#a91e3f;
}
#header h2 {
  margin-top:-.7em; /*margin-left:12em;*/
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 18px; font-size: 1.8rem;
  font-weight:600; line-height:120%;
  text-align:center;
  color:#555;
}
/*@media screen and (max-width:600px) { #header h2 { margin-left:0px; } }*/

#header img {
  /*display:block;*/ display:inline-block; vertical-align:middle;
  width:100%; max-height:100%;
  margin-bottom:-5px;
  border:none;
  border-radius:10px; overflow:hidden;
/*  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;*/
}

#header a {
  border:none;
  text-decoration:none;
  color:#a91e3f;
}
#header a:hover {
  color:#2d9768;
  text-decoration:none;
}


/* NAVIGATION ---------------------------*/

#navigation {
  width:100%;
/*  background-color:#fff;*/
/*  background:rgba(255,255,255,0.8);*/
/*  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  overflow:hidden;*/
}
#navigation img {
  display:inline-block;
  width:20px; height:20px;
  position:relative;top:4px;left:4px;
  border:none;
}
#navigation p {
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size: 16px; font-size: 1.6rem; /* 16px = 12pt */
  font-weight:bold; line-height:1.8em;
  text-align:center;
  margin:10px 0 8px 0;
  color:#e16419;
}
/*@media screen and (max-width:480px) { #navigation p { font-size: 14px; font-size: 1.4rem; } }*/

#navigation a {
  color:#a91e3f;
  text-decoration: none;
  padding:0px;
}
#navigation a:hover {
  color:#2d9768;
  text-decoration:none;
}
#navigation a.selected { color:#2d9768; }


/* CONTENT ------------------------------*/

#content {
width:100%;
margin:0px 0px 10px 0px; padding:0px;
background-color:#fff;
}

#content fieldset {
  display:block;
  width:auto; height:auto;
  margin:0; padding:0px 20px 5px 20px;
  border:solid 1px #6da588;
  background:rgba(255,255,255,0.6);
  border-radius:8px;
}
#content fieldset.red {
  margin:10px auto 15px auto;
  padding:5px;
  border:solid 1px #a91e3f;
/*  background-color:rgba(288, 8, 5, 0.1);*/ /* background:#e40805; */
  box-shadow:0 8px 6px -6px #666;
}
#content fieldset.teal {
  margin:10px auto 15px auto;
  padding:10px 20px 5px 20px;
  border:solid 1px #2d9768;
/*  background-color:rgba(288, 8, 5, 0.1);*/ /* background:#e40805; */
  box-shadow:0 8px 6px -6px #666;
}

/*#content fieldset.auto { padding:0px; }
#content fieldset.div { padding:0px; border:none; background:none; }*/

#content fieldset.stack {
  display:inline-block;
  vertical-align:top;
  width:30%; max-width:600px;
  margin:10px 5px 15px 5px;
}
@media screen and (max-width:900px) { #content fieldset.stack { width:auto; max-width:700px; margin:10px auto 15px auto; } }
#content fieldset.stack2 {
  display:inline-block;
  vertical-align:top;
  width:45%; max-width:600px;
  margin:10px 5px 15px 5px;
}
@media screen and (max-width:800px) { #content fieldset.stack2 { width:auto; max-width:600px; margin:10px auto 15px auto; } }

#content h1 {
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 26px; font-size: 2.6rem;
  line-height:120%;
  font-weight:bold;
  text-align:left;
  font-style:italic;
  color:#a91e3f;
}
#content h1.white { color:#fff; }
#content h1.center { text-align:center; }
@media screen and (max-width: 480px) { #content h1 { font-size: 22px; font-size: 2.2rem; } }

#content h2 {
  font-size: 20px; font-size: 2.0rem;
  line-height: 120%;
  font-weight: 600;
  text-align:left;
  font-style:italic;
  margin-top:.3em;
  color:#000;
}
#content h2.red { color:#a91e3f; }
#content h2.white { color:#fff; }
#content h2.center { text-align:center; }
@media screen and (max-width: 480px) { #content h2 { font-size: 18px; font-size: 1.8rem; } }

#content h3 {
  font-size: 18px; font-size: 1.8rem;
  line-height: 130%;
  font-weight: 600;
  text-align:left;
  color:#555;
}
#content h3.white { color:#fff; }
#content h3.center { text-align:center; }
@media screen and (max-width: 480px) { #content h3 { font-size: 16px; font-size: 1.6rem; } }

#content p {
  font-size: 17px; font-size: 1.7rem;
  font-weight:normal;
  text-align:left;
  color:#000;
}
#content p.poem { line-height:150%; }
#content p.justify { text-align:justify; }
#content p.center { text-align:center; }
#content p.italic { font-style:italic; }
#content p.small { font-size:95%; }
@media screen and (max-width:480px) { #content p { font-size: 15px; font-size: 1.5rem; } }

#content a {
  color:#a91e3f;
  text-decoration: none;
}
#content a:hover {
  color:#2d9768;
  text-decoration:none;
}

#content blockquote {
  font-size:16px; font-size: 1.6rem;
  font-weight:normal; line-height:130%;
  text-align:left;
  margin:1em 0 2em 0; padding-left:1em;
  color:#555;
  border-left:.5em solid #2d9768;
}
@media screen and (max-width:480px) { #content blockquote { font-size: 14px; font-size: 1.4rem; } }

#content ul {
  list-style:none;
  margin:-.5em 0 0 0;
  padding-left:0;
}
#content li{
  font-size: 16px; font-size: 1.6rem;
  font-weight:normal; line-height:1.5em;
  text-align:left;
  color:#000;
  position:relative;
  margin-left:2.5em;
}
#content li:before {
  content: "\2665"; position:absolute; left: -1.5em; color:#a91e3f;
}
@media screen and (max-width:480px) { #content li { font-size: 14px; font-size: 1.4rem; } }

#content img {
  display:block; width:100%;
  padding:0px; margin:0px;
  border:none;
  box-shadow:10px 10px 6px -6px #888;
  border-radius:6px;
}
#content img.noshadow { box-shadow:none; border-radius:0px; }
#content img.left { float:left; margin:.2em .8em .5em 0; }
#content img.right { float:right; margin:.2em 0 .5em .8em; }
#content img.center { margin:0px auto; }
@media screen and (max-width:480px) { #content img.adjust { float:none; margin:0 auto; } }
@media screen and (min-width:460px) and (max-width:800px) { #content img.adjust2 { float:right; margin:.5em 0 .5em .8em; } }


/* FOOTER --------------------------------*/
#footer {
  width:100%; height:auto;
  margin:0px; padding:0px;
  background-color:#a91e3f;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  overflow:hidden;
}

#footer p {
  font-size: 16px; font-size: 1.6rem;
  font-weight:600; line-height:120%;
  text-align:center; color:#fff;
  padding:0px 5px;
}
@media screen and (max-width:480px) { #footer p { font-size: 14px; font-size: 1.4rem; } }

#footer a {
/*  font-size: 12px; font-size: 1.2rem;
  line-height:100%; font-weight: 600;
  text-align:right; color:#fff;
  border-bottom:none;*/
  text-decoration:none;
}
#footer a:hover {
  color:#000;
  text-decoration:none;
}
@media screen and (max-width:480px) { #footer a { font-size: 9px; font-size: .9rem; } }

#footer img {
  display:inline-block; vertical-align:middle;
  width:100%; max-width:80px;
  padding:0px; margin:5px auto 0px auto;
  border:none;
}