/* Comment Line */
td,
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1.6rem;
}
body {
/*	background: #CAE6C7;*/
/*	background: #D2DFD0;*/
  margin: 0;
}
a {
	text-decoration: none;
	color: #72468E;
}
a:hover {
	color: #CBDDE4;
}
.tiny {
	font-size: 0.8em;
}
.bigger {
	font-size: 1.2em;
}
.centre {
    text-align: center;
}
.green {
    color: #587F19;
}
div {
	position: relative;
}
.clear-floats {
	clear: both;
}
/************ Page layout *********/
#page-bg {
	margin: auto;
}
#page-border {
	background: #FFFFFF;
	width: 100%;
	max-width: 1000px;
	margin: auto;
}
#content {
	color: #444444;
	padding: 20px;
}
#copyright {
	position: absolute;
	bottom: 5px;
}
#bayberry {
	clear: both;
	width: 1000px;
	margin: auto;
	padding-left: 40px;
}
/************ Images *********/
#content img {
/*	margin: auto 25px;*/
	border: #777777 solid 2px;
	max-width: 100%;
}
#content a img {
  border: none;
}
.image {
	text-align: center;
}
.image-right {
	float: right;
	text-align: center;
}
.centered {
	left: 44px;
}
#content .more-space-below {
	margin-top: 20px;
	margin-bottom: 70px;
}
/************ Text *********/
h1 {
	font-size: 1.6rem;
	color: #72468E;
	font-weight: normal;
}
h2 {
/*	color: #5A7957;*/
	color: #72468E;
	font-weight: normal;
	line-height: normal;
}
h3 {
	font-size: 1.3rem;
	color: #72468E;
	font-weight: normal;
}
h4 {
	font-size: .9em;
	color: #72468E;
}
.name {
	display: block;
	float: left;
	width: 180px;
}
.shifted-pic {
    margin: 0px;
    float: right;
}
#content .shifted-pic img {
    margin: 18px 0 0;
    max-width: 100%;
}
#content .image-spaced {
    margin: 10px 25px;
}
.bolder {
	color: #72468E;
	font-weight: bold;
}
/************ 2017 *********/
#header img {
  display: block;
  margin: auto;
}
.image-wide img {
  width: 96%;
  margin: auto auto 3rem auto !important;
  display: block;
}
div.text,
div.image {
  float: none;
  display: inline-block;
}
div.text {
  vertical-align: top;
  background: white;
}
#header {
  background: url('images/banner-gradient.jpg')
}
#header img {
  max-width: 100%;
}
/* Small screens */
@media only screen {  /* small screens */
  div.image,
  div.text,
  div.image,
  div.text {
    width: 96%;
  }
  h2 {
    font-size: 1.2rem;
  }
  .footer .text {
    text-align: center; 
  }
}
/* Medium screens */
@media only screen and (min-width: 720px) {  /* min-width 720px, medium & large screens */
  div.image {
    width: 42%;
  }
  div.text {
    width: 55%;
  }
  .store div.image {
    width: 46%;
  }
  .store div.text {
    width: 52%;
  }
  .thecat .image {
    width: 48%;
    text-align: center;
  }
  .footer .image,
  .footer .text{
    width: 48%;
    text-align: left;
  }
  .footer .align-right {
    text-align: right;
  }
  h2 {
    font-size: 1.5rem;
  }
}