/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #329bd5; text-decoration: none;  }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 71% verdana,sans-serif; color: #333; background-color: #9ED2E0; text-align: center; }
#wrapper { width: 747px; margin: 0 auto; padding: 5px 0; text-align: left; background-color: #fff; }

/* Headings,text
================================================================*/
h1, h2, h3 { clear: left; font-weight: bold; }
h1, #pageHome h2 { margin-bottom: 8px; padding-left: 11px; color: #fff; font-size: 1.2em; line-height: 25px; text-transform: uppercase; background-color: #9ED2E0; }
#pageHome h2 { margin-bottom: 4px; padding-top: 1px; line-height: 24px; }
#pageHome h1 { margin: 0; padding: 0; line-height: normal; background-color: #cec8ba; }
h2 { margin-bottom: 4px; font-size: 1.1em; color: #2c9bd0; }
h2 em { display: block; font-style: normal; font-size: 0.9em; }
#gallery h2 { background-color: #fff; color: #8cc5d0; }
h3 { margin-bottom: 2px; font-size: 1em; color: #2c9bd0; }
h3 span, h3 em { font-weight: normal; font-style: normal; }
h4 { font-size: 1em; color: #333; }
#pageStaff h2 { color: #333; font-size: 1em; }
ul { list-style: none; }
#text p, #text li { line-height: 1.3em; }
#text p { clear: left; }
#text p, #text dl, #text ul { margin: 0 0 1.4em;  }
#text ul.bulleted { list-style: disc; margin-left: 17px; }
#text li { margin-bottom: 0.5em; }

/* Forms
===============================================================*/
form { margin: 1em 0 2em; }
input, select, textarea { font: 1em verdana,sans-serif; color: #333; }
form .folaigh { display: none; }
label { float: left; display: inline; width: 130px; margin-right: 5px; }
select { width: 193px; }
textarea { width: 190px; height: 65px; }
textarea.large { height: 120px; }
input.standard { width: 190px; }
form p.actions { padding-left: 135px; padding-top: 1em; }
#formList p.actions { padding: 0; }
p.alert { color: #2c9bd0; font-weight: bold; }
.options { float: left; display: inline; width: 200px; margin-top: 1em; }
form div.wide { width: 300px; margin-top: 2.4em; } 
.options label { float: none; width: auto; }
.options ul { padding-top: 1em; }

/* Structure
================================================================*/
#branding { position: relative; width: 737px; height: 76px; margin: 0 5px 10px; background-color: #cec8ba; }
#branding img { margin: 33px 0 0 12px; }
#boxoffice { text-indent: -999em; position: absolute; top: 47px; right: 12px; width: 186px; height: 13px; background: url(../images/template/box_office.gif) no-repeat top left; color: #726e63; font-size: 1.2em; }

#main { width: 737px; margin: 0 5px; }

#nav, #content, #text, #photos { float: left; display: inline; }
#nav { width: 151px; margin-right: 7px; }
#nav li { margin-bottom: 1px;  }
/*use 5px padding and 144px width to get tech info hover on one line*/
#nav li a { display: block; border: 1px solid #dedfd1; width: 139px; padding: 1px 0 0 10px; line-height: 20px; }
#nav ul ul a { border: 0; color: #999; padding-bottom: 2px; }
#nav ul ul a:visited { color: #999; }
#nav li a, #nav li a:visited { color: #333; }
#nav ul ul { display: none; margin-top: 1px; border: 1px solid #dedfd1; }
#nav a:hover, .sectionAbout #navAbout a.primary, .sectionEvents #navEvents a.primary, .sectionBook #navBook a.primary, .sectionFind #navFind a.primary, .sectionList #navList a, #pageStaff #navStaff a, #pageTechnical #navTech a, #pageInvolved #navInvolved a, #pageLinks #navLinks a, #pageArchive #navArchive a, #pagePlan #navPlan a, #pageListings #navListings a, #pageVisual #navVisual a, #pageWorkshops #navWorkshops a, #pageFestivals #navFestivals a, #pageDownload #navDownload a, #pageDev #navDev a, #pageVenue #navVenue a { font-weight: bold; text-decoration: none; }
.sectionAbout #navAbout ul, .sectionEvents #navEvents ul, .sectionBook #navBook ul, .sectionFind #navFind ul, .sectionList #navList ul { display: block; }


#content { width: 579px; min-height: 300px; height: auto; }
* html #content { height: 300px; }
#text { margin-left: 11px; width: 379px; }
#photos { margin: 2px 0 0 8px; width: 181px; }
.sectionEvents #text, .wide #text { width: 568px; }
.sectionEvents #photos, .wide #photos { display: none; }

#footer { clear: left; font-family: Arial, Helvetica, sans-serif; width: 742px; color: #999; }

/*funding logos*/ 
#nav #funders { clear: left; margin: 0; }
#footer #funders { float: left; display: inline; width: 150px; margin: 19px 4px 0 6px; }
#funders li { float: left; display: inline; padding-top: 3px; /*background-color: #0f0;*/ }
#funders li.first { margin-right: 15px; padding-top: 0; }
#funders li a, #nav #funders li a { border: 0; padding: 0; width: auto; }
#funders li img { display: block; margin: 0 0 18px; /*margin: 0 0 25px;*/ }
/*#nav #funders li { text-align: center; }*/


#features { float: left; display: inline; width: 582px; margin: 3px 0 12px; }
#features li { float: left; display: inline; width: 191px; margin-left: 3px; }
#links { float: left; display: inline; width: 570px; margin-left: 172px; padding-bottom: 15px; color: #999; }
#links li { float: left; display: inline; margin-right: 8px; padding-right: 8px; line-height: 11px; border-right: 1px solid #999; }
#links li a, #links li a:visited { color: #999; }
#links li.last { border-right: 0; padding-right: 0; margin-right: 0; }

/* Special cases
================================================================*/
dt { clear: left; font-weight: bold; }
dd { float: left; margin: 0 6px 1em 0; }

#pageEvents dt { float: left; display: inline; width: 150px; font-weight: normal; }
#pageEvents dd { float: none; margin: 0 0 1em; }

.listing { clear: left; float: left; display: inline; width: 560px; padding-bottom: 2.4em; }
.nopic { margin-left: 194px; width: 366px; }
.listing img { float: left; margin: 3px 13px 0 0; }
.listing div { float: left; display: inline; width: 365px; }
.listing h2 { margin-bottom: 1px; }
.listing h3 { font-weight: normal; }
#content .listing p { margin-bottom: 0.5em; }

a.book, a.more { padding-right: 18px; text-transform: uppercase; background: center right no-repeat; }
a.book { background-image: url(../images/icons/arrow-green.gif); color: #9c6; font-size: .95em; }
a.book:visited { color: #9acd68; }
a.more { background-image: url(../images/icons/arrow.gif); }
a.more:hover, a.book:hover { text-decoration: none; font-weight: bold; }

/*homepage*/
/*flag icons*/
#flags { float: left; margin: 15px 0 30px 2px; }
#flags li { float: left; display: inline; margin-right: 10px; }
#flags li a { display: inline; border: 0; padding: 0; width: auto; }

/*special promotion logos*/
/*.promotion { text-align: center; }*/
.promotion img { margin: 0 0 1em 0.4em; }

/*contact info*/
#contact { margin: 0 0 4px 4px; padding-top: 10px; }
#contact h3 { margin-bottom: 19px; }
#contact h4 { font-weight: normal; }
#contact p { margin-bottom: 1.6em; line-height: 1.3em; }

#pageHome #content { font-family: Arial, Helvetica, sans-serif; }
#pageHome h2 { font-family: Verdana, Arial, Helvetica, sans-serif; }
#pageHome h3 a, #pageHome h3 a:visited { color: #333; }
#pageHome h3 a:hover { text-decoration: none; }

/*social media icons*/
#social { padding-top: 1em; width: 151px; }
a#facebook { /*float: left;*/ display: block; padding-left:40px; height: 35px;  background: url(../images/icons/facebook.jpg) center left no-repeat; line-height: 1.5em; }

#highlight, #upcoming, #gallery, .event { float: left; display: inline; }
#highlight { position: relative; }
#highlight h2 { margin-bottom: 0; border-bottom: 3px solid #fff; }
#highlight img { position: absolute; top: 0; right: 0; border-left: 3px solid #fff; }
#highlight { margin-bottom: 3px; width: 579px; background-color: #e8e5dc; }
#upcoming { width: 385px; /*width: 579px;*/ background-color: #9ED2E0; }
.event { position: relative; margin: 0 7px 5px 5px; /*min-height: 272px;*/ /*min-height: 296px;*/ min-height: 309px; height: auto; width: 181px; line-height: 1.35em; }
#highlight .event { margin: 0 0 0 6px; width: 282px; min-height: 188px; }
.event img { border-bottom: 3px solid #fff; }
.event h3 { margin: 6px 0 5px 3px; min-height: 56px; height: auto; color: #333; font-weight: normal; }
#highlight .event h3 { margin-top: 12px; margin-top: 12px; min-height: 40px; /*margin-bottom: 20px; min-height: inherit;*/ line-height: 1.5em; }
.event p { margin-left: 3px; }
#upcoming .event h3 { margin-left: 6px; }
.event h3 strong { font-weight: bold; font-size: 1.1em; display: block; }
.event a.more { position: absolute; bottom: 7px; right: 10px; }
#highlight .event a.more { bottom: 8px; }
#upcoming .event { margin-right: 6px; background-color: #e3f2f7; }
.event ul { clear: left; margin: 0 0 0.75em 3px; }
.event li.date { font-weight: bold; }
#upcoming .event ul { margin-left: 6px; }
#upcoming .first {  margin-right: 7px; }
#upcoming .event img { border-bottom: 3px solid #9dd3df; }

/*height necessary for ie7*/
#gallery { margin-left: 3px; width: 189px; border: 1px solid #9ED2E0; }
#gallery .event { margin-left: 4px; margin-bottom: 3px;  }

/*no gallery on home page changes*/
/*
#upcoming { width: 579px; }
#gallery { display: none; }
*/
/*end no gallery changes*/

#pageHome #features { width: 579px; }
#pageHome #features li.first { margin-left: 0; }
#pageHome #links { width: 470px; }

/*design credit*/
a#credit { float: right; display: inline; width: 70px; margin-right: 3px; text-transform: lowercase; color: #d4d3ce; text-align: right; }
a#credit:visited { color: #d4d3ce; }
a#credit:hover { color: #aaa; }

/*seating plan*/
#pagePlan #content img { margin-bottom: 2em; }

/*sitemap*/
.column { float: left; display: inline; width: 200px; margin-right: 20px; padding-bottom: 2em; }
#pageMap .column li.spaced { margin-top: 2em; }
#pageMap .column h2 { margin-top: 1em; }
#content .column li li a, #content .column li li a:visited { color: #333; }

/*links page*/
#pageLinks .column { padding-top: 1em; width: 225px; margin-right: 25px; }
#pageLinks #content li a, #pageLinks #content li a:visited { color: #333; }
#pageLinks #content li a:hover { color: #329bd5; }

/*paging*/
ul.pagination li { float: left; margin-right: 10px; color: #999; }
ul.pagination li.current { font-weight: bold; }

/*insideout changes may 09*/
/*decrease padding to avoid events link going on to 2 lines on hover*/
/*
#nav li a { padding-left: 7px; width: 142px; }
* html #nav a { width: 149px; w\idth: 142px; }
#nav li.multi a { line-height: 17px; }
#boxoffice { top: 10px; right: 20px; }
#branding h1 img, #branding a img { margin-top: 39px; }
#branding img#banner-io { position: absolute; width: 150px; height: 28px; margin: 0; top: 38px; right: 20px; }
span.inside, span.out { font-weight: bold; text-transform: uppercase; }
span.inside { color: #f06; }
span.out { color: #f60; }
*/

/*home*/
#intro { padding: 9px 15px 15px 4px; font-family: verdana, sans-serif; line-height: 1.3em; }
#intro img { float: left; display: inline; width: 121px; margin: 14px 13px 13px 0; }
#intro a, #intro a:visited { color: #f06; }