#homepage-events, #homepage-news, #homepage-links  {margin:0; padding:0px;position: relative;}
#homepage-links{text-align:center;}
#homepage-events h3, #homepage-news h3, #homepage-links h3 {margin-top:0;}
#homepage-events .container, #homepage-news .container {width:100%;margin:1em 0;padding: 5px 5px 4em;}
#homepage-products a.container {border:solid 1px #ccc; padding:10px; text-align:center; text-decoration:none; display:block; background-color:#FFFFFF; border-radius:10px;}
#homepage-products a.container:hover {text-decoration:underline;}
#homepage-products a.container .image,#homepage-products a.container .title { display:block;}
#homepage-products a.container img {display:block; /*width:100%; max-width:250px;*/ margin:auto;}
	/*#homepage-products a.container img {max-height:250px;}*/

#homepage-events .container .events-image-thumbnail, #homepage-news .container .news-image-thumbnail {float:left; width:60px; display:none;}

#homepage-events .container, #homepage-news .container {border:1px solid #eee;/*font-size:0.8em;*/ border-radius:5px;-webkit-box-shadow: 2px 3px 10px 1px #eee;	box-shadow: 2px 3px 10px 1px #eee; position:relative; clear:both;}
#homepage-news .container .moreinfolink {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

#homepage-events .container .title, #homepage-news .container .title {font-weight:bold; color:#c6852d;}	
#homepage-events .container .title, #homepage-news .container .title, #homepage-events .container .date, #homepage-news .container .date, #homepage-events .container .desc, #homepage-news .container .desc, #homepage-events .container .moreinfolink, #homepage-news .container .moreinfolink {margin-left: 10px;}
#homepage-news .container .desc {padding-bottom:10px; min-height:4em;}
#homepage-products a.container {
	position: relative;
	padding-bottom: 105%;
	height: 0;
	box-sizing: border-box; -moz-box-sizing: border-box;
}
#homepage-products a.container .image {
	position: relative;
	padding-bottom: 80%;
	height: 0;
}
#homepage-products a.container .image img {
	position: absolute;
	top:0; left:0; right: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
#content { margin: 1em auto; padding: 0;}
article {background:#fff;}
#relatedcontent.contentinner, #right { margin:0; padding:0;}
#right { clear:left;float:none; width:100%; *zoom:1;padding:10px 20px; }
aside#right {border-bottom:none; }
#right .moreinfolink > a, #right a.moreinfolink {bottom: 1em;float: none;margin: 1em auto 0;/*position: absolute;  ~ removed to stop overlap of button on text*/}
.contentinner {padding-bottom:1px;max-width:100%}

h1 { color:#ffff00;}
h2, h3 { color:#594221;}
h3.facebook {color:#3a5795; background:url(../images/layout/fb.png) #fff no-repeat; padding:5px 22px 13px 55px;}
.contentinner h1:first-of-type {padding-top:0;margin-top:0; margin-bottom:0;}

article {clear: both; margin-bottom:2em; }
article.hptext {	/*-webkit-box-shadow: 2px 3px 10px 1px #333333;	box-shadow: 2px 3px 10px 1px #ccc; border-bottom: 1px solid #eee;border-top: 1px solid #eee;*/padding:20px;  color:#fff; background:#c6852d; margin-bottom:0;}
.hptext h3 { color:#fff;}
a.hp_Facebook { background: #2c4b95; color:#fff; padding:10px 10px 15px; width:307px; display:block; border-radius:5px; margin:10px auto;}
a.hp_Facebook span {background: url(../images/layout/social-icons.png);background-size:cover; background-position: -35px 0;    display: inline-block;
    height: 30px;
    margin-bottom: -9px;
    margin-right: 10px;
    width: 31px;}

@media only screen and (max-width: 25em) { /*400px*/
	.smlhide {display:none !important;}
}
@media only screen and (min-width: 25em) { /*400px*/
#homepage-events .moreinfolink, #homepage-news .moreinfolink, #homepage-products a.moreinfolink {margin-top:0.3em;}	
	#homepage-products a.container {width:48%;float:left; font-size: 0.9em;}
	#homepage-products a.container:nth-of-type(odd) {margin:1em 2% 1em 0}
	#homepage-products a.container:nth-of-type(even) {margin:1em 0 1em 2%}
	#homepage-products a.container {padding-bottom: 60%; overflow:hidden;}
	#homepage-products a.container .image {	padding-bottom: 100%;	}
}
@media only screen and (min-width: 25em) and (max-width: 46em) { /*400px - 738px*/
	/*#homepage-products a.container:nth-of-type(2n+1) {margin-bottom:1em !important}*/
}
@media only screen and (min-width: 32em) { /*512px*/
	/*#homepage-events .container, #homepage-news .container {width:100%;float:left;}
	#homepage-events div.container:nth-of-type(odd), #homepage-news div.container:nth-of-type(odd) {margin:1em 2% 1em 0}
	#homepage-events div.container:nth-of-type(even), #homepage-news div.container:nth-of-type(even) {margin:1em 0 1em 2%}
	#homepage-events .container, #homepage-news .container, #homepage-products a.container {font-size: 1em;}
	#homepage-events .container, #homepage-news .container, #homepage-products a.container {width:48%;float:left;}
	#homepage-events div.container:nth-of-type(odd), #homepage-news div.container:nth-of-type(odd), #homepage-products a.container:nth-of-type(odd) {margin:1em 2% 1em 0}
	#homepage-events div.container:nth-of-type(even), #homepage-news div.container:nth-of-type(even), #homepage-products a.container:nth-of-type(even) {margin:1em 0 1em 2%}*/
	
	#homepage-products a.container {padding-bottom: 60%; overflow:hidden;}
	#homepage-products a.container .image {	padding-bottom: 100%;	}
	
}
@media only screen and (min-width: 32em) and (max-width: 60em) { /* between  512px & 960px */
	#right .container {position:relative;}
	#right .moreinfolink > a, #right a.moreinfolink {position:absolute;bottom: 0;}
}
@media only screen and (max-width: 46em) {/* below 738px*/
	/*#homepage-events div.container:nth-of-type(2n+1), #homepage-news div.container:nth-of-type(2n+1), #homepage-products a.container:nth-of-type(2n+1){margin-bottom: 3em}*/
}
@media only screen and (min-width: 46em) and (max-width: 60em) { /*738px - 960px*/
	#right {padding-left:220px}
	#right.no-left-menu {padding-left:20px}
}
@media only screen and (min-width: 46em) { /*738px*/
	header.headerimage {padding-bottom: 0px;}
	#homepage-events, #homepage-news, #homepage-links { padding:0 10px;}
	.contentinner.no-left-menu #homepage-events, .contentinner.no-left-menu #homepage-news, .contentinner.no-left-menu #homepage-products {margin:0;border:none;clear:none;}
	.contentinner.no-left-menu #homepage-events div.container, .contentinner.no-left-menu #homepage-news div.container, .contentinner.no-left-menu #homepage-events div.container:nth-of-type(even), 					.contentinner.no-left-menu #homepage-news div.container:nth-of-type(even) {margin:0 0 1em 0}
	.contentinner.no-left-menu #homepage-events .container, .contentinner.no-left-menu #homepage-news .container  {width:100%;float:none;}
	.contentinner.no-left-menu #right .moreinfolink > a, .contentinner.no-left-menu #right a.moreinfolink {bottom:auto ;float: right;margin:0;position:inherit;}
	.contentinner.no-left-menu #right .moreinfolink {text-align:right;}
	
}
@media only screen and (min-width: 46em) { /*738px*/
#content {background:none; margin-bottom:0;}
}

@media only screen and (min-width: 60em) { /*960px*/
	#content { margin: 1em auto; }
	header .outer {height: 127px;}
	#right {padding:30px 10px 10px }
	#homepage-events, #homepage-news, #homepage-links { padding:0;}
	article {clear: both; margin-bottom:1em; }

	#homepage-events, #homepage-news, #homepage-links {margin:0 0 2em 0;border:none;/*clear:both;*/}
	#homepage-events div.container, #homepage-news div.container {margin:1em 0 1em 0;width:100%;}
	
	#homepage-events div.container:nth-of-type(odd), #homepage-news div.container:nth-of-type(odd),
	#homepage-events div.container:nth-of-type(even), #homepage-news div.container:nth-of-type(even) {margin:0}
	
	.contentinner h1:first-of-type {margin-top:0;}
	.contentinner {margin-right:260px}
	.contentinner.noright {margin-right:0;}
	.contentinner.noright.no-left-menu { padding:0;}
	.contentinner article {margin-top:0;}
	#right {/*float:right; width:250px; clear:none;*/}
	#right .moreinfolink > a, #right a.moreinfolink {float:none;}
	#homepage-events div.container, #homepage-news div.container { height:190px; overflow:hidden; position:relative;}
	#homepage-events .moreinfolink, #homepage-news .moreinfolink {position:absolute; bottom:10px; right:10px;}
	#homepage-events, #homepage-news {width: 30%; float: left; margin: 1em 2% 0 1.5% !important;}
	#homepage-links {width: 32%; float: left; margin: 1em 0 0 0 !important;}
	#homepage-events h3, #homepage-news h3 {margin-bottom:6px;}
	#homepage-events .date, #homepage-news .date {margin: 0.2em 0;color:#555}
	#homepage-news .container, #homepage-events .container {padding:0.25em 1em 1em 0;}
	#homepage-links .container {box-shadow: 2px 3px 10px 1px #eee;}
	
	#homepage-products a.container:nth-of-type(odd) {margin:1em 0 1em 2%;}
	#homepage-products a.container:nth-of-type(even) {margin:1em 0 1em 2%;}
	#homepage-products a.container {width:31%;}
	#homepage-products a.container {padding-bottom: 35%; overflow:hidden;}
	#homepage-products a.container .image {padding-bottom: 100%;}
	#homepage-events .container, #homepage-news .container {background: none;}
	#right {margin:0; padding:0;}
}
@media only screen and (min-width: 60em) and (max-width: 80em) { /*960px - 1280px*/
	#homepage-products a.container:nth-of-type(4n) {display:none;}
}
@media only screen and (min-width: 80em) { /*1280px*/
	.contentinner {margin-right:340px}
	.contentinner.noright {max-width:1060px}
	.contentinner.noright.noleft {max-width:1230px}
	#right { /*width:340px;*/}
	#homepage-products a.container {width:23%; padding-bottom:28%;}
	
}
/*
@media only screen and (min-width: 676px) and (max-width: 979px) {}
@media only screen and (min-width: 676px) and (max-width: 847px) {.contentinner {max-width:65%;}} */