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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1;font:12px/18px "Lucida Grande", Arial, sans-serif;color:#111}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}hr{height:0;border:0;border-top:1px solid #e0e0e0;width:100%;margin:0 0 17px;padding:0}.zp-wrapper{width:970px;margin:0 auto}.zp-5,.zp-10,.zp-15,.zp-20,.zp-25,.zp-30,.zp-33,.zp-35,.zp-40,.zp-45,.zp-50,.zp-55,.zp-60,.zp-65,.zp-67,.zp-70,.zp-75,.zp-80,.zp-85,.zp-90,.zp-95,.zp-100{float:left;display:inline}.zp-5{width:5%}.zp-10{width:10%}.zp-15{width:15%}.zp-20{width:20%}.zp-25{width:25%}.zp-30{width:30%}.zp-33{width:33.33%}.zp-35{width:35%}.zp-40{width:40%}.zp-45{width:45%}.zp-50{width:50%}.zp-55{width:55%}.zp-60{width:60%}.zp-65{width:65%}.zp-67{width:66.67%}.zp-70{width:70%}.zp-75{width:75%}.zp-80{width:80%}.zp-85{width:85%}.zp-90{width:90%}.zp-95{width:95%}.zp-100{width:100%}.last{padding:0!important}.clear{clear:both}.left{float:left}.right{float:right}.clearfix:after,.zp-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix,.zp-wrapper{display:inline-block}html[xmlns] .clearfix,html[xmlns] .zp-wrapper{display:block}* html .clearfix,* html .zp-wrapper{height:1%}.skip{display:block;left:-9999px;position:absolute;visibility:hidden}h1{font-size:36px;line-height:36px;font-weight:400;font-family:Georgia, "Times new roman", serif}h2{font-size:18px;line-height:36px}h3{font-size:12px;line-height:18px;font-weight:700;color:#000;margin:0}h4{font-size:12px;line-height:18px;font-weight:400;color:#666;margin:0}h5,h6{font-size:12px;line-height:18px;font-weight:400;margin:0}p{margin:0 0 18px}p img,li img{float:left;margin:4px 6px 0 0;padding:0}p img.right,li img.right{float:right;margin:4px 0 6px;padding:0}a,a:focus{color:#009;text-decoration:underline}.list{list-style:none;margin:0;padding:0}.list li{display:inline;margin:0 6px 0 0}a.button,button{display:block;float:left;border:1px solid #ccc;background:#ccc url(../images/button.png) left top repeat-x;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:11px;line-height:16px;text-decoration:none;font-weight:400;color:#333;cursor:pointer;white-space:nowrap;vertical-align:baseline;border-color:#999 #858585 #666;margin:0 3px 15px 0;padding:2px 6px}button{width:auto;overflow:visible;padding:1px 4px}a.button{line-height:14px}button[type]{line-height:16px;padding:1px 4px}a.button:hover,button:hover{background-color:#ccc;border:1px solid #000;color:#000;text-decoration:none}.notification{font-size:11px;line-height:18px;margin:0 0 17px;padding:0 4px}.notice{background:#FFF6BF;color:#514721;border-bottom:1px solid #FFD324}.error{background:#FBE3E4;color:#8a1f11;border-bottom:1px solid #FBC2C4}.success{background:#E6EFC2;color:#264409;border-bottom:1px solid #C6D880}fieldset{border:1px solid #ccc;margin:0 0 18px;padding:9px}legend{color:#333;font-size:18px;line-height:18px;padding:0}label{float:left;width:100px;display:block;text-align:left;cursor:pointer;color:#333;margin:0 12px 0 0}.form-item{margin:0 0 11px}textarea,input{border:solid #ddd;border-width:1px 1px 2px;padding:4px}textarea{font-family:"Lucida Sans",Helvetica,sans-serif;font-size:11px}textarea:focus,input:focus{background:#f9f9f9;border:solid #ddd;border-width:1px 1px 2px}input.form-field-error,textarea.form-field-error{background:#FBE3E4;color:#8A1F11;border-color:#FBC2C4 #FBC2C4 #ee9b9e;border-style:solid;border-width:1px 1px 2px}input.form-field-notice,textarea.form-field-notice{background:#FFF6BF;color:#514721;border-color:#FFD324 #FFD324 #e3bb1b;border-style:solid;border-width:1px 1px 2px}select{border:1px solid #ccc;background:#f9f9f9;color:#333}input[type=checkbox],input[type=radio]{margin:3px 4px 0 0}input[type=radio]{background-color:#fff;color:#000}option{background:#fff;color:#000}optgroup{background:#f2f2f2;color:#111}a:hover,input[type=checkbox]{color:#000}
/* basic type and background settings
------------------------------------------------------ */

body {
	background: #57b8e6 url(/lib/images/bg.gif) top left no-repeat;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	color: #111;
}


/* grid 
------------------------------------------------------ */

.zp-wrapper {
	margin: 33px 0 0 56px;
}

	.home .zp-wrapper {
		margin: 56px 0 0 56px;
	}

#content {
	margin:  0 18px 0 0;
}

#content .padding {
	padding: 18px 18px 0;
}

#sidebar .padding {
	padding: 18px 18px 0;
}

#sidebar {
	position: relative;
}

#content,
#sidebar {
	background: oldlace;
}

#sponsor-logos li {
	display: block;
	float: left;
	margin: 0 6px 6px 0;
}

ul.links-list {
	float: left;
	margin: 0 8px 0 0;
	width: 190px;
}

.links-list li {
	display: block;
	margin: 0 0 18px 0;
}

.links-list li img,
#sponsor-logos li img {
	margin: 0;
}

.home #footer {
	margin: 0;
}

#footer .footer-text {
	clear: both;
	color: #eee;
	font-size: 11px;
	margin: 18px 0;
}

	#footer p.footer-text a {
		color: #fff;
		text-decoration: underline;
	}

	#footer .footer-text span,
	#footer .footer-text span a {
		color: #57B8E6 !important;
		text-decoration: none !important;
	}

p.website, 
p.about {
	margin: 0 0 9px 0;
}

/* navigation
------------------------------------------------------ */

	.home #navigation {
		margin: 0 0 18px 0;
	}

	#navigation {
		width: 631px;
		float: left;
	}

	/* search field next to navigation
	--------------------------------------------------------------- */
	
	.search-field {
		margin: 7px 0 0 18px;
	}
	
		.search-field input {
			border-width: 1px;
			margin: 0 3px 0 0;
			padding: 3px 0 1px 0;
			border: 1px solid #666;
			width: 235px;
		}

	/* essential navigation styles
	--------------------------------------------------------------- */
	
	.at-menu ul {
		position: absolute;
		top: -999em;
		width: 14em; /* left offset of submenus need to match (see below) */
	}
	
	.at-menu ul li {
		width: 100%;
	}
	
	.at-menu li:hover {
		visibility: inherit; /* fixes IE7 'sticky bug' */
	}
	
	.at-menu li {
		float: left;
		position: relative;
		display: inline;
	}
	
	.at-menu a {
		display: block;
		position: relative;
		float: left;
	}
	
	.at-menu li:hover ul,
	.at-menu li.at-hover ul {
		left: 0;
		top: 2.5em; /* match top ul list item height */
		z-index: 99;
	}
	
	ul.at-menu li:hover li ul,
	ul.at-menu li.at-hover li ul {
		top: -999em;
	}
	
	ul.at-menu li li:hover ul,
	ul.at-menu li li.at-hover ul {
		left: 14em; /* match ul width */
		top: 0;
	}
	
	ul.at-menu li li:hover li ul,
	ul.at-menu li li.at-hover li ul {
		top: -999em;
	}
	
	ul.at-menu li li li:hover ul,
	ul.at-menu li li li.at-hover ul {
		left: 10em; /* match ul width */
		top: 0;
	}


	/* project menu styles 
	--------------------------------------------------------------- */
	
	.at-menu a {
		color: #000;
		font-size: 19px;
		font-weight: normal;
		height: 36px;
		font-family: impact, arial, sans-serif;
		line-height: 36px;
		letter-spacing: 1px;
		padding: 0 18px;
		text-decoration: none;
	}
	
	.at-menu li {
		margin: 0;
	}
	
	.at-menu li li {
		background: #fff;
	}
	
		.at-menu li li a {
			float: none;
			display: block;
		}	
	
		.at-menu li li a.current {
			background: #57b8e6;
			color: #000;
		}
		
		.at-menu li li a:hover {
			background: #57b8e6;
			color: #000;
		}
	
	.at-menu li:hover, 
	.at-menu li.at-hover,
	.at-menu a:focus, 
	.at-menu a:hover, 
	.at-menu a:active,
	.at-menu a.current {
		background: oldlace;
		outline: 0;
		color: #57b8e6;
	}
	
		.at-menu ul {
			margin: 0;
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
			border-right: 1px solid #fff;
		}
	
		.at-menu ul li a {
			background: #000;
			color: #fff;
			font-size: 12px;
			border-bottom: 1px solid #fff;
			height: 27px;
			line-height: 27px;
		}
		
		.at-menu ul li a:hover {
			background: #57b8e6;
			color: #000;
		}

/* Links
------------------------------------------------------ */

a, 
a:focus {
	color: #4192b9;
}

a:hover {
	color: #000;
}


/* typography 
------------------------------------------------------ */

h1#header {
	width: 972px;
	height: 210px;
	background: transparent url(/lib/images/header.gif) top left no-repeat;
	text-indent: -9999px;
	margin: 0 0 0 0px;
	cursor: pointer;
}

h1 {
	font-family: Impact, Arial, sans-serif;
	font-size: 28px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 36px;
	margin: 0 0 9px 0;
}

h2 {
	font-family: Impact, Arial, sans-serif;
	letter-spacing: 1px;
	color: #222;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 3px;
}

h3 {
	line-height: 18px;
	font-size: 14px;
}


h4 {
	color: #000;
	font-size: 13px;
}

	h4.sidebar-title {
		margin: 0 0 9px 0;
		font-family: Impact, Arial, sans-serif;
		letter-spacing: 1px;
	}

h1 a,
h2 a,
h3 a,
h4 a {
	color: #000;
	text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
	color: #57b8e6;
}

p.intro {
	color: #111;
	font-weight: bold;
}

li p.intro {
	color: #111;
	font-weight: normal;
	margin: 0;
}


/* lists
------------------------------------------------------ */

ul.items-list li {
	margin: 0 0 27px 0;
	font-size: 12px;
}

ol {
	list-style-position: inside;
	list-style-type: disc;
}

/* images
------------------------------------------------------ */

p.inline-image {
	margin: 4px 18px 18px 0;
	float: left;
}

p.inline-image img,
p.block-image img {
	margin: 0;
	float: none;
	display: block;
}

p.block-image {
	margin: 0 0 18px 0;
	float: none;
	clear: both;
}

p.block-image:first-child {
	margin: 18px 0 0 0;
}

span.inline-image-caption,
span.block-image-caption {
	font-size: 11px;
	color: #666;
}

p.block-image embed,
p.block-image object {
	width: 580px;
	height: 380px;
}

p.inline-event-image embed,
p.inline-event-image object {
	width: 288px !important;
	height: 188px !important;
}


/* forms
------------------------------------------------------ */

input[type="checkbox"] {
	vertical-align: text-bottom;
	margin: 3px 3px 0 0;
	border: none;
}

label {
	width: auto;
	color: #fff;
	margin: 0 18px 0 0;
	font-size: 11px;
	width: 117px;
}

.edit-this-page {
	margin: 18px 0;
}

	.edit-this-page button {
		margin: 0;
	}

button.search {
	background: none;
	font-family: Impact, arial, sans-serif;
	border: none;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

/* pager
------------------------------------------------------ */

ul.pager {
	margin: 0 0 18px 0;
}

ul.pager li {
	display: inline;
}

/* pages - home
------------------------------------------------------ */

h1#home-header {
	display: block;
	left: -9999px;	
	position: absolute;
	visibility: hidden;
}

#home-background {
	background: transparent url(/lib/images/bg_home.gif) top left no-repeat;
	height: 575px;
	margin: 0;
	width: 892px;
}


#home-content {
	padding: 100px 0 0 0;
	width: inherit;
}

	#home-content p {
		color: #fff;
		padding: 0 0 0 578px;
	}
	
#media-viewer {
	margin: 0 0 18px 307px;
	display: none;
	height: 290px !important;
	width: 582px !important;
}

	#media-viewer img {
		display: none;
	}


/* pages - program
-------------------------------------------------------- */

.list-headers {
	color: #666;
	font-size: 12px;
}

ul.program-list {
	margin: 0 0 18px 0;
}

#sidebar ul.program-list li {
	font-size: 13px;
}

ul.program-list li {
	padding: 6px 0;
	border-bottom: 1px dotted dimgray;
	font-size: 12px;
}
	
	ul.program-list li.uneven {
	}

	ul.program-list li p {
		margin: 0;
	}

	span.media img {
		margin: 0;
	}

.free-event-label {
	font-size: 11px;
	font-style: italic;
	color: #666;
}

.date-leaf {
	float: left;
	width: 66px;
	height: 90px;
	display: block;
	background: #4192b9;
	margin: 4px 6px 0 0;
	text-align: center;
}

.date-leaf .day {
	color: #fff;
	display: block;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	margin: 7px 0 3px;
}

.date-leaf .month,
.date-leaf .time {
	color: #fff;
	font-size: 11px;
	display: block;
}

.date-remarks {
    display: block;
    color: #666;
    font-size: 11px;
	font-style: italic;
}

li p.event-info {
	font-weight: bold;
}

	li p.event-info a {
		color: #000;
	}
	
	li p.event-info a:hover {
		color: #4192b9;
	}
	
.program-filter-wrapper {
	margin: 0 0 18px 0;
	padding: 6px;
	border: 1px solid #fff;
	background: #57b8e6;
}

	.program-filter-wrapper h5 {
		color: #fff;
		font-size: 12px;
		margin: 6px 0 0 0;
	}
	
		.program-filter-wrapper h5 button {
			margin: 0 3px 0 0;
		}

.program-genres-wrapper {
	margin: 0;
}

.program-genres-wrapper .form-item {
	margin: 0;
}

.program-day-wrapper {
	margin: 0;
}

	.program-day-wrapper button {
		margin: 0 3px 6px 0;
		width: 117px;
	}

.program-day-wrapper a.selected {
	font-weight: bold;
	border: 1px solid #000;
	color: #000;
}

	.program-day-wrapper a.button {
		margin: 0 3px 0 0;
	}


/* pages - news
--------------------------------------------------------*/

ul.news-list {
	margin: 0 0 18px 0;
}

ul.news-list li {
	margin: 0 0 18px 0;
	border-bottom: 2px dotted dimgray;
	padding: 0 0 18px;
}

	ul.program-list li p {
		margin: 0;
	}
	
	
/* pages - performance
--------------------------------------------------------*/

.artist a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

	.artist a:hover {
		color: #4192b9;
	}

ul.performance-genres {
		margin : 0 0 18px 0;
}

	ul.performance-genres li {
		display: inline;
		font-size: 11px;
		color: #666;
		font-style: italic;
	}
	
	
/* pages - artists
--------------------------------------------------------*/

.artists-list {
	margin: 0 0 18px 0;
}

.artists-list li {
	margin: 0 0 26px 0;
	padding: 0 0 36px 0;
	border-bottom: 2px dotted dimgray;
}

	.artists-list li p {
		margin: 0;
	}
	
.newletter-link {
	clear: both;
}