html { 
  height: 100%;}

* { 
  margin: 0; 
  padding: 0;}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;}

img { 
  border: 0;}


  
 #site_content,  { 
  margin-left: auto; 
  margin-right: auto;}

#site_content {
	width: 1250px;
	overflow: hidden;
	margin: 110px auto 10px auto;
	padding: 5px auto 0 auto;
}





/* styling for the slideshow on the homepage */
ul.slideshow {
	width: 1150px;
	height: 650px;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}
  
ul.slideshow li {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  list-style: none;}
 
ul.slideshow li.show {
  z-index: 500;}
 
ul img {
  border: none;}
 
#slideshow-caption {
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;}
 
#slideshow-caption .slideshow-caption-container {
  padding: 20px 5px 0 5px;   
  z-index: 1000;}
 
#slideshow-caption p {
  padding: 0;
  font: normal 0% arial, sans-serif;}
  
  
.content2{
	overflow: visible;
	position: relative;
	padding: 0px;
	background: transparent;
	margin-top: 1px;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
	width: 100%;
	max-width: 99%;
	height: 420px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:rgba(255,255,255,0.8);
}


.content2a{
	overflow: visible;
	position: relative;
	padding: 20px 10px 10px 10px;
	background: transparent;
	margin-top: 9px;
	margin-right: 10px;
	margin-left: 4px;
	margin-bottom: 4px;
	width: 100%;
	max-width: 99%;
	height: 400px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.8);
}