/* GENERAL STYLES */
@import "reset.css";
@import "XSLTsearch.css";

/***************************/
/*   GENERAL SITE STYLES   */
/***************************/

html, body{ height: 100%; }

body, div, table, th, td, dl, dt, dd, ul, li, label, input, select, textarea{
	font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: small;
	fo\nt-size: medium;
	color: #666;
}

h1, h2, h3, h4, h5, h6{ 
	/* font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, Geneva, sans-serif; */
	/*font-family: "arial", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;*/
}

p{	line-height: 1.1em; }
p.clear{ clear: both; font-size: 0; }

hr{	width: 80%; margin: 4px auto; color: #666; height: 1px;}

ul{	margin-left: 2em; }

ul li{  padding-bottom: 4px;}

a:link{ color: #00467F; }
a:visited{ color: #008EC1; }

img.imgLeft{
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

/**************************/
/**************************/
/**   SITE-WIDE STYLES   **/
/**************************/
/**************************/

div#wrap{
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #4CA1D4;
	min-height: 100%;
	position: relative;
}

div#headerWrap{
	height: 113px;
	background: url(/media/1013/subpage_header_bg.jpg) top left repeat-x;
}

div#headerContent{
	width: 1000px;
	margin: 0 auto;
}

div#headerContent img{
	display: block;
	float: left;
}

#headerContent div#socialIcons{
	display: block;
	float: right;
	text-align: right;
	width: 100px;
	padding-top: 10px;
	margin-right: 33px;
}

div#headerContent #socialIcons img{
	display: inline;
	float: none;
}

p#breadCrumbs{
	margin: 0 15px 6px 200px;
	width: 750px;
	line-height: 34px;
	color: #FFF;
}

p#breadCrumbs a{
	color: #FFF;
}

p#breadCrumbs span{
	color: #EFCA1A;
	font-weight: bold;
}

div#container{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 80px;
	background: url(/media/1126/subpage_main_bg.jpg) top left no-repeat;
	min-height: 483px;
}

/****************************/
/*   SUBPAGE MAIN CONTENT   */
/****************************/

div#content div#leftColumn{
	width: 185px;
	float: left;
	padding-right: 15px;
}

div#content div#leftColumn h5{
	color: #FFF;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: normal;
}

div#content div#leftColumn ul{
	margin: 10px 0 0 25px;
	list-style-type: none;
}

div#content div#leftColumn ul li{
	font-weight: bold;
	padding-top: 5px;
	text-indent: -15px;
}

div#content div#leftColumn ul li a{
	color: #FFF;
	text-decoration: none;
}

div#content div#leftColumn ul li a:hover{
	text-decoration: underline;
}

div#content div#mainContent{
	width: 685px;
	float: left;
	background: #E1E2E2 url(/media/1239/subpage_content_top_border.gif) top right no-repeat;
	padding: 25px 40px 0;
	min-height: 320px;
}

div#content div#mainContent h1.pageTitle{
	color: #4CA1D4;
	text-transform: uppercase;
	font-size: 24px;
	margin-left: -20px;
}

div#content div#mainContent h2.pageTitle{
	font-size: 28px;
	margin-top: 6px;
	color: #F59331;
}

div#content p#bottomBorder{
	clear: left;
	background: url(/media/1244/subpage_content_bottom_bord.gif) top right no-repeat;
	height: 18px;
	width: 765px;
	margin-left: 200px;
	margin-top: 0;
}

/************************/
/*   SUBPAGE MAIN NAV   */
/************************/

ul#mainNav{
	margin: 0;
	float: left;
	width: 700px;
}

ul#mainNav li{
	list-style-type: none;
	float: left;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	padding: 15px 12px 0;
}

ul#mainNav li.about a{ color: #008EC1; }
ul#mainNav li.ensembles a{ color: #65BB4A; }
ul#mainNav li.calendar a{ color: #551A8B; }
ul#mainNav li.store a{ color: #F59331; }
ul#mainNav li.supporters a{ color: #F9180C; }
ul#mainNav li.contact a{ color: #FFC123; }

ul#mainNav li a{
	display: block;
	text-decoration: none;
}

ul#mainNav li a:hover{
	text-decoration: underline;
}

/*******************/
/*******************/
/**   HOME PAGE   **/
/*******************/
/*******************/

body#home div#container{
	background: url(/media/871/home_bg.jpg) top no-repeat;
}

body#home div#socialIcons{
	text-align: right;
	width: 895px;
	margin-bottom: 85px;
}

body#home div#header{
	width: 781px;
	height: 332px;
	margin: 0 auto;
	background: url(/media/876/home_welcome_image.jpg) top left no-repeat;
}

div#homeContent, div#footer{
	width: 850px;
	margin: 0 auto;
}

div#homeContent{
	margin-top: 20px;
}

/*****************/
/*   HOME BLOG   */
/*****************/

div#homeBlog{
	width: 470px;
	float: left;
	margin-right: 15px;
	padding: 0;
	background: #E0E1E1;
}

div#homeBlog p#top{
	background: url(/media/1194/blog_top_border.gif) top left no-repeat;
}

div#homeBlog p#bottom{
	background: url(/media/1199/blog_bottom_border.gif) top left no-repeat;
}

div#homeBlog p#top, div#homeBlog p#bottom{
	height: 6px;
	padding: 0;
	margin: 0;
}

div#homeBlog div.post{
	margin: 20px 20px 10px;
}

div#homeBlog div.post h2{
	font-size: 16px;
}

div#homeBlog div.post h2 a{
	color: #FE000C;
}

div#homeBlog div.post p.date{
	font-size: 12px;
	color: #0079C1;
	font-weight: bold;
	margin-bottom: 6px;
}

div#homeBlog div.post p.date img{
	padding-left: 10px;
}

div#homeBlog div.post p.postmetadata{
	text-align: right;
	font-size: x-small;
}

/* added margin for images in posts */
.entrytext img {
	margin: 5px;
}
.entry img {
	margin: 5px;
}

/********************/
/*   FAMILY LOGIN   */
/********************/

div#familyLogin{
	padding: 0 40px;
	text-align: center;
}

div#familyLogin h3{
	font-size: 17px;
	color: #4CA1D4;
	margin-bottom: 8px;
	padding-top: 10px;
	border-top: 1px solid #CCC;
}

div#familyLogin form input{
}

div#umbLogin_5_PanelSignOut{
	padding: 10px 0 15px;
	text-align: right;
	font-size: small;
}

table#createMember td{
	padding: 4px 0;
}

/*****************/
/*   SCHEDULES   */
/*****************/

table.scheduleTable{
	margin: 20px auto 10px;
	width: 650px;
	background: #FFF;
}

table.scheduleTable td{
	padding: 9px 5px;
	border-bottom: 1px solid #999;
}

/**********************************/
/*   EVENTS SEARCH AND FEATURES   */
/**********************************/

div#searchBox{
	width: 360px;
	float: left;
}

div#searchBox{
	text-align: right;
	padding-bottom: 10px;
}

div#searchBox input.input{
	width: 265px;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 2px 3px;
	color: #333;
}

div#searchBox input.submit{
	font-size: 16px;
}

div#homeEvents{
	width: 360px;
	float: left;
	background: #E0E1E1 url(/media/1370/home_features_top_border.gif) top right no-repeat;
	padding-top: 11px;
}

div#homeEvents h4{
	text-transform: uppercase;
	font-size: 17px;
	color: #999;
	margin-bottom: 8px;
}

div#homeEvents #homeEventBlock{
	margin-left: 15px;
	margin-right: 15px;	
}

div#homeEvents img{
	display: block;
	float: left;
	padding: 10px 0;
}

div#homeEvents h3.eventTitle, div#homeEvents p.eventDate, div#homeEvents p.info{
	float: left;
	width: 260px;
	margin: 0 0 0 15px;
}

div#homeEvents h3.eventTitle{
	font-size: 20px;
}

div#homeEvents h3.eventTitle a{
	text-decoration: none;
	color: #4CA1D4;
}

div#homeEvents p.eventDate{
	font-size: 12px;
}

div#homeEvents p.info{
	margin-top: 10px;
}

div#homeEvents p.allEvents{
	text-align: right;
	font-size: small;
	padding: 0 15px 10px;
	margin: 0;
	background: #E0E1E1 url(/media/1375/home_features_bottom_border.gif) bottom right no-repeat;
}

div#featureBlocks{
	background: #E0E1E1 url(/media/1370/home_features_top_border.gif) top left no-repeat;
	margin-top: 15px;
	padding: 15px 0 0;
	color: #666;
	width: 360px;
	float: left;
}

div#featureBlocks div.featureBlock{
	clear: left;
	margin: 0 15px 15px;
}

div#featureBlocks img{
	display: block;
	float: left;
	border: 0;
	margin-right: 6px;
	margin-bottom: 8px;
}

div#featureBlocks h3{
	font-size: 16px;
	line-height: 22px;
	color: #F59331;
}

div#featureBlocks p.featureBlurb{
	margin-bottom: 3px;
}

div#featureBlocks p.featureLink{
	text-align: right;
	margin-top: 8px;
	font-weight: bold;
}

p#featureBottom{
	height: 11px;
	width: 360px;
	background: url(/media/1375/home_features_bottom_border.gif) bottom right no-repeat;
	margin:0;
	clear: left;
}

/*********************/
/*   HOME MAIN NAV   */
/*********************/

body#home ul#mainNav{
	margin: 0;
	width: 781px;
}

body#home ul#mainNav li{
	font-size: 22px;
	font-weight: bold;
	line-height: 40px;
	padding: 15px 17px 0;
}

/*********************/
/*   NON-HOME BLOG   */
/*********************/

div.post p.date{
	margin-top: 0;
	font-weight: bold;
}

/****************/
/*   CALENDAR   */
/****************/

#mainContent div.event{
	margin-top: 20px;
	border-bottom: 1px solid #999;
}

#mainContent div.event h3.eventTitle a{
	color: #65BB4A;
	text-decoration: none;
}

#mainContent div.event h4.eventSubTitle{
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	margin-left: 15px;
}

/******************/
/*   RECORDINGS   */
/******************/

div#boxSet{
	text-align: center;
	margin: 10px 0;
}

div#boxSet strong{
	color: #64BA55;
}

div.recordingShort{
	margin-top: 10px;
}

div.recordingShort img{
	display: block;
	float: left;
	padding-right: 10px;
}

div.recordingOnePage{
	margin-top: 10px;
}

div.recordingOnePage img.cdCover{
	display: block;
	float: left;
	margin: 3px 6px 6px 3px;
}

div.recordingOnePage table#buyHere{
	width: 400px;
	text-align: center;
	margin: 10px auto 0;
}

div.recordingOnePage table#buyHere td{
	padding: 5px;
}

div.recordingOnePage form.buyButton{
	display: inline;
}

/******************************/
/*   ENSEMBLES AND PROGRAMS   */
/******************************/

table.scholars td{
	padding: 5px;
	width: 170px;
}

table.scholars td + td + td{
	width: 350px;
}

table.scholars td:first-child{
	width: 100px;
}

/********************/
/*   CONTACT PAGE   */
/********************/

table#contactInfo{
	margin: 0 auto;
}

table#contactInfo td{

}

table#contactInfo td.contactType{
	width: 100px;
	font-weight: bold;
	text-align: left;
}

/*********************/
/*   PHOTO GALLERY   */
/*********************/

.galleryFolder{
	width: 750px;
	margin: 10px auto;
}

.galleryFolder h4{
	margin-bottom: 6px;
	font-size: 24px;
	text-align: center;
}

.galleryFolder a.galleryPhoto{
	width: 100px;
	height: 100px;
	padding: 10px;
	display: block;
	float: left;
	overflow: hidden;
}

.galleryFolder a.galleryPhoto:hover{
	background: #CCC;
}

.galleryFolder a.galleryPhoto img{
	display: block;
	margin: 0 auto;
}


/**************/
/*   FOOTER   */
/**************/


#footer{
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 60px;
	padding: 6px;
	text-align: center;
	color: #FFF;
}

#footer p{
	width: 1000px;
	margin: 0 auto;
	line-height: 30px;
}

#footer p a{
	color: #FFC123;
}

/******************/
/*   MCE EDITOR   */
/******************/

.mceContentBody textarea{
	font-size: small;
	fo\nt-size: medium;
}

/* EDITOR PROPERTIES */
h2 {
color: #F59331;
}