/* CSS Document */
a:focus { 
    outline: none; 
}

body {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;
	background-color:#313036;
	background-image:url(/images/home-bg.jpg);
	background-repeat:repeat-x;
}

#wrapper, #insidewrapper {
	width:960px;
	margin:0 auto;
	
	background-color:#313036;
	background-image:url(/images/home-bg.jpg);
	background-repeat:repeat-x;
}

#insidewrapper {
	background-image:url(/images/inside-bg.jpg);
	background-repeat:no-repeat;
}

#logo {
	display:block;
	float:left;
	width:68px;
	padding:87px 11px 0 0;
	margin:21px 0 0 0;
	border:none !important;
	height:0;
	background-image:url(/images/logo.gif);
	background-repeat:no-repeat;
	background-position:10px 0;
	overflow:hidden;
}

#banner {
	padding:21px 10px 22px 10px;
	width:861px;
	float:left;
}

#pageContent {
	width:960px;
	float:left;
	padding:59px 0 40px 0;

}

#insidewrapper #pageContent {
	padding:81px 0px 40px 21px;
	width:939px;
	min-height:320px;
}

#footer {
	float:left;
	width:940px;
	padding:20px 10px 20px 10px;
	background-color:#FFFFFF;
	background-image:url(/images/footer-bg.png);
	background-repeat:repeat-x;
}

#footer a {
	font-size:11px;
	color:#000000;
	text-decoration:none;
}


#footer a:hover {
	text-decoration:underline;
}

#footer h3 {
	padding:0 10px 10px 10px;
	margin:0 30px 0 0;
	font-size:15px;
	color:#000000;
	line-height:19px;
	border-bottom:2px dotted #f48330;
}

#footer #sitemap {
	width:574px;
	float:left;
}

#footer #sitemap ul {
	list-style:none;
	width:544px;
	padding:0 0 0 5px;
}

#footer #sitemap ul li {
	display:block;
	width:136px;
	line-height:14px;
	float:left;
	padding:4px 0;
}

#footer #sitemap ul li a {
	position:absolute;
	top:-1000px;
	left:-1000px;
}

#footer #sitemap ul ul {
	width:136px;
	float:left;
}

#footer #sitemap ul ul li a {
	position:static;
}

#footer #staff {
	width:136px;
	float:left;
}

#footer #staff ul {
	list-style:none;
	padding:0 0 0 5px;
	width:106px;
}

#footer #staff ul li {
	width:106px;
	float:left;
	line-height:14px;
	padding:4px 0 4px 5px;
}

#footer #staff ul li:first-child {
	padding-top:8px;
}

#footer #contactus {
	width:230px;
	float:left;
}

#footer #contactus p {
	padding:8px 0 0 10px;
	font-size:11px;
	line-height:18px;
}

#footer #contactus h3 {
	margin:0;
}
/*
#footer #twitter {
	width:940px;
	clear:both;
	text-align:center;
	font-size:10px;
	padding:10px 0 10px 0;
}

#footer #twitter {
	display:block;
	padding:26px 0 0 0;
	width:100px;
	margin:0 0 0 420px;
	height:0px;
	overflow:hidden;
	background-image:url(/images/twitter-logo.jpg);
}
*/

#footer #socialmedia {
	width:214px;
	clear:both;
	text-align:center;
	font-size:10px;
	padding:10px 0 10px 0;
	margin:0 0 0 358px;
}

#footer #socialmedia a {
	color:#000000;
	text-decoration:none !important;
	margin:0 10px;
	display:block;
	margin:0;
}

#footer #socialmedia a.twitter {
	width:100px;
	float:left;
	padding:0 10px 0 0;
}

#footer #socialmedia a.facebook {
	width:94px;
	float:left;
	padding:7px 0 0 10px;
}

/********* Search Box **********/
form.search label.text {
	height:28px;
	width:206px;
	background-color:#d0beb8;
	border:1px solid #a0a1a8;
	border-right:0;
	
	padding:0 0 0 26px;
	margin:0;
	display:block;
	float:left;	
	
	background-image:url(/images/bullet-search.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
}

form.search label.text input {
	background-color:#d0beb8;
	border:1px solid #d0beb8;
	padding:0;
	margin:0;
	line-height:26px;
	height:24px;
	font-size:12px;
	color:#FFFFFF;
	font-style:italic;
	font-weight:bold;
	letter-spacing:1px;
	width:200px;
}

form.search label.button {
	width:35px;
	height:26px;
	padding:1px;
	background-color:#d0beb8;
	border:1px solid #a0a1a8;
	border-left:0;
	float:left;
	display:block;
}


.inside div.search {
	position:absolute;
	top:548px;
	left:50%;
	margin-left:146px;
	width:272px;
	padding:0 15px 20px 15px;
	border-bottom:2px dotted #9fa1a7;
}

#stagemanagerContentWrapper .inside div.search {
	top:648px;
}

/********* Classes ***********/
.clear {
	font-size:1px;
	height:1px;
	line-height:1px;
	clear:both;
	background-color:#FFFFFF;
}

.flipcalendar {
	width:200px;
	height:183px;
	background-image:url(/images/calendar-flip-bg.png);
}

.flipcalendar .month {
	padding:14px 0 0 0;
	line-height:41px;
	display:block;
	width:200px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.crossmonth .month {
	font-size:15px;
}

.flipcalendar .day {
	display:block;
	padding:20px 0 0 0;
	text-align:center;
	color:#313036;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
}

.flipcalendar .date {
	display:block;
	padding:0;
	height:30px;
	width:200px;
	text-align:center;
	color:#313036;
	font-size:30px;
	line-height:30px;
	font-weight:bold;
}

.flipcalendar .time {
	display:block;
	text-align:center;
	color:#313036;
	font-size:16px;
	font-weight:bold;
}

.crossmonth .small {
	font-size:10px;
	
}


/* Override for presenting a in pageContent */
#pageContent a, #pageContent a:link, #pageContent a:visited, #pageContent a:active, #pageContent a:hover {
	/*text-decoration: underline !important;*/
	/*color:#f48330;*/ 
}


/* Override for events listing page */
h2.orange a, h2.orange a:link, h2.orange a:visited, h2.orange a:hover, h2.orange a:active {
	text-decoration: underline !important;
	color:#f48330 !important;
}

.spacer5px {
	height: 5px;
	line-height: 5px;
	font-size: 5px;
}


/* Vacancies page */
#key {
	position: absolute;
	left: -10000px;
}

.form-note {
	font-size: 10px;
}

#VacanciesForm p {
	margin-top: 10px;
}

#VacanciesForm .input, #VacanciesForm .inputShort {
	width: 480px;
	font-family:"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif !important;
	font-size:12px;
	padding:4px 0 4px 0;
}

#VacanciesForm .inputShort {
	width: 200px;
}

.formError {
	color: #f48330;
	font-family:"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
}

.formError strong {
	font-weight: normal;
}	


/* Tuition form page */
#TuitionForm .input, #TuitionForm .inputShort {
	width: 480px;
	font-family:"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif !important;
	font-size:12px;
	padding:4px 0 4px 0;
}

#TuitionForm .inputShort {
	width: 200px;
}

#TuitionForm p {
	margin-top: 10px;
}

/* Instrument Replacement form page */
#ReplacementForm .input, #ReplacementForm .inputShort {
	width: 480px;
	font-family:"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif !important;
	font-size:12px;
	padding:4px 0 4px 0;
}

#ReplacementForm .inputShort {
	width: 200px;
}

#ReplacementForm p {
	margin-top: 10px;
}


/* Staff Login Page */
#StageManagerClientUserNameWrapper label, #StageManagerClientPasswordWrapper label {
	display:block;
	color:#FFFFFF;
	font-size:12px;
}

#StageManagerClientUserNameWrapper input, #StageManagerClientPasswordWrapper input {
	display:block;
	width:250px;
	margin:0 0 8px 0;
}

.johngoodcredit {
	font-size:9px !important;
}


/* Search results Page */
.highlight { background: #F48330; color:#ffffff; padding:0 2px }
.searchheading { font-size: 12px; font-weight: bold; color:#FFFFFF; }
.summary { font-size: 11px; font-style: italic; color:#FFFFFF; }
.suggestion { font-size: 100%; color:#FFFFFF; }
.results { font-size: 12px; color:#FFFFFF; }
.category { color: #999999; }
.sorting { text-align: right; }

.result_title { font-size: 12px; }		
.description { font-size: 12px; color: #008000; }
.context { font-size: 12px; color:#FFFFFF; }
.infoline { font-size: 11px; font-style: normal; color: #808080;}

.zoom_searchform { font-size: 12px; }
.zoom_results_per_page { font-size: 11px; margin-left: 10px; color:#FFFFFF; }
.zoom_match { font-size: 11px; margin-left: 10px;}				
.zoom_categories { font-size: 11px; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		

input.zoom_button {  }
input.zoom_searchbox {  }		

.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }

.result_pages { font-size: 12px; color:#FFFFFF; }
.result_pagescount { font-size: 12px; color:#FFFFFF; }

.searchtime { font-size: 11px; }

.recommended 
{ 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 12px; }
.recommend_description { font-size: 12px; color: #008000; }
.recommend_infoline { font-size: 11px%; font-style: normal; color: #808080;}
.recommend_image { float: left; display: block; }
.recommend_image img { margin: 10px; width: 80px; border: 0px; }

/* Mailing List styles */

/* Controls width of your form */
.e2ma_signup_form {
	width:520px;
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text],
.e2ma_signup_form textarea,
.e2ma_signup_form select { 
	border:1px solid #ccc;
	font-family: "Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	width: 508px; 
}

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
	border:0;
	padding:5px;
	margin-bottom:5px;
}

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
    text-align:center;
    display: inline;
}

/* Controls border around signup image (when image is linked) */
.e2ma_signup_image {
    border:0;
}

/* Controls style and formatting of welcome message */
.e2ma_signup_message {
	font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#fff;
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
	font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#fff;
	text-align:left;
	padding-top:5px;
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element {
	font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#fff;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label {
	font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:normal;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups {
	font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#fff;
	border:1px solid #dddddd;
	padding:5px;
	margin-bottom:5px;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
	font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#fff;
	border:0;
	padding:5px;
	margin-bottom:5px;
}

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
	color:#fff;
}

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {
	float:left;
}

/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button {
	display: inline;
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button { 
    width: 60px !important;
}

/* Styles for the Alumni form */

#alumni {
	padding: 0;
	margin: 0;
}

#alumniWrapper {
	width: 520px;
	padding: 0;
	margin: 0;
}

#alumniWrapper p {
	font-size:11px;
	color: #fff;
	padding: 0;
	margin: 0;
}

.alumniInner {
	width: 250px;
	float: left;
}

fieldset.alumni {
	width: 470px;
	border: 1px dotted #fff;
	padding: 10px;
	margin: 0 0 15px 0;
}

fieldset.pad {
	padding: 20px 10px 15px 10px;
}

fieldset.alumni legend {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#313036;
	padding:0 4px;
}

fieldset.alumni label.alumni-filter {
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	width:244px;
	float:left;
}

fieldset.alumni label.small {
	width:204px;
}

fieldset.alumni legend.large {
	font-size:14px;
	font-weight:bold;
}

fieldset.alumni div.date-selector {
	width:160px;
	float:left;
}

fieldset.alumni div.involvement {
	width:288px;
	float:left;
}

fieldset.alumni div.involvement input.groupInput {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif !important;
	width:90%;
}

textarea.alumni {
	width:480px;
}

.groupInner {
	width: 178px;
	padding: 10px;
}

input.FormTop {
	width: 240px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 0;
}

.textArea, select.groupInput {
	width: 175px;
	margin: 0 5px 0 0;
	padding: 0;
}

input.groupDate {
	width: 50px;
	margin: 0 5px 0 0;
	padding: 0;
}

.checkbox {
	width: 20px;
	height: 12px;
	float: left;
	font-size:11px;
	color: #fff;
	padding: 0;
	margin: 0;
	display: block;
	line-height: 14px;
}

label.form {
	font-size:11px;
	color: #fff;
	padding: 0;
	margin: 0;
	line-height: 14px;

}

.formCleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

.honeypot {
	position:absolute; 
	top:-1000px; 
	left:-1000px;
}