﻿.hidden
{
display: none;
}

#buttons {
	height: 50px;
	background-color: #ff6;
	margin-bottom: 15px;
}

#buttons img
{
position: relative;
z-index: 2;
cursor: pointer;
}

#slideshow{
	margin-top: 15px;
	height: 220px;
	background-color: #ff6;
}

#featured {
	float: right;
	width: 650px;
	margin-bottom: 20px;

}

.featured-text {
	float: left;
	width: 400px;
	margin-top: 40px;
	height: 170px;
	
	font-size:16px;
}

#featured-text p {

	line-height: 24px; /*sets our featured text line height*/
	text-align: justify; /*justifys our paragraphs*/
	padding-top: 10px; /*adds top padding to our featured text paragraph*/
}

.block {
	float: right;
	width: 200px;
	height: 270px;
	padding: 10px;
	background-color:#FFC;
	z-index:-1;
}

#textblock {
	float: left;
	width: 370px;
	height: auto;
	margin-left: 30px;
}


#featured-image01, #featured-image02, #featured-image03 {
	float: right; /*floats our featured images rights*/
	width: 190px; /*gives our featured images a fixed width same as our images*/
	background-repeat: no-repeat; /*stops images from repeating*/
	background-position: right; /*sets background position right*/
	height: 250px; /*gives our featured image a fixed height same as our images*/
}

h1.featured {
	padding-left: 30px;
}

p.featured {
	padding-left: 30px;
}

#featured-image01 {
	background-image: url(../Images/singalong.jpg);
}

#featured-image02 {
	background-image: url(../images/image_onb.png); /*our featured image #2*/
}

#featured-image03 {
	background-image: url(../images/image_onb.png); /*our featured image #3*/
}