/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body { font-family:Tahoma, Arial, Verdana, sans-serif; font-size:70%; color:#2d2d2d;}
p { padding-bottom:15px;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.relbookmark { position:absolute; margin-left: -9999px;}
strong { font-weight:bold;}
em { font-style:italic;}
/********************************************************************/
/*                             wysiwyg tags                         */
/********************************************************************/
#content table { float:left; width:520px; margin:0px 0px 15px 0px; border:1px solid #daccdf; }
#content table th { font-weight:bold; padding:5px 5px 5px 5px; color:#fff; background-color:#cbb7d2; text-transform:capitalize;}
#content table td { padding:5px 5px 5px 5px; border-top:1px solid #daccdf; }
#content a { color:#682a7f;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 10px 10px; background:url('/_images/bullets/arrow-purple.gif') no-repeat 0px 5px;}
#content ol li { padding:0px 0px 10px 0px; margin:0px 0px 0px 30px; list-style-type:decimal; background:none;}
#content a.link { padding:0px 0px 0px 6px; background:url('/_images/bullets/arrow-purple.gif') no-repeat 0px 5px;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

#homecontent h1, #pagecontent h1 { font-size: 110%; color:#660f01; padding:0px 0px 15px 0px; font-weight:bold; letter-spacing:0px; text-transform:uppercase;}
#pagecontent h1 { font-size: 160%; color:#682a7f;}
#homecontent h2, #pagecontent h2 { font-size: 110%; color:#660f01; padding:0px 0px 15px 0px; font-weight:bold; letter-spacing:0px; text-transform:uppercase;}
#pagecontent h2 { color:#682a7f;}
	#content ul.events h2 { float:right; width:350px; padding:0px 0px 5px 0px;}
h3 { font-size: 100%; color:#682a7f; font-weight:bold; padding:0px 0px 10px 0px;}
	#homecontent ul.whatson li h3 { color:#000a3e; padding:0px 0px 5px 0px;}

/********************************************************************/
/*                          Background tags                         */
/********************************************************************/
.bgviolin { background:url('/_images/backgrounds/violin.jpg') no-repeat top center #000000;}
.bgtrumpet { background:url('/_images/backgrounds/trumpet.jpg') no-repeat top center #000000;}
.bgdrums { background:url('/_images/backgrounds/drums.jpg') no-repeat top center #000000;}
.bgmic{ background:url('/_images/backgrounds/mic.jpg') no-repeat top center #000000;}
.bgpiano{ background:url('/_images/backgrounds/piano.jpg') no-repeat top center #000000;}
.bgguitar{ background:url('/_images/backgrounds/guitar.jpg') no-repeat top center #000000;}
.bgturntable{ background:url('/_images/backgrounds/turntable.jpg') no-repeat top center #000000;}
.bgspeaker{ background:url('/_images/backgrounds/speaker.jpg') no-repeat top center #000000;}
/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#container { width:880px; text-align:left; margin-left:auto; margin-right:auto; padding:15px 0px 15px 0px;}

#leftcol { float:left; width:180px;}
	#leftcol .logo { float:left; margin:0px 0px 15px 0px;}
	#leftcol #nav { float:left; width:165px; padding:0px 0px 15px 0px;}
	#leftcol #nav a { color:#fff; text-transform:uppercase;}
	#leftcol #nav li li a { font-weight:normal;}
	#leftcol #nav li { width:180px; padding:0px 0px 3px 0px;}
	#leftcol #nav .first { padding:0px 0px 15px 0px;}
	#leftcol #nav li ul { padding:5px 0px 10px 0px; font-size:10px;}
	#leftcol #nav li li ul { padding:5px 0px 0px 0px;}
	#leftcol #nav li li li { width:155px; padding:1px 15px 1px 10px; background:url('/_images/general/bg-nav.gif') repeat-y left;}
	#leftcol .hazlitt { float:left; margin:0px 0px 15px 0px;}

#masthead { position:relative; float:right; width:700px; height:130px;}
#masthead .title { position:absolute; top:80px; left:0px;}

#searchform{float:right; margin:14px 0 0 0; width:250px;}
#searchform legend{display:none; position:absolute; left:-9999px;}
#searchform label{ float:left;}
.textfield{border:1px solid #FFFFFF; font-size:0.9em; color:#6e6e6e; float:left; margin:0 5px 0 0;}
#searchform label{ margin:-2px 5px 0 0;}
.button{border:none; float:right; }

#homecontent, #pagecontent { float:right; background-color:#fff;}
	#homecontent { width:696px; padding:2px 2px 2px 2px;}
	#pagecontent { width:700px; padding:0px 0px 0px 0px;}
	#content { width:520px; padding:20px 0px 20px 20px;}
		#content a { color:#682a7f;}

	ul#pods { float:right; width:140px; padding:0px 2px 2px 0px;}
	ul#pods li { float:left; width:140px; padding:2px 0px 0px 0px;}
	ul#pods img { float:left;}
	
/********************************************************************/
/*                          Homepage tags                           */
/********************************************************************/

#homecontent .leftcol { float:left; width:280px; padding:18px 0px 0px 18px;}
	#homecontent ul.whatson { float:left; width:280px; padding:0px 0px 15px 0px; color:#000a3e;}
	#homecontent ul.whatson a { color:#000a3e; font-weight:normal;}
	#homecontent ul.whatson li { width:269px; padding:2px 7px 2px 2px; margin:0px 0px 10px 0px; border:1px solid #c79992;}
	#homecontent ul.whatson li img { float:left;}
	#homecontent ul.whatson li .details { float:right; width:185px; padding:5px 0px 0px 0px;}
	#homecontent ul.whatson li .details dl { float:left; width:185px;}
	#homecontent ul.whatson li .details dt { position:absolute; margin-left: -9999px;}
	#homecontent ul.whatson li .details dl li { float:left; display:inline; width:auto; padding:0px 0px 0px 8px; margin:0px 0px 0px 0px; border:none; background:url('/_images/bullets/blue-line.gif') no-repeat 3px 2px;}
	#homecontent ul.whatson li .details dl .first { padding:0px 0px 0px 0px; background:none;}

#homecontent .rightcol { float:right; width:380px; padding:0px 0px 0px 0px;}
	#homecontent .rightcol .advert { float:left; width:380px; margin:0px 0px 15px 0px;}

	#homecontent .rightcol .thismonth { float:left; width:200px; color:#2d2d2d; padding:0px 0px 15px 0px;}
		#homecontent .rightcol .thismonth li { float:left; clear:left; width:200px; padding:0px 0px 15px 0px;}
		#homecontent .rightcol .thismonth li a { color:#2d2d2d; font-weight:normal; text-decoration:underline;}
		#homecontent .rightcol .thismonth .date { float:left; width:34px; color:#581f8e; border:1px solid #480a83; font-size:180%; text-decoration:none; line-height:28px; font-weight:bold; text-align:center; font-family:Helvetica, Tahoma, Arial, Verdana, sans-serif;}
		#homecontent .rightcol .thismonth .month { display:block; width:34px; font-size:10px; color:#fff; text-transform:uppercase; background-color:#581f8e; line-height:12px;}
		#homecontent .rightcol .thismonth .details { float:right; width:155px; padding:0px 0px 0px 0px;}
		#homecontent .rightcol .thismonth .details dt { position:absolute; margin-left: -9999px;}
		#homecontent .rightcol .thismonth .details a:hover { color:#581f8e;}
		#homecontent .rightcol .thismonth a.more { color:#581f8e; padding:0px 0px 0px 6px; font-weight:bold; letter-spacing:0px; text-transform:uppercase; background:url('/_images/bullets/arrow-purple.gif') no-repeat 0px 5px;}

	#homecontent .rightcol .comingsoon { float:right; width:170px; color:#2d2d2d; padding:0px 0px 15px 0px;}	
		#homecontent .rightcol .comingsoon table#calendar { border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1; text-align:center; margin:0px 0px 10px 0px; background-color:#fff;}
		#homecontent .rightcol .comingsoon table#calendar th { background-color:#c9c9c9;}
		#homecontent .rightcol .comingsoon table#calendar .event { background-color:#eaeaea;}
		#homecontent .rightcol .comingsoon table#calendar .event a { color:#b20f32;}
		#homecontent .rightcol .comingsoon table#calendar th, table#calendar td { color:#666666; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; width:22px; padding:3px 0px 3px 0px;}
		
		#homecontent .rightcol .comingsoon ul { float:left; width:170px; padding:0px 0px 15px 0px;}
		#homecontent .rightcol .comingsoon li { float:left; display:inline; text-align:center; cursor:pointer;}
		#homecontent .rightcol .comingsoon #lastMonth, #homecontent .rightcol .comingsoon #nextMonth { border:1px solid #e1e1e1; width:22px; padding:3px 0px 3px 0px; background-color:#eaeaea;}
		#homecontent .rightcol .comingsoon #currentMonth { width:113px; padding:4px 0px 4px 0px;}
		

/********************************************************************/
/*                            Footer tags                           */
/********************************************************************/

#footer { float:right; width:700px; padding:10px 0px 0px 0px; color:#666666;}
	#footer li { float:left; display:inline;}
	#footer a { font-weight:normal; padding:0px 0px 0px 15px; color:#666666; background:url('/_images/bullets/footer-line.gif') no-repeat 6px 0px;}
	#footer .redant { float:right;}
	#footer .redant a { padding:0px 0px 0px 0px; background:none;}
	#footer .redant span { font-weight:bold;}

/********************************************************************/
/*                        Module List tags                          */
/********************************************************************/
#content ul.pagenumbers  { float:left; padding:0px 0px 10px 0px;}
#content ul.pagenumbers li { float:left; display:inline; padding:0px; margin:0px 4px 0px 0px; list-style-type:none; border:1px solid #e1e1e1; text-align:center; background:none;}
#content ul.pagenumbers a { display:block; width:22px; padding:3px 0px 3px 0px; color:#888888; text-decoration:none; background-color:#fff; font-weight:normal;}
#content ul.pagenumbers .selected a { color:#b20f32; background-color:#eaeaea; font-weight:bold;}
#content ul.pagenumbers a:hover { color:#b20f32; display:block; width:22px; padding:3px 0px 3px 0px; background-color:#eaeaea; font-weight:normal;}
	#content ul.pagenumbers .selected a:hover {font-weight:bold;}

#content ul.modulelist { float:left; width:520px;}
	#content ul.modulelist li { float:left; width:500px; padding:10px 10px 10px 10px; border-bottom:1px solid #fff; background:url('/_images/general/bg-modulelist.gif') no-repeat top left;}
	#content ul.modulelist .grey { background:url('/_images/general/bg-modulelist.gif') no-repeat top left #f5f5f5;}
	
	#content ul.events a { color:#682a7f;}
	#content ul.events p { padding:0px 0px 5px 0px;}
	#content ul.events .description { float:right; width:350px;} 
	#content ul.events .details { float:left; width:120px; font-weight:bold; color:#fff;}
	#content ul.events .date { display:block; cursor:pointer; float:left; width:120px; text-align:center; color:#fff; font-size:350%; margin:0px 0px 5px 0px; text-decoration:none; line-height:32px; font-family:Helvetica, Tahoma, Arial, Verdana, sans-serif;}
	#content ul.events .date span { float:left;}
	#content ul.events .month { font-size:14px; text-transform:uppercase; line-height:12px; padding:19px 0px 0px 0px;}
	#content ul.events .location { clear:left; float:left; width:120px;}
	#content .shortdescription { padding: 0px 0px 10px 0px; }

	#content ul#photogallery { float:left; width:520px; padding:15px 0px 15px 0px;}
	#content ul#photogallery li { float:left; width:100px; padding:0px 2px 2px 0px; background:#fff;}
	#content ul#photogallery img { float:left;}

/********************************************************************/
/*                            Contact tags                          */
/********************************************************************/

.contact fieldset { float:left; width:420px; padding:0px 0px 15px 0px;}
.contact legend { display:none;}
.contact label { float:left; width:200px; padding:4px 0px 0px 0px; margin:0px 0px 10px 0px; font-weight:bold; color:#682a7f;}
.contact .textfield, .contact select, .contact textarea { float:left; width:210px; padding:1px 4px 1px 4px; margin:0px 0px 10px 0px; border:1px solid #c4c4c4; color:#888888; font-size:11px; font-family:Tahoma, Arial, Verdana, sans-serif;}
.contact select { width:220px; padding:0px 0px 0px 0px; height:17px;}
.contact textarea { height:100px; overflow:auto;}
.contact .formbutton { float:right; margin:0px 0px 10px 0px;}

#content .contact .selectoptions { float:left; width:420px; padding:15px 0px 15px 0px;}
#content .contact .selectoptions li { display:inline; float:left; width:210px; padding:0px 0px 0px 0px; background:none;}
#content .contact .selectoptions .volatile { float:left; margin:0px 0px 10px 0px;}
#content .contact .selectoptions label { float:right; width:185px; padding:0px 0px 0px 0px;}

.dateselect-border{ float:right; margin:0 0 3px 0;}
.textfieldupload{ float:right; width:200px; margin:0 0 15px 0;}
.buttons{ float:right; clear:both; margin:0 0 10px 0; padding:0 0 10px 0;}

#content ul.sitemap li { float:left; width:500px; padding:10px 10px 10px 10px; background:#fff;}
	#content ul.sitemap .grey { padding:5px 10px 5px 10px; background-color:#f5f5f5;}
	#content ul.sitemap li ul { float:left; width:490px; padding:5px 0px 0px 0px;}
	#content ul.sitemap li li { width:470px; padding:0px 0px 5px 20px; background:url('/_images/bullets/arrow-purple.gif') no-repeat 10px 5px;}
	#content ul.sitemap li li a { font-weight:normal;}
	
/********************************************************************/
/*                          calendar                            */
/********************************************************************/
.calendarstyle{
clear:both;

}
.calendarstyle input{
	background:#333333; 
	border:1px solid #333333; 
	color:#FFFFFF; 
	font-family:Tahoma, Verdana, Arial, sans-serif; 
	font-size:1em;
	margin:0 0 0 98px;
	float:left;
}
input.calendar {
  width: 74px;
}
button.calendar {
  background: url(/_images/buttons/calendar-icon.gif);
  border: 0;
  cursor: pointer;
  float: left;
  height: 20px;
  margin-right: 6px;
  width: 20px;

}
button.calendar:hover,
button.calendar.active {
  background-position: left bottom;
} 

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
/*	opacity: 0;*/
position: absolute;
}
.visible {
/*	opacity: 1;
*/}


input.calendar,
select.calendar {
float:left;
}

button.calendar {
	background: url(/_images/buttons/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float:left;
	margin:0 109px 0 0;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	
	background: url(/_images/calendar/calendar.png)  !important;
	background: url(/_images/calendar/calendarie6.gif);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(/_images/calendar/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(/_images/calendar/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #2338ae;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
		background:#fff;
	
	}
	div.calendar td {
		background: url(/_images/calendar/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(/_images/calendar/calendar-valid.gif);
		color: #2338ae;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(/_images/calendar/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(/_images/calendar/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(/_images/calendar/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}