@charset "utf-8";
/* CSS Document */
/* Controls the side image on the page and the widths of the side image and content body */

/* DEFAULTS */
#sideimage {
	float: left;
	background: url(images/singers.jpg) top center no-repeat;
	width: 30%;
	height: 500px;
}

#contentBody {
	margin-left: 30%;
}

/* Accompanist page.  Wider image */

#acomppage #sideimage {
	float:left;
	background: url(images/nick_headshot.jpg) top left no-repeat;
	margin-top: 20px;
	width: 300;
	height: 213px;
}
#acomppage #contentBody {
	margin-left: 300;
} 

/* Library page - shorter image */
#librarypage #sideimage {
	float:left;
	background: url(images/score.jpg) top left no-repeat;
	width: 30%;
	height: 321px;
}

#librarypage #contentBody {
	margin-left: 30%;
}

/* Director page.  Fix-width image */
#directorpage #sideimage {
	float:left;
	background: url(images/marg_s.jpg) top left no-repeat;
	width: 240px;
	margin: 10px 10px 10px 10px;
	height: 369px;
}

#directorpage #contentBody {
	margin-left: 220px;
}

/* Berries page.  Fix-width image */
#berriespage #sideimage {
	float:left;
	background: url(images/berries.jpg) top left no-repeat;
	width: 221px;
	margin: 20px 10px 0px 30px;
	height: 700px;
}

#berriespage #contentBody {
	margin-left: 270px;
}

/* Next concert page. Over-the-shoulder image */
#nextpage #sideimage {
	float: left;
	background: url(images/inconcert1.jpg) top center no-repeat;
	width: 270px;
	margin: 10px;
	height: 500px;
}

#nextpage #contentBody {
	margin-left: 290px;
}

/* Risers page. Riser image */
#riserspage #sideimage {
	float: left;
	background: url(images/risers.jpg) top center no-repeat;
	width: 320px;
	margin: 10px;
	height: 500px;
}

#riserspage #contentBody {
	margin-left: 340px;
}
/* Tickets page. Default image, but left-justified */
#ticketspage #sideimage {
	background: url(images/singers.jpg) top left no-repeat;
}

/* History page.  Special image */
#historypage #sideimage {
	background: url(images/dc002.jpg) top center no-repeat
}

/* Join page.  Special image */
#joinpage #sideimage {
	background: url(images/rehearsal1.jpg) top center no-repeat
}

/* Historic Pictures page.  No side image. */
#histpicspage #contentBody {
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}
#histpicspage #contentBody p {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#histpicspage #sideimage {
	display: none;
	width: 0px;
	height: 0px;
}

/* Past concert pages.  Special image */
#pastpage #sideimage {
	background: url(images/dc002.jpg) top center no-repeat;
}

#amahlpage #sideimage {
	display: none;
	width: 0px;
	height: 0px;
}

#amahlpage #contentBody {
	margin-left: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}