/* Text Sizing (Do Not Edit!)
========================================================================================== */
html { font-size: 100%; } 
html>body { font-size: 16px; } 

/* Common HTML elements (Edit only if needed, any site specific styles in Default Theme
========================================================================================== */
body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #515151;
	background-color: #4B4E50;
	text-align: center;
	margin: 0 0 40px;
	padding: 0;
}
p, h1, h2, h3, h4, h5, h6, li, ul, ol, td, form {
  margin: 0;
	padding: 0;
}
td {
	vertical-align: top;
	border: none;
}
img {
	border: none;
}


/* Typography
========================================================================================== */
p,
li,
label {
	font-size: 0.625em;
	color: #515151;
}
p {
	padding-bottom: 10px;
}
li {
	list-style: none;
	padding: 3px 0;
}
.access li {
	list-style-type: circle;
	margin-left: 20px;
}
.error {
	font-weight: bold;
	color: #E73839;
}
dt,
dd {
	margin: 0;
	font-size: 0.625em;
}
dd dt,
dd dd {
	font-size: 1em;
}
ul.list {
	list-style: circle;
	margin-left: 25px;
}
strong span span {
	font-weight: normal;
}
h1 {
	color: #E73839; 
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	text-align: right;
	background: url(../Images/inner_dot_square.gif) repeat-x bottom left;
}
h2,
legend {
	font-size: 0.687em;
	font-weight: bold;
	margin: 20px 0 10px;
}
h3 {
	color: #666;
	font-size: 0.687em;
	padding-bottom: 5px;
	margin-top: 10px;
}
div.hr {
	background: url(../Images/inner_dot_square.gif) repeat-x center left;
	padding: 5px;
	clear: both;
}
.error,
.ok {
	font-weight: bold;
	background-color: #FFF;
	color: #E73839;
	display: block;
}
.ok {
	color: #2261B6;
}

/* Common Navigation Elements
========================================================================================== */
.more,
.back {
	background: #E73839 url(../images/imgButtonMoreInfo.gif) no-repeat top right;
	float: left;
	font-size: 0.625em;
	line-height: 2.0;
	padding: 0 40px 0 7px;
	display: block;
	white-space: nowrap;
}
.back {
	background: #E73839 url(../images/imgButtonBack.jpg) no-repeat top left; 
	padding: 0 7px 0 40px;
}
a.more:link,
a.more:visited,
a.more:hover,
a.more:active,
a.back:link,
a.back:visited,
a.back:hover,
a.back:active {
	color: #FFF;
	text-decoration: none;
}
.noLnk {
	cursor: default;
}
.btn {
	float: right;
	clear: both;
}
	
/* Forms
========================================================================================== */
textarea,
input {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.687em;
}
fieldset {
	border: none;
	padding: 0 30px 20px;
	margin: 0;
}
label {
	width: 10em;
	padding-right: 5px;
	float: left;
	clear: left;
	white-space: nowrap;
}
label.hide {
	text-indent: -8000px;
	display: block;
	height: 0;
	font-size: 1px;
}
fieldset input,
fieldset textarea {
	float: left;
	border: solid 1px #E73839;
	width: 16em;
	margin-bottom: 5px;
}
.radioGroup input {
	border: none;
	float: none;
	width: auto;
	margin: 0;
}
.radioGroup label {
	width: auto;
	float: none;
	line-height: 2.0;
}
fieldset input.btn {
	width: auto;
	border: 0;
}

/* Layout
========================================================================================== */
.outerWrap {
	margin: 20px auto 0;
	width: 743px;
}
.wrap {
	border: solid 18px #FFF;
	background-color: #FFF;
	padding-bottom: 20px;
	text-align: left;
}
.innerWrap {
	padding: 10px 30px 40px;
	background: url(../Images/inner_dot_square.gif) repeat-x bottom left;
	overflow: hidden;
	clear:both;
}
.nav {
	float: left;
	width: 174px;
	border-top: solid 3px #FFF;
	list-style: none;
}
.home .nav {
	border: solid 3px #FFF;
	border-bottom-width: 2px;
	border-left: none;
}

.info {
	border-top: solid 3px #FFF;
}
.info li {
	float: right;
	padding: 0;
	list-style: none;
}
.info img {
	margin-right: 3px;
}
.home .info li {
	float: left;
}
.home .info img {
	border-right: solid 3px #FFF;
	margin: 0;
}
.info li.last img {
	margin: 0;
	border: 0;
}

.content {
	clear: both;
}
.foot {
	clear: both;
	text-align: center;
	position: relative;
	padding-top: 1em;
}
.foot div.priSpon {
	font-size: 0.625em;
	text-align: center;
	position: absolute;
	top: -1.3em;
	left: 50%;
	width: 177px;
	height: 50px;
	margin: 0 0 0 -89px;
	z-index: 99;
	float: left;
}
.foot .priSpon strong {
	color: #515151;
}
.foot .priSpon a {
	width: 177px;
	height: 44px;
	display: block;
	margin: 0 auto;
}
.foot div {
	width: 177px;
	float: left;
	line-height: 3.0;
	font-size: 0.562em;
	color: #FFF;
	margin: 1em 0 10px;
}
.foot a:link,
.foot a:visited,
.foot a:hover,
.foot a:active {
	color: #FFF;
}
.foot1 {
	background-color: #E73839;	
	clear: left;
}
.foot2 {
	background-color: #009CD6;	
}
.foot3 {
	background-color: #FFC229;
}
div.foot4 {
	background-color: #E73839;
	width: 176px;
}
.zz {
	width: 707px;
	margin: auto;
	text-align: right;
	padding-top: 5px;
}
.zz a:link,
.zz a:visited,
.zz a:hover,
.zz a:active {
	color: #FFF;
	text-decoration: none;
	font-size: 0.625em;
}
	
/* Navigation
========================================================================================== */
#skip a {
	display: block;
	padding: 2px 5px 15px;
	font-size: 0.687em;
	font-weight: bold;
	color: #4B4E50;	
	text-decoration: none;
}
#skip a:hover, #skip a:focus, #skip a:active {
	background: #BFC73F url(/images/skip.gif) no-repeat bottom center;
}
li.menu,
li.ieMenu {
	position: relative;
	z-index: 99;
	font-size: 1em;
	margin: 0;
	float: left;
	top: 0;
	left: 0;
}
li.menu li,
li.ieMenu li {
	font-size: 1em;
}
li.menu span,
li.ieMenu span {
	color: #FFF;
	font-weight: bold;
	text-indent: 5px;
	display: block;
	width: 174px;
	height: 30px;
	line-height: 2.5;
	background: #009CD6 url(../images/arrowDown.gif) no-repeat 95% 50%;
	margin-right: 5px;
}
li.menu .nav,
li.ieMenu .nav {	
	position: absolute;
	top: 30px;
	left: -8888px;
	z-index: 100;
	margin: 0;
	display: block;
	width: 174px;
}
li.menu:hover .nav {
	left: 0;
	border-bottom: solid 1px #009CD6;
}
.nav li {
	display: block;
	float: left;
	width: 174px;
	font-size: 1em;
	border: none;
	border-bottom: solid 3px #FFF;
	background-color: #009CD6;	
	padding: 0;
	white-space: nowrap;
}
.menu .nav li.last {
	border-bottom: none;
}
.nav em {
	float: right;
	display: block;
	padding-right: 5px;
}
.menu a,
.ieMenu a,
.nav a {
	display: block;
	font-size: 0.687em;
	font-weight: bold;
	height: 2.58em;
	line-height: 2.58;
	padding: 0 5px;
	color: #FFF;
	text-decoration: none;
}
		
	
/* Home
========================================================================================== */
.homeWrap {
	background: #FFF url(../images/homeBG.jpg) repeat -1px 0;
	float: left;
	margin-bottom: 3px;
}
.homeWrap img {
	display: block;
}
.homeInfo {
	float: left;
	width: 351px;
	border-top: solid 3px #FFF;
	margin-right: 3px;
}
.homeInfo p {
	background-color: #72508C;
	color: #FFF;
	padding: 7px;
	font-size: 0.625em;
	border-top: solid 3px #FFF;
}
.eventsList {
	float: left;
	width: 174px;
}
.eventsList li {
	float: left;
	clear: left;
	padding: 0;
}
.eventsList img {
	border-top: solid 3px #FFF;
}
.subContent {
	float: left;
	width: 174px;
}
.updates {
	background-color: #F0962F;
	padding: 20px 20px 40px;
}
.updates p {
	font-size: 0.625em;
	color: #FFF;
	padding: 5px 0 10px;
}
.updates input {
	border: none;
	margin-bottom: 10px;
	width: 124px;
	font-size: 0.625em;
}
.updates input.btn {
	width: auto;
	margin-left: 39px;
}
.left a {
	margin-top: 15px;
	display: block;
}
.home .content {
	float: right;
	display: inline;
	clear: both;
	width: 492px;
	background: url(../Images/inner_dot_square.gif) repeat-x top left;
	margin: 20px;
}
.home .content div {
	padding: 25px 0 20px;
	background: url(../Images/inner_dot_square.gif) repeat-x bottom left;
	overflow: hidden;
}
.home .content div img {
	float: left;
	margin-right: 15px;
}
.home .content div h2,
.home .content div h1 {
	color: #E73839;
	background: none;
	text-align: left;
	font-size: 1.125em;
	font-weight: bold;
	padding: 0 0 20px;
	margin: 0;
}
.home .content div p {
	padding-bottom: 30px;
}
.home .content div .more {
	clear: left;
	position: relative;
	top: -2em;
	left: 158px;
	margin-bottom: -2em;
}
	
/* Events
========================================================================================== */
.events div {
	background-color: #00AE94;
	padding: 25px 10px 15px;
	margin: 10px 0 25px;
	height: 5em;
}
.events div label {
	position: relative;
	float: left;
	clear: none;
	display: block;
	width: 255px;
	height: 2em;
	padding: 1em 0;
	top: 0;
	left: 0;
}
.events div select {
	font-weight: normal;
	color: #000;
	width: 140px;
	position: absolute;
	left: 0;
	top: 0;
}
.events div fieldset {
	display: inline;
	float: left;
	margin: 0 ;
	padding: 0;
}
.events div label input {
	position: absolute;
	left: 150px;
	top: 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFF;
	width: auto;
}
.events div br {
	display: none;
}
.events label.showAll input {
	left: 0;
}

.events div .btn {
	margin-right: 10px;
}

.events table {
	margin: 0 20px;
	width: 675px;
}
.events th {
	text-align: left;
	font-size: 0.812em;
	font-weight: bold;
	color: #000;
	padding: 30px 0 15px;
}
.events tr.spacer td {
	background: url(../Images/inner_dot_square.gif) repeat-x center left;
	padding: 10px;
}
.events td {
	padding: 0;
	font-size: 0.625em;
	color: #515151;
}
.events td .more {
	font-size: 1em;
	float: right;
}

/* Event Detail
========================================================================================= */
.detail {
	margin: 10px 15px;
}
.eventLeft {
	width: 360px;
	float: left;
}
.eventLeft h2 {
	color: #000;
	font-size: 1em;
	padding-bottom: 7px;
	margin: 0;
}
.eventLeft ul {
	margin-top: 20px;
	margin-bottom: 10px;
}
.eventLeft .sponsors {
	margin: 40px 0 30px;
}
.sponsors td {
	vertical-align: middle;
	padding: 10px;
}
.eventLeft .composers td {
	padding: 5px 0;
}
.eventRight {
	width: 235px;
	float: right;
}
.eventRight img {
	display: block;
	float: right;
}
.eventRight a {
	float: right;
	display: block;
	width: 119px;
	margin-bottom: 20px;
}
table.dateTimes {
	width: 100%;
	font-size: 0.687em;
}
table.dateTimes td,
table.dateTimes th {
	padding: 2px 5px;
}
table.dateTimes tr.odd {
	background-color: #EEE;
}

/* Venues
========================================================================================= */
.venues li {
	float: left;
	width: 200px;
	margin-right: 15px;
}
.otherEvents {
	clear: both;
	padding-top: 20px;
}
.venueDetail dl {
	padding: 0;
	margin: 0;
	float: left;
	width: 300px;
	margin-bottom: 20px;
}
.venueDetail dt {
	font-weight: bold;
	float: left;
	clear: left;
	font-size: 0.625em;
	line-height: 2;
	width: 75px;
	padding: 3px 5px;
}
.venueDetail dd {
	font-size: 0.625em;
	float: left;
	margin: 0;
	line-height: 1.5;
	width: 200px;
	border: solid 1px #FFF;
	padding: 3px 5px;
}
.venueDetail img.imgVenue {
	display: block;
	margin-bottom: 20px;
	float: left;
	clear: left;
}
.venueDetail a.btnEvents {
	float: right;
	margin-bottom: 20px;	
}
#googleMap {
	float: right;
	clear: right;
	width: 290px;
	height: 300px;
	border: solid 2px #E73839;
}

/* Genres
========================================================================================= */
.genres {
	width: 100%;
}
.genres a {
	font-size: 0.875em;
	padding: 3px;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
.Jazz {
	background-color: #876AA7;
	color: #FFC229;
}
.Choral {
	background-color: #00AE94;
	color: #FFC229;
}
.Family {
	background-color: #E73839;
	color: #FFC229;
}   
.Free {
	background-color: #ECCC3A;
	color: #E73839;
}  
.Classical {
	background-color: #009CD6;
	color: #FFC229;
}  
.Childrens {
	background-color: #F0962F;
	color: #E73839;
} 

/* Sponsers
========================================================================================= */
ul.sponsers {
	border: 1px solid #C0C0C0;
	margin: 30px 50px;
	overflow: hidden;
}
ul.sponsers li {
	float: left;
	padding: 10px 0;
	width: 250px;
	height: 100px;
	text-align: center;
}
dl.corpFriends {
	width: 33%;
	float: left;
}
dl.corpFriends dt { 
	font-weight: bold;
	padding-bottom: 10px;
}
dl.corpFriends dt,
dl.corpFriends dd {
	font-size: 0.625em;
	width: 30%;
	margin: 0;
	white-space: nowrap;
}
.sponserImgs {
	float: left;
	margin-right: 30px;
}
.sponserImgs img {
	display: block;
	margin-bottom: 5px;
}
.sponserLevel dt {
	margin-top: 10px;
}

/* Links
========================================================================================== */
.links {
	margin: 0 30px;
	overflow: auto;
}
.links li {
	float: left;
	width: 49%;
	padding-top: 10px;
}

/* Contact
========================================================================================== */
.contact dt,
.contact dd {
	font-size: 0.687em;
	padding-bottom: 5px;
	float: left;
	width: 120px;
	line-height: 1.3;
}
.contact dt {
	clear: left;
	font-weight: bold;
}
.contact dd {
}

/* About us
========================================================================================== */
.aboutUs {
	background: url(../Images/inner_dot_square.gif) repeat-x bottom left;
	padding-bottom: 20px;
	overflow: hidden;
}
.aboutUs dt {
	float: left;
	clear: left;
	width: 300px;
	font-weight: bold;
	font-size: 0.687em;
	margin-top: 20px;
}
.aboutUs dd {
	float: left;
	width: 300px;
	margin-top: 20px;
}
.aboutUs dd dt,
.aboutUs dd dd {
	width: 150px;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 5px 0;
}
.aboutUs dd dd {
	font-style: italic;
}
.aboutUs dd em {
	clear: left;
	display: block;
	padding-top: 5px;
}
.aboutUs dd ul {
	margin: -5px 0 0 0;
}
.aboutUs dd li {
	font-size: 1em;
	margin: 5px 0 0 0;
	padding: 0;
}
.aboutUs dd.supporters {
	clear: left;
	width: 100%;
}
.aboutUs dd.supporters li {
	display: inline;
}
.aboutUs dd.supporters li img {
	vertical-align: middle;
	margin: 0 36px 20px 0;
}

/* News
========================================================================================== */
.news {
	width: 100%;
}
.news td {
	padding: 20px;
	background: url(../Images/inner_dot_square.gif) repeat-x top left;
}
.news td.first {
	padding-top: 0;
	background: 0;
}
.news h2,
.newsDetail h2 {
	margin-top: 0;
}
.news a {
	float: left;
	display: block;
}
.news div {
	float: right;
	width: 440px;
	padding-bottom: 20px;
}
.news div a {
	width: auto;
	display: inline;
	margin: 0;
}
.news .more {
	clear: left;
	position: relative;
}

.newsDetail div {
	float: left;
	width: 350px;
}
.newsDetail img {
	float: right;
	margin-left: 30px;
	margin-top: 1.5em;
}
.newsDetail .more {
	margin-top: 50px;
	float: right;
	margin-left: 20px;
}
.newsDetail .back {
	margin-top: 50px;
	clear: left;
	float: left;
}

/* Gallery
========================================================================================== */
ul.gallery li {
	color: #000;
	padding: 20px 0;
	clear: both;
	background: url(../Images/inner_dot_square.gif) repeat-x top left;
	width: 647px;
	float: left;
	font-size: 1em;
}
ul.gallery li.first {
	background: none;
}
ul.gallery h2 {
	color: #000;
}
ul.gallery div {
	float: left;
	width: 485px;
	padding-left: 40px;
}
ul.gallery img {
	float: left;
	display: inline;
}
ul.gallery a.more {
	float: left;
	clear: left;
}
ul.gallery h2 {
	margin-top: 0;
}