/* 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: #422B25;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

a:link {
  color: #422B25;
}

a:visited {
  color: #422B25;
}

a:hover {
  color: #8C6848;
}

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

table.altrowcolour  tr:nth-child(2n+1) {background-color:#F8F7D4;/*#F2E9BE;*/
}


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

TD {
  font-family: Arial, Helvetica, sans-serif;
  color: #422B25;
  vertical-align: top;
}

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

TD.pageheader {
  font-family: Arial, Helvetica, sans-serif;
  color: #422B25;
  vertical-align: bottom;
  text-align: right;
  background-color: #E7D3A1;
  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: #422B25;
  text-decoration: none;
}

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

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

TD.leftlinks {
  font-family: Arial, Helvetica, sans-serif;
  color: #422B25;
  vertical-align: top;
  background-color: #E7D3A1;
  font-size: medium;
}

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

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

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

TD.leftlinks :hover {
  color: #8C6848;
  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: #422B25;
  vertical-align: top;
  background-color: white;
}

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

TD.bottomlinks {
  font-family: Arial, Helvetica, sans-serif;
  color: #422B25;
  background-color: #FFFFFF;
}

TD.bottomleftlinks {
  font-family: Arial, Helvetica, sans-serif;
  color: #422B25;
  text-align: center;
  background-color: #E7D3A1;
}


TH {
  color: #422B25;
  background-color: #E7D3A1;
  text-align: left;
}

TH.topcenter {
  color: #422B25;
  background-color: #E7D3A1;
  vertical-align: top;
  text-align: center;
}

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

table.smalltext {
  font-size: small;
}

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

.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.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:#E7D3A1; }
	#hpbrowse table td { border: 0; padding: 2px 8px 2px 8px; margin: 0 0 0 0; }
    #hpbrowse tr:nth-child(odd)  { background-color: #F2E9BE; }

.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: #F8F7D4;/*#F2E9BE;*/
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #ffffff;
}