#homepage-events, #homepage-news {margin:0; padding:0px;position: relative;padding-bottom:2em}
#homepage-events h3, #homepage-news h3 {margin-top:0;}
#homepage-events .container, #homepage-news .container {width:100%;margin:1em 0;}

#homepage-events .container .title, #homepage-news .container .title {font-weight:bold;}	

#right { clear:left;float:none; width:100%; *zoom:1;padding:10px 20px; }
#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:0 0 1px;max-width:100%}
.hpinner2 { padding:0 20px;}

h2 {background: #80042e; color:#fff !important; text-align:center; padding:0.5em; font-weight:normal;}
.contentinner h1:first-of-type  { text-align:center; text-transform:uppercase; font-weight:normal; background:#80042e; clear:both; padding:0.3em; color:#fff;margin: 0.67em 0;}
.slide.non {cursor:default}

@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 {margin-top:0.3em;}
}
@media only screen and (min-width: 32em) and (max-width: 46em) { /*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 {font-size: 1em;}
	#homepage-events .container, #homepage-news .container {width:48%;float:left;padding-bottom:4em}
}
@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) { /* under  738px */
	#homepage-events div.container:nth-of-type(2n+1), #homepage-news div.container:nth-of-type(2n+1){margin-bottom: 3em}
}
@media only screen and (min-width: 46em) { /*738px*/
	.contentinner.no-left-menu #homepage-events, .contentinner.no-left-menu #homepage-news {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) and (max-width: 59.9999999em) { /*738px - 960px*/
	#right {padding-left:220px}
	#right.no-left-menu {padding-left:20px}
}
@media only screen and (min-width: 59.9999em) { /*959px*/
	.hpinner2 { padding:0;}
}
@media only screen and (min-width: 60em) { /*960px*/
	#content, .contentinner.no-left-menu{max-width:100%; padding:0;margin:auto;}
	.hpinner2 { max-width: 960px; margin:auto;}
	.hpinner2.slider {height:335px}/*370px*/
	#right {padding:30px 10px 10px }

	#homepage-events, #homepage-news {margin: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 {}
	.contentinner {margin-right:260px}
	.contentinner.noright {margin-right:0;}
	.contentinner.noright.no-left-menu {}
	.contentinner article {margin-top:0;}
	#right { float:right; width:250px; clear:none;}
	#right .moreinfolink > a, #right a.moreinfolink {float:none;}
	#homepage-events h3, #homepage-news h3 {margin-bottom:0;}
	#homepage-events .date, #homepage-news .date {margin: 0.2em 0;color:#555}
	#homepage-news .container, #homepage-events .container {padding:0.25em 0.5em}
}
@media only screen and (min-width: 80em) { /*1280px*/
	.contentinner {margin-right:340px}
	/*.contentinner.noright {max-width:1280px;}*/
	.contentinner.noright.noleft {max-width:1280px}
	.hpinner2 { max-width: 1280px; margin:auto;}
	.hpinner2.slider {height:450px}
	#right { width:340px;}
	#content h3, #content h4, #content h5, #content h6, #content p, #content ol, #content li {max-width:1280px;}
}
@media only screen and (min-width: 60em) and (max-width: 79.9999em) {#hpslider img{max-width:670px;max-height:370px;}.hpquestion .comment_box{height:5em}}
@media only screen and (min-width: 80em) {#hpslider img{max-width:900px;max-height:450px;}}
@media only screen and (max-width: 60em) {#hpslider, #hpslider * {max-width:100%} #hpslider {padding-bottom:51%;font-size:1.3em}}
@media only screen and (max-width: 40.00001em) {/*640px*/ #hpslider {/*padding-bottom:200px*/;font-size:1.1em}}
#hpslider {height:0;position:relative;}
#hpslider a {position:absolute;top:0;left:0;display:block;color:#fff;max-width:100%;overflow:hidden}
#hpslider a:link,#hpslider a:visited, #hpslider a:active {color:#fff}
#hpslider .slide-text {position:absolute;bottom:0;right:0;left:0;display:block;background:rgba(74,74,74,0.55);padding:0.4em 1em;}
