﻿/* page width = 940 pixels : count width + margins */

/* these are the parts of the page */

/* these are the colors used on the web site--strong encouragement to find/replace! */

/* main color (left column) #f15e22  (orange) */
/* Accent 1 (footer, right column) #FFA674 (still orange but lighter) */
/* Accent 2 (column wide, center column -- if photo is dropped) #FFE5D6  (ligher shade of orange) */
/* main */
/* main */


#header {
	width: 940px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
#page-body{
	width: 940px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

#footer {
	width: 940px;
	height: 60px;
	position: relative;
	text-align:	center;
	margin: 10px 0px 0px 0px;
	padding-top: 3px;
	background-color: #FFA674;
	clear: both;
}

/* these nest in the page body */
#col-left{
	/* always use this nav bar column */
	width: 150px;
	float: left;
	position: relative;
	margin: 0px;
	padding-right: 5px;
	background-color: #f15e22;
	text-align: left;
}
#col-wide{
	/* use this when we want a 2-column page */
/*	width: 750px; */
	width: 769px;
	float: left;
	position: relative;
	margin: 3px;
	background-color: #ffe5d6;
	padding-left: 10px;
/*	padding-right: 10px; */
	overflow: inherit;
	background-image: url('pages0910/images/site_images/interiorbrochure.jpg')
}
#col-center{
	/* use this when we want a 3-column page */
	width: 580px;
	float: left;
	position: relative;
	text-align: center;
	margin: 0px;
	background-color: #ffe5d6;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url('pages0910/images/site_images/interiorbrochure.jpg')
}
#col-right{
	/* use this when we want a 3-column page */
	width: 180px;
	float: right;
	position: relative;
	background-color: #FFA674;
	margin: 0px;
	padding-left: 5px;
}

/* these nest inside the columns */

#stacked-sponsors {
	width:280px;
	float: left;
	position: relative;
}
#concert2-sponsor {
	height: 50px;
	position: relative;
	float: left;
	padding-top: 2px;
	margin-top: 5px;
	width: 280px;
	vertical-align: middle;
}
#concert1-sponsor {
	height: 50px;
	position: relative;
	float: left;
	padding-top: 2px;
	margin-top: 5px;
	width: 280px;
	vertical-align: middle;
}
#DCCAC-4 {
	height: 130px;
	width: 280px;
	position: relative;
	float: right;
	padding: 2px;
	margin-top: 5px;
}
#DCCAC-3 {
	height: 130px;
	width: 280px;
	position: relative;
	float: right;
	padding: 2px;
	margin-top: 5px;
}
#DCCAC-2 {
	height: 130px;
	width: 280px;
	position: relative;
	float: right;
	padding: 2px;
	margin-top: 5px;
}
#DCCAC-1 {
	height: 130px;
	width: 280px;
	position: relative;
	float: right;
	padding: 2px;
	margin-top: 5px;
}
#concert4-sponsor {
	height: 80px;
	width: 280px;
	position: relative;
	float: left;
	padding: 2px;
	margin-top: 5px;
	text-align: center;
	vertical-align: middle;
}
#concert3-sponsor {
	height: 80px;
	width: 280px;
	position: relative;
	float: left;
	padding: 2px;
	margin-top: 5px;
	text-align: center;
	vertical-align: middle;
}
#spcl-concert2 {
	width: 580px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#spcl-concert1 {
	width: 580px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#sub-concert4 {
	width: 580px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#sub-concert3 {
	width: 580px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#sub-concert2 {
	width: 580px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#sub-concert1 {
	width: 580px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#spon-ttl-4 {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 580px;
}
#spon-ttl-3 {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 580px;
}
#spon-ttl-2 {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 580px;
}
#spon-ttl-1 {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 580px;
}
#Other-Perf-title {
	float: left;
	position: relative;
	width: 580px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#Subscrip-title {
	float: left;
	position: relative;
	width: 580px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#Leader {
	float: left;
	position: relative;
	width: 700px;	
	margin-top: 10px;
	margin-bottom: 20px;
}
#Leader-Intro {
	float: left;
	position: relative;
	width: 150px;	
	margin-top: 10px;
	margin-bottom: 20px;
}
#Leader-Bio {
	float: left;
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 549px;

}
#Leader-Photo-Credit {
	float:left;
	position: relative;
	width: 150px;
	text-align: center;
}
#Leader-Name {
	float:left;
	position: relative;
	width: 150px;
	text-align: center;
}
#Leader-Caption {
	float:left;
	position: relative;
	width: 150px;
	text-align: center;
}
#Leader-Photo {
	float:left;
	position: relative;
	width: 150px;
	text-align: center;
}
#Directors{
	margin: 10px 0px 20px 0px;
	width: 180px;
	float: right;
	position: relative;
}
#Advisory{
	margin: 10px 0px 20px 0px;
	width: 180px;
	float: right;
	position: relative;
}
#button4 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin:10px;
	background-color: #f15e22;
	height: 50px;
	text-align: center;
}
#button3 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin:10px;
	background-color: #f15e22;
	height: 50px;
	text-align: center;
}
#button2 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin:10px;
	background-color: #f15e22;
	height: 50px;
	text-align: center;
}
#button1 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin:10px;
	background-color: #f15e22;
	height: 30px;
	text-align: center;
	vertical-align: middle;
}
#donor-levels{
	float: left;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}

