/* for the CAMRA branded fonts */
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(https://fonts.googleapis.com/css?family=Muli);

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #202020;
/*  background-color: #FAFAFA; */
  margin: 0;
  padding: 0;
  font-size: 16px;
}
@media print {
  body {
    background-color: #FFFFFF;
  }
}

a:link {
  color: #202020; /* was: 42 2B 25 */
}

a:visited {
  color: #202020;
}

a:hover {
  color: #808070; /* was #8C 68 48  */
}

tr {
  background-color: #FAFAFA;
}

TR.alt {
  font-family: Arial, Helvetica, sans-serif;
  color: #202020;
  vertical-align: top;
  background-color: #DAF0AA; /* #F8F7D4; #F2E9BE;*/
}

table.altrowcolour  tr:nth-child(odd) {
  background-color: #DAF0AA; /*#F8F7D4; #F2E9BE;*/
}
table.altrowcolourinvert  tr:nth-child(even) {
  background-color: #DAF0AA; /*#F8F7D4; #F2E9BE;*/
}


TR.haligncenter TD {
  vertical-align: top;
  text-align: center;
}

TD {
  font-family: Arial, Helvetica, sans-serif;
  color: #202020;
  vertical-align: top;
}
@media print {
  TD {
    background-color: #FFFFFF;
  }
}

TD.middle {
  font-family: Arial, Helvetica, sans-serif;
  color: #202020;
  vertical-align: middle;
}

TD.pageheader {
  font-family: Arial, Helvetica, sans-serif;
  color: #AAAAAA; /*#C8D0A0*/
  vertical-align: bottom;
  text-align: right;
  background-color: #006947;
  font-size: medium;
  white-space:nowrap;
}

TD.pageheader p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  text-align: right;
  line-height: 90%;
}

TD.pageheader :link {
  color: #AAAAAA;
  text-decoration: none;
}

TD.pageheader :visited {
  color: #AAAAAA;
  text-decoration: none;
}

TD.pageheader :hover {
  color: #808070;
  text-decoration: none;
}

TD.leftlinks {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF8F8;
  vertical-align: top;
  background-color: #006947;
  font-size: medium;
  width: 5%;
}
@media print{
   TD.leftlinks {
       display:none;
   }
}

TD.leftlinks p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  text-align: left;
  line-height: 90%;
}

TD.leftlinks :link {
  color: #FFF8F8;
  text-decoration: none;
}

TD.leftlinks :visited {
  color: #FFF8F8;
  text-decoration: none;
}

TD.leftlinks :hover {
  color: #80A070;
  text-decoration: none;
}

TD.pubeditred {
  color: #FF0000;
  font-weight: bold;
}

TD.pubeditblue {
  color: #0000FF;
  font-weight: bold;
}


.hidden {
  color: green;
}

.hidden :link {
  color: green;
}

.hidden :visited {
  color: green;
}

.mainbody {
  font-family: Arial, Helvetica, sans-serif;
  color: #202020;
  vertical-align: top;
  background-color: #FAFAFA;
  width: 95%;
}
@media print {
  .mainbody {
    background-color: #FFFFFF;
    width: 100%;
  }
}

.mainbody h1 {
  margin-top: 0em;
}

TD.bottomlinks {
  font-family: Arial, Helvetica, sans-serif;
  color: #202020;
  background-color: #FAFAFA;
}
@media print {
  TD.bottomlinks {
    background-color: #FFFFFF;
  }
}

TD.bottomleftlinks {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF8F8; /*#202020;*/
  text-align: center;
  background-color: #006947;
}
@media print {
  TD.bottomleftlinks {
    display:none;
  }
}

TH {
  color: #FFF8F8; /*#422B25;*/
  background-color: #006947;
  text-align: left;
}


TH a:link {
  color: #FFF8F8;
}
TH a:visited {
  color: #FFF8F8;
}
TH a:hover {
  color: #80A070;
} 


TH.topcenter {
  color: #FFF8F8; /*#422B25;*/
  background-color: #006947;
  vertical-align: top;
  text-align: center;
}

TD.diarydate {
  white-space: nowrap;
  text-indent:0px;
}

table.smalltext {
  font-size: small;
}

table.paleheader th {
  color: #202020;
  background-color: #90DEE5;
}

table.paleheader th a:link {
  color: #202020;
}
table.paleheader th  a:visited {
  color: #202020;
}
table.paleheader th  a:hover {
  color: #808070;
}



.picture {
  background-color: #FAFAFA;
  border: 0px solid #CCCCCC;
  padding: 0px;
  font-size: 11px;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  text-align:center; 
}
@media print {
  .picture {
    background-color: #FFFFFF;
  }
}

.picture img {
  border: 0px solid #CCCCCC;
  vertical-align:middle;
  margin-bottom: 3px; 
}
.right {
  margin: 0.5em 0pt 0.5em 0.8em;
  float:right; 
}
.left { 
  margin: 0.5em 0.8em 0.5em 0;
  float:left; 
}

/* Hop Press styling */

p.bold  {
  font-weight:bold;
}
.hoppresstown  {
  font-weight:bold;
  margin:2em 0 0 0;
  clear:left;
}
.hoppressauthor  {
  font-weight:bold;
  font-size:larger;
  font-style:italic;
}
.plus1bold {
  font-weight:bold;
  font-size:large;
}
.plus2bold {
  font-weight:bold;
  font-size:x-large;
}
.articlebreak{
  margin:2.2em 2px 0 2px;
  border-style: solid none solid none;
  height:7px;
  border-width: 2px;
  border-color: #B0A17E;
  clear:both;
}
.hbreak480{
  margin:2.2em 2px 0 2px;
  border-style: solid none none none;
  height:3px;
  width: 480px;
  border-width: 3px;
  border-color: #B0A17E;
  clear:both;
}
.crosswordsingleline{
  margin:1em 2px 0 2px;
  border-style: solid none none none;
  height:2px;
  border-width: 2px;
  border-color: #B0A17E;
}
.hpcrossword td {
  vertical-align:top;
}

@font-face {
    font-family: hpoldenglish;
    src: url('includes/fonts/OLDENG.eot');
    src: url('includes/fonts/OLDENG.eot#iefix') format('embedded-opentype');
}
@font-face {
    font-family: hpoldenglish;
    src: url('includes/fonts/OldEnglishTextMT.woff') format('woff');
}

.oldenglish {
  font-family:"hpoldenglish","Times New Roman", Serif;
  font-size:larger;
}
	/* HP Browse */
	#hpbrowse { float:left; width:auto; margin:0; padding:0; }
	#hpbrowse table th { border: 0; padding: 5px 8px 5px 8px; margin: 0 0 0 0; background-color: #006947; }
	#hpbrowse table td { border: 0; padding: 2px 8px 2px 8px; margin: 0 0 0 0; }
  #hpbrowse tr:nth-child(odd)  { background-color: #DAF0AA; }
/*  #hpbrowse tr:nth-child(odd)  { background-color: #F2E9BE; D0FFAD } */

.greytext, .greytext :link , .greytext :visited {
  color: #aaaaaa;
}
.greytext :hover { color: #888888; }

.bluetext, .bluetext :link, .bluetext :visited {
  color: #0000ff;
}  
.bluetext :hover { color: #000080; }



/* for the rss scroller on the home page */

.rssscroller_module {
        position:relative;
        overflow:hidden;
}

.rssscroller_module .fc-outer {
        position:absolute;
        overflow:hidden;
        width: 100%;
}

.rssscroller_module .fc-inner {
        position:absolute;
        line-height:normal;
        width: 100%;
}

.rssscroller_module .fc-overlay {
        position:absolute;
        width: 100%;
        background-color: #FFF;
}

.rssscroller_module ul {
        padding-left: 0px;
        margin: 10px 0 0 0;
        font-size:1.0em;
}

.rssscroller_module .rsstitle {
}

.rssscroller_module .rsslabel {
        color: #AAA;
}

.rssscroller_module .rssdate {
        color: #AAA;
}

.rssscroller_module .rsscontent {
/*	color: #AAA; */
}

/* Tooltip styling - primarily for Survey page help popups */
.tooltip{
    display: inline;
    position: relative;
    text-decoration: none;
}


.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    font-size: 16px;
/*    width: 350px; */
}
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

/* Sortable tables */
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}
table.sortable tbody tr:nth-child(2n) td {
  background:  #DAF0AA; /*#F8F7D4;*//*#F2E9BE;*/
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #FAFAFA; /*#eeeeee;*/
}

/* suppress login text */

@media print{
   .login {
       display:none;
   }
}

/* Alternative survey forms for print/screen */
@media print {
  p.noprint {
    display:none;
  }
}
/* TD.noprint {
  font-family: Arial, Helvetica, sans-serif;
  color: #202020;
  background-color: #aAFAFA;
} */
@media print {
  TR.noprint {
    display:none;
  }
  TD.noprint {
    display:none;
  }
}
/*TD.noscreen {
  font-family: Arial, Helvetica, sans-serif;
  color: #202020;
  background-color: #FAFAAA;
}*/
@media screen {
  TR.noscreen {
    display:none;
  }
  TD.noscreen {
    display:none;
  }
}