/* site structure */
label {color: #2A2A2A;}
textarea {color: #2A2A2A; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.75em; overflow: auto;}

/* header */
.skip {display: block; left: -9999em; position: absolute;}
#header-subpage {height: 90px; margin: auto; text-align: left; width: 960px;}

.logo {float: left;}
.hazelhurst-logo {height: 60px; margin: 15px 0 0;}
.ssc-logo {margin: 15px 0 0 30px; height: 60px;}
.header-contact {color: #3b3c41; font-size: 0.75em; float: right; line-height: 1.4em; margin: 14px 0 0 0; padding: 0; text-align: right;}
.header-contact a {color: #502f5f;}

/* subsite-nav*/
#council-nav-container {background: url('subsite-nav-bg.gif') repeat-x 0 bottom; height: 44px; margin: 0; padding: 0; overflow: visible; width: 100%;}

#council-nav {height: 2.75em; margin: auto; overflow: visible; text-align: left; width: 960px;}
.subsite-home-logo {float: left; padding: 8px 8px 0 0;}
#council-nav-list {float: left; margin: 0; padding: 0;}

#council-nav #council-nav-list .subMenu span { display:block; height: 3.3em; font-size:0.9em; padding:8px 10px 0 11px; text-transform: uppercase;}

#council-nav #council-nav-list {background: url('subsite-nav-ends.gif') no-repeat 0 0; float: right; margin:0; padding: 0 2px 0 2px;}
#council-nav #council-nav-list .subMenu {background: url('subsite-nav-divider.gif') no-repeat right 7px; float:left; height: 3.7em; list-style:none; padding-right: 2px;}
#council-nav #council-nav-list .subMenu a {cursor: pointer; height: 3.7em;}
#council-nav #council-nav-list .subMenu a:link,
#council-nav #council-nav-list .subMenu a:visited {color: #5a5a5a; text-decoration: none;}
#council-nav #council-nav-list .subMenu a:focus,
#council-nav #council-nav-list .subMenu a:hover,
#council-nav #council-nav-list .subMenu a:active {background: #f8f8f8 url('subsite-nav-hover.gif') repeat-x 0 bottom; color: #2a2a2a; display: block; text-decoration: none;}

#council-nav #council-nav-list #coucil_shire-nav {width: 90px;}
#council-nav #council-nav-list #myplace-nav {width: 75px;}
#council-nav #council-nav-list #ourcommunity-nav {width: 90px;}
#council-nav #council-nav-list #building_development-nav {width: 105px;}
#council-nav #council-nav-list #recreation-nav {width: 95px;}
#council-nav #council-nav-list #Library-nav {width: 75px;}
#council-nav #council-nav-list #arts_entertainment-nav {width: 110px;}
#council-nav #council-nav-list #environment-nav {width: 95px;}
#council-nav #council-nav-list #business-nav {background: none; width: 75px; }

/* content  */
#content {background: #fff; clear: both; margin: auto; padding-top: 21px; text-align: left; width: 960px;}
#content.hazelhurst-home  {padding: 0;}

/* content-nav */
#content-nav-area { float: left; margin-right: 15px; width: 200px;}

/* content-area */
.hazelhurst-home #content-area {background: #fff; float: left; padding-bottom: 13px; width: 960px;}
#content-area {background: #fff; float: left; padding-bottom: 13px; width: 745px;}

/* content-1 */
#content-1 {float: left; width: 530px;}

/* content-2 */
#content-2 {float: right; padding: 7px 6px 6px 6px; width: 188px;}

/* primary nav */
.subsite-nav-container {margin: auto; width: 960px;}

.subsite-nav {background: url("primary-nav-bg-haz.gif") repeat-x 0 0; float: left; height: 2.35em; width: 960px;}

#primary-nav {background: url("primary-nav-ends-haz.gif") no-repeat 0 0; height: 2.35em; width: 960px;}

#subnav-container  ul li {list-style: none;}

#primary-nav-list {float: left; height: 2.35em; list-style: none; margin: 0; padding: 0 3px 0 3px;}
#primary-nav-list li {background: url("primary-nav-divider-haz.gif") no-repeat right 8px; display: block; float: left; height: 2.35em; margin: 0; padding: 0;}
*html #primary-nav-list li {width: 90px;}
*html #primary-nav-list li a.class7 {width: 235px;}
*html #primary-nav-list li a.class12 {width: 145px;}
#primary-nav-list li a {color: #fff; display: block; font-weight: bold; height: 3.2em; margin-right: 1px; padding: 0; text-decoration: none; text-transform: uppercase;}
#primary-nav-list li a:link,
#primary-nav-list li a:visited {background: url("primary-nav-bg-haz.gif") repeat-x 0 0;}
#primary-nav-list li a:focus,
#primary-nav-list li a:active,
#primary-nav-list li a:hover {background: url('primary-nav-hover-haz.gif') repeat-x 0 0; color: #fff;}
#primary-nav-list li.selected {background: url('primary-nav-hover-haz.gif') repeat-x 0 0; color: #fff;}

#primary-nav-list li a span {float: left; padding: 10px 16px 0 17px;}
*html #primary-nav-list li a span {padding: 10px 11px 0 12px;}
#primary-nav .second-level { background: #fff url("primary-nav-dropdown-bg.gif") repeat-x 0 0; border: 1px solid #585960; border-top: 1px solid #502f5f; display:none; list-style: none; margin: -1px 0 0 0; padding: 0; position:absolute; text-align: left; width:165px;}

#primary-nav .second-level li {background: none; clear:left; font-weight: normal; height: auto; padding: 0; width:165px;}

#primary-nav .second-level li a {border-bottom: 1px solid #e8e8e8; display:block; font-weight: normal; height: auto; margin: 0; text-decoration:none; text-transform: none;}

#primary-nav .second-level li a:link,
#primary-nav .second-level li a:visited {background: none; color:#3D4242; text-decoration: none;}
#primary-nav .second-level li a:focus,
#primary-nav .second-level li a:hover,
#primary-nav .second-level li a:active {background: #6b3f7f url('second-level-bg-haz.gif') repeat-x 0 0; color: #fff; text-decoration: none;}

#primary-nav #primary-nav-list .second-level li a span {display:block; font-size: 1.3em; float: none; height: auto; padding: 5px; text-decoration:none; text-transform: none;}

#primary-nav-container #primary-nav .second-level.on {display:block;}

/* secondary nav */
#subnav-container {background-color: #f7f7f7; border-bottom: 1px solid #502f5f; border-top: 3px solid #502f5f; margin-bottom: 10px; padding: 10px 0 13px 0;}
#subnav-container  ul li {list-style: none;}

#subnav {background-color: #f7f7f7; list-style: none; margin: 0; padding: 7px 3px 5px 3px;}
#subnav li {margin: 0; padding: 0;}
*:first-child+html #subnav li {display: inline-block;}
*html #subnav li {display: inline-block;}

#subnav li a {display: inline-block;} /* ie white space fix */
#subnav li a {font-weight: bold; display: block; padding: 5px 8px 3px 8px; text-decoration: none;}
#subnav li a:link,
#subnav li a:visited {background-color: none; color: #5b5b5b;}
#subnav li a:focus,
#subnav li a:active,
#subnav li a:hover {background-color: #502f5f; color: #fff;}
#content-nav #subnav li .current {background-color: #502f5f; color: #fff;}

#subnav .second-level {list-style: none; margin: 0; padding: 3px 0 0 0;}
#subnav .second-level li {margin: 0; padding: 0;}
*:first-child+html .second-level li {display: inline-block;}
#subnav .second-level li a {font-weight: normal; font-size: 1.3em; display: block; padding: 3px 0 4px 23px; text-decoration: none;}
#subnav .second-level li a:link,
#subnav .second-level li a:visited {background: url("icon-nav-third-hazel.gif") no-repeat 11px 8px #f7f7f7; color: #5b5b5b;}
#subnav .second-level li a:focus,
#subnav .second-level li a:active,
#subnav .second-level li a:hover {background: url("icon-nav-third-hazel.gif") no-repeat 11px -92px #502f5f; color: #fff;}
#content-nav .second-level li.selected a {background: url("icon-nav-third-hazel.gif") no-repeat 11px -92px #502f5f; color: #fff;}


#subnav ul.listClear {list-style: none; margin: 0; padding: 3px 0 0 15px;}
#subnav ul.listClear li {margin: 0; padding: 0;}
*:first-child+html #subnav ul.listClear li {display: inline-block;}
#subnav ul.listClear li a {font-weight: normal; font-size: 1.8em; display: block; padding: 3px 0 4px 23px; text-decoration: none;}


/* social-links */
.social-links {display: block; height: 0; margin-bottom: 10px; overflow: hidden; padding-top: 49px; text-indent: -9999em; width: 200px;}

.hazel-facebook:link,
.hazel-facebook:visited {background: url("hazel-social-sprite.gif") 0 0 ;}
.hazel-facebook:active,
.hazel-facebook:hover,
.hazel-facebook:focus {background: url("hazel-social-sprite.gif") 0 -79px ;}

.hazel-twitter:link,
.hazel-twitter:visited {background: url("hazel-social-sprite.gif") 0 -158px ;}
.hazel-twitter:active,
.hazel-twitter:hover,
.hazel-twitter:focus {background: url("hazel-social-sprite.gif") 0 -237px ;}

.hazel-instagram:link,
.hazel-instagram:visited {background: url("hazel-social-sprite.gif") 0 -475px ;}
.hazel-instagram:active,
.hazel-instagram:hover,
.hazel-instagram:focus {background: url("hazel-social-sprite.gif") 0 -554px ;}


.hazel-subscribe:link,
.hazel-subscribe:visited {background: url("hazel-social-sprite.gif") 0 -316px ;}
.hazel-subscribe:active,
.hazel-subscribe:hover,
.hazel-subscribe:focus {background: url("hazel-social-sprite.gif") 0 -395px ;}

.hazel-youtube:link,
.hazel-youtube:visited {background: url("hazel-social-sprite.gif") 0 -633px ;}
.hazel-youtube:active,
.hazel-youtube:hover,
.hazel-youtube:focus {background: url("hazel-social-sprite.gif") 0 -712px ;}

/* hazelhurst-details */
.hazelhurst-details {background: #f1f1f1; border: 1px solid #d4d4d4; padding: 10px 10px 2px 10px;}
.hazelhurst-details h2 {font-size: 0.75em !important; margin-bottom: 0.5em !important;}
.hazelhurst-details strong {color: #502F5F; font-weight: bold;}
.hazelhurst-details p {padding-bottom: 0.5em;}
.hazelhurst-details p span {display: inline-block; width: 85px;}
#content .hazelhurst-details a {border-top: 1px solid #d4d4d4; display: block; margin-top: 5px; padding-top: 5px;}


/* event page */
.event-page h1 {padding-bottom: 0.6em;} 
.event-date {color: #502f5f; font-size: 0.9em; font-weight: bold;}
.event-hero {margin-bottom: 20px;}
.event-contact {position:relative;}
.contact-info {color:#502f5f; font-weight:bold; left:0;}

#content .exhibition-related h3 {float: left;}
#content .exhibition-related ul {list-style-type: none; margin: 0 0 1.5em 0; padding: 0 0 0 150px;}
.exhibition-related ul li {}

/* footer */
#footer-container {background: #393c42; clear: both; float: left; margin-top: 30px; padding-bottom: 30px; width: 100%;}
#footer {height: 690px; margin: auto; padding-top: 5px; text-align: left; width: 960px;}

/* footer tabs */
#footer .tabs {}
#footer .tabs-list {float: left; height: 45px; list-style: none; margin: 0; padding: 0; width: 960px;}
#footer .tabs-list li {float: left; font-size: 1em; height: 44px; margin-right: 35px;}
#footer .tabs-list .current {background: url("subsite-footer-tab-arrow.gif") no-repeat center 29px; color: #272727;}

#content #footer .tabs-list .current a {color: #272727; font-size: 1.38em; font-weight: normal; letter-spacing: 0.01em; text-decoration: none; }

#footer .tabs-list li a {color: #9d9ea1; font-size: 1.38em; font-weight: normal; letter-spacing: 0.01em; padding: 0 0 0 21px; text-decoration: none;}
#footer .tabs-list li a:link,
#footer .tabs-list li a:visited {color: #9d9ea1;}
#footer .tabs-list li a:focus,
#footer .tabs-list li a:hover,
#footer .tabs-list li a:active {color: #272727;}
#footer .tabs-list li.current a {color: #272727;}

.footer-site-map {}          
.footer-rss {background: url("footer-social-icons.gif") no-repeat 0 2px;}
.footer-twitter {background: url("footer-social-icons.gif") no-repeat 0 -148px;}
.footer-you-tube {background: url("footer-social-icons.gif") no-repeat 0 -298px;}
.footer-myspace {background: url("footer-social-icons.gif") no-repeat 0 -448px;}
.footer-facebook {background: url("footer-social-icons.gif") no-repeat 0 -598px;}
.footer-flickr {background: url("footer-social-icons.gif") no-repeat 0 -748px;}

#footer .current-info {position: absolute; left: -9999em;}
#footer .tabhead {position: absolute; left: -9999em;}
#footer .tab-content {clear: both; color: #fff;}
#footer .tabbody a {color: #fff;}
#footer .tabbody a:link,
#footer .tabbody a:visited {text-decoration: none;}
#footer .tabbody a:focus,
#footer .tabbody a:active,
#footer .tabbody a:hover {text-decoration: underline;}

#footer .tabbody {padding-top: 20px;}
#footer .tabbody ul {margin: 0; padding: 0;}
#footer .tabbody li {list-style: none;}

.sitemap-section {float: left; padding: 0 30px 30px 0; width: 168px;}
.sitemap-section h3 {padding-bottom: 1em;}
#footer .sitemap-section h3 a {color: #fff; }
#footer .tabbody .last {padding-right: 0;}
.sitemap-section ul li {padding: 0 0 0.4em 0;}
*:first-child+html .sitemap-section ul li {display: inline-block;}

.footer-legals {clear: both; float: right}
.footer-legals p {color: #e3e3e3; display: inline; float: left; padding: 5px 0 0 0;}
.footer-legals p a {margin-left: 7px; padding-left: 7px;}
.footer-legals p a:link,
.footer-legals p a:visited {color: #e3e3e3; text-decoration: none;}
.footer-legals p a:focus,
.footer-legals p a:hover,
.footer-legals p a:active {color: #e3e3e3; text-decoration:underline;}

.footer-legals .search-site {float: left; padding-left: 25px;}
.footer-legals .search-field {float: left;}
#footer .search-site label {display:block; height:0; text-indent:-9999em;}
#footer .search-site .search-field, #internalSearch input {background: url("search-bg.png") no-repeat 0 0; border: 0; color: #6e6e6e; float: left; font-size: 0.75em; height: 18px; padding: 2px 0 0 3px; width: 172px;}
#footer .search-submit-button {background:  url("search-button-bg.png") no-repeat 0 0; border: 0; color: #fff; cursor: pointer; float: left; font-size: 0.75em; font-weight: bold; margin-left: 2px; padding: 1px 2px 2px 2px; width: 39px;}

/* feature-areas */
.feature-area {clear: both; float: left; margin-top: 25px; width: 960px;}
.feature-area h2 {display: none;}
.feature-area .story-block {float: left; margin: 0 27px 0 0; width: 170px;}
*html .feature-area .story-block {margin-right: 21px;}
.feature-area .story-block h3 {color: #502f5f !important; margin: 10px 0 10px 0; padding: 0;} 
.feature-area .story-block img {background: #FFFFFF url(image-bg-hazel-feature.gif) no-repeat scroll 0 0; padding: 0 5px 6px 0;}
#content-area .feature-area .last-storyblock {margin: 0;}
.feature-area .last-storyblock {margin-right: 0;}

/* facility page */
.facility-contact-details span {display: inline-block; width: 100px;}
a.book-it-facility {background: #502F5F url("book-enquire-bg.gif") no-repeat 0 0; color: #fff; display: block; font-size: 0.7em; font-weight: bold; height: 17px; margin-bottom: 10px; padding: 3px 0 0 0; text-align: center; text-transform: uppercase; width: 114px;}
#content a.book-it-facility:link,
#content a.book-it-facility:visited {color: #fff; text-decoration: none;}
#content a.book-it-facility:focus,
#content a.book-it-facility:active,
#content a.book-it-facility:hover {color: #fff; text-decoration: underline;}

#content .facility-content-2 {padding: 0; width: 200px;}

.right-column-hero {margin-bottom: 10px; padding-left: 6px;}

/* page-listing */
.page-display {background-color: #E1E1E1; clear: both; float: left; margin-bottom: 20px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.page-listing {clear: both; float: left; position: relative;} 

/* page-shortlist */
.page-shortlist {background: #fff; clear: both; float: left; margin-bottom: 15px; padding: 8px; position: relative; width: 709px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.page-shortlist  h2 {font-size: 0.75em; font-weight: bold; padding-left: 145px;}
.page-listing .event-dates {color: #464646; display: block; font-weight: bold; margin-bottom: 0.5em; padding: 0 0 0 145px; width: 420px;}
*:first-child+html .page-listing .event-dates {padding-left: 13px; width: 360px;}
.page-shortlist .thumbnail {border: 3px solid #efefef; float: left; margin: 0; padding: 0;}
.page-standfirst {padding-left: 145px; width: 530px;}
*:first-child+html .page-standfirst {padding-left: 13px; width: 490px;}

.page-shortlist a.book-it-facility {position: absolute; right: 8px; top: 8px; width: 128px;}
.opening-hours {background-color: #f1f1f1; float: right; padding: 7px 6px 6px 6px; width: 188px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.opening-hours h2 {background: url("h2-bg-hazel.gif") repeat-x #502F5F 0 top; font-size: 0.75em; padding: 5px 10px 4px 10px; color:#fff;}
.opening-hours-content {background-color: #fff; padding: 8px 10px;}
.opening-hours p {background: #fff; padding: 5px 0px 8px;}

/* publications */
.page-details-link {background: #502F5F url("event-details-haz.gif") no-repeat 0 0; color: #fff; display: block; font-size: 0.7em; font-weight: bold; height: 17px; padding: 3px 0 0 0; position: absolute; right: 8px; top: 8px;  text-align: center; text-transform: uppercase; width: 114px;}
#content a.page-details-link:link,
#content a.page-details-link:visited {color: #fff; text-decoration: none;}
#content a.page-details-link:focus,
#content a.page-details-link:active,
#content a.page-details-link:hover {color: #fff; text-decoration: underline;}
.cover-thumbnail {float:left; margin:0 15px 15px 0;}

/* related-links */
.related-links {background-color: #f8f8f8; border: 1px solid #e5e5e5; margin-top: 20px; padding: 11px 10px 6px 14px; width: 506px;}
.related-links h2 {color: #6f6f6f; font-weight: bold; font-size: 0.75em; margin: 0 0 0 0; padding: 0 0 5px 0;}
.related-links ul {margin: 0; padding: 0;}
.related-links ul li {list-style: none; padding-bottom: 5px;}
.related-links ul li a {background: url("icon-related-link.gif") no-repeat 0 2px; color: #6f6f6f; padding-left: 16px;}

/* page-feedback */
.page-feedback {clear: both; float: left; background-color: #f8f8f8; border: 1px solid #e5e5e5; margin-top: 20px; padding: 11px 10px 6px 14px; width: 506px;}
.page-feedback label {height: 24px; line-height: 24px;}
.page-feedback .form-group {font-size: 0.75em;}
.page-feedback fieldset {border: 0; margin: 0; padding: 0;}
.page-feedback input {float: left; border: 1px solid #CCC; margin: 0; font-size: 1.5em; padding: 4px;}
.page-feedback input[type="radio"] {height:24px; line-height: 24px; border: 0; cursor: pointer; margin-right: 6px;}
.page-feedback textarea {border: 1px solid #ccc; float: left; height: 80px; margin: 5px 0 10px 0; padding: 2px; width: 495px; font-size: 1em;}
.page-feedback input[type="submit"] {float: left; margin-left: 5px; height: 32px;}
.page-feedback .btn {font-size: 16px; font-weight: bold; border-radius: 4px; padding: 0 10px; background-color: #502F5F; color: #ffffff; border: 1px solid #2C0041;}
.btn:hover, .btn:focus, .btn:active {background-color: #2C0041;}

.page-feedback .validation-error {clear: both; display: block; padding: 10px; background-color: rgba(255, 0, 0, 0.2); color: rgb(158, 3, 3); border: 1px solid rgb(158, 3, 3); margin-bottom: 10px;}
.page-feedback .has-error label {color: rgb(158, 3, 3); font-weight: bold;}
.page-feedback input.has-error,
.page-feedback textarea.has-error {border: 2px solid rgb(158, 3, 3); background-color: rgba(255, 163, 0, 0.2);
}


/* Subsite - Slide Show*/

.subsite-spotlight {height: 390px; position: relative;}

#slideShow {position: relative;}
#slideShow h2 {padding: 0;}  
#slideShow h2 a {color:#fff;}
#slideShow p {color: #fff; width: 800px;}

.spotlight-text {bottom: 0; z-index: 10;}

div#slideShowItems {}
  
#slideShowItems div {height: 390px;}
#slideShowItems span.spotlight-content {padding: 10px; position: absolute; bottom: 0; left: 0; width: 940px; z-index: 5;}

#slideShowItems span.spotlight-content-bg {background: #000; bottom: 0; height: 65px; left: 0;opacity: 0.45; filter:alpha(opacity=45); -moz-opacity:0.45; -khtml-opacity: 0.45; position: absolute; width: 960px; z-index: 1;}

div#slideShowItems img {left: 0; position: absolute; top: 0;}
  
#slideShowCount {bottom: 20px; right: 50px; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
#slideShowCount li.slide {background: #000; border: 1px solid #fff; color: #fff; float: left; margin-left: 4px; padding: 5px;}
#slideShowCount li.slide span {}  
#slideShowCount li.slide:hover {background: #fff; border: 1px solid #fff; color: #000;}
  
#slideShowCount li.selectedTab {background: #fff; border: 1px solid #fff; color: #000;}

/* gallery css */
#gallery-container {float: left; margin:0 0 20px 0; padding:0; position:relative; width:745px; z-index:0;}

#slides {z-index:100;}

.slides_inner {background: url("slide-bg-745.gif") no-repeat 0 0; height: 412px; padding: 9px 0 0 10px; width: 735px;}

/*
  Slides container
  Important:
  Set the width of your slides container
  Set to display none, prevents content flash
*/
.slides_container {display:none; height: 370px; overflow:hidden; position:relative; width:725px;}

/*
  Each slide
  Important:
  Set the width of your slides
  If height not specified height will be set by the slide content
  Set to display block
*/

.slides_container div.slide {display:block; height:370px; width:725px;}

#slides .prev {display:block; height:43px; left:10px; position:absolute; text-indent: -9999em; outline: none; top: 390px; width:70px; z-index:101;}
#slides .prev img {border: 0;}

#slides a.prev:link,
#slides a.prev:visited {background: url("gallery-arrow-sprite.gif") no-repeat 0 0;}
#slides a.prev:active,
#slides a.prev:hover,
#slides a.prev:focus {background: url("gallery-arrow-sprite.gif") no-repeat 0 -100px;}

#slides .next{display:block; height:43px; left:687px; position:absolute; text-indent: -9999em; outline: none; top: 390px; width:48px; z-index:101;}
#slides .next img{border: 0;}
#slides a.next:link,
#slides a.next:visited {background: url("gallery-arrow-sprite.gif") no-repeat -462px 0;}
#slides a.next:active,
#slides a.next:hover,
#slides a.next:focus {background: url("gallery-arrow-sprite.gif") no-repeat -462px -100px;}


#slides .pagination {background:#f2f2f2; border: 1px solid #ddd; float: left; margin:10px 0 0 1px; padding: 4px 7px 4px 7px; width: 728px;}
#slides .pagination li {float:left; list-style:none; margin: 0;}
#slides .pagination li a {border: 2px solid #f2f2f2; display:block; float:left; height: 40px; margin-right: 0; width:60px;}
#slides .pagination li a img {border: 0;}
#slides .pagination li.current a {border:2px solid #e98300; margin:0;}

.caption {background:#000; background:rgba(0,0,0,0.5); bottom:-35px; color:#fff; font-size:1em; height:27px; left:0; padding:8px 20px 0 20px; position:absolute; text-shadow:none; width:685px; z-index:500;}

*html.caption {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); background: transparent;}
*:first-child+html .caption {background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); }
.caption {background: transparent\0/; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"\0/;}
.caption p {color: #fff; margin: 0; padding: 0;}


/* exhibition landing page */
.current-exhibition-group {background-color: #E1E1E1; margin-bottom: 20px; border-radius: 5px;}
.exhibition-one {float: left; margin-right: 1px; width: 372px;}
.exhibition-two {float: left; width: 372px;}
.hero-image-container {zheight: 250px; overflow: hidden; width: 372px;}
.hero-image-container .event-hero {height: 250px; margin-left: -130px;}
.exhibition-info {padding: 12px 10px 4px 10px;}
#content .exhibition-info h2 {color: #502f5f; font-size: 1em !important; margin-bottom: 0.5em;}
#content .exhibition-info h2 a:link,
#content .exhibition-info h2 a:visited {text-decoration: none;}
#content .exhibition-info h2 a:active,
#content .exhibition-info h2 a:hover,
#content .exhibition-info h2 a:focus {text-decoration: underline;}

#content .exhibition-dates {color: #502f5f; font-weight: bold; padding-bottom: 0.5em;}

.single-exhibition .exhibition-one {margin: 0; width: 745px;}
.single-exhibition .exhibition-one .hero-image-container { width: 745px;}
.single-exhibition .exhibition-one .hero-image-container .event-hero {height: 310px; margin: 0;}
.single-exhibition .exhibition-one .exhibition-info {margin-bottom: 20px; width: 725px;}

.three-exhibition-group .exhibition-three{
  width:247px !important;
  margin-right:1px !important;
}

.three-exhibition-group .exhibition-two img {
  width:377px !important;
  margin-right:1px;
}


/* Three exhibition containers */
.three-exhibition-group .exhibition-one, 
.three-exhibition-group .exhibition-two{
        width:248px;
}

/* Three exhibition images */
.three-exhibition-group .exhibition-one img, 
.three-exhibition-group .exhibition-two img{
  
        width:378px;
        height: auto;
        margin-bottom: 2px;
}

.three-exhibition-group .exhibition-one .hero-image-container, 
.three-exhibition-group .exhibition-two .hero-image-container, 
.three-exhibition-group .exhibition-three .hero-image-container{

  height: 157px;
  
}



/* web-form-vertical */
.web-form-vertical {border: 1px solid #ccc; border-radius: 3px 3px 3px 3px; box-shadow: 5px 5px 5px #DFDFDF; margin-bottom: 60px; padding-bottom: 25px;}
.web-form-vertical .form-element {padding: 5px 10px;}
.web-form-vertical label {display: block; font-size: 0.75em; padding-bottom: 0.5em;}
.web-form-vertical .form-element.text-box label { font-weight:bold; }
.web-form-vertical .form-element.radio-button > span { font-weight:bold; }

.web-form-vertical .form-element input {border: 1px solid #9f9f9f;}
.web-form-vertical label .se-form-required-text,
.web-form-vertical label .se-form-required-asterisk {color: #e00034;}
.web-form-vertical .se-form-required-text,
.web-form-vertical .se-form-required-asterisk {color: #e00034;}
.web-form-vertical h3 {background: #e1e1e1; color: #000; margin: 0; padding: 10px; text-shadow: 1px 1px 1px #f6f6f6;}

/*.web-form-vertical .form-element {padding-bottom: 1em;}*/
.web-form-vertical table td {padding: 3px;}

.web-form-vertical .form-element .check-box {border: 0;}
.web-form-vertical .check-box label {display: inline;}
.web-form-vertical .check-box input {/*border: none;*/}
.web-form-vertical .check-box > span {font-weight: bold;}
.web-form-vertical .check-box span {font-size: 0.75em;}
.web-form-vertical .check-box table {margin-top: 0.5em;}
.web-form-vertical .check-box tr { display:inline-block; margin-right:20px;}
.web-form-vertical .check-box td {padding: 0 0 3px 0; }

.web-form-vertical .text-area textarea {border: 1px solid #9f9f9f; height: 90px; width: 360px;}
.web-form-vertical .text-box input {width: 360px;}

.web-form-vertical .radio-button label {display: inline;}
.web-form-vertical .radio-button table {margin-top: 0.5em;}
.web-form-vertical .radio-button td {padding: 0 0 3px 0;}
.web-form-vertical .radio-button input {/* border: none; */}
.web-form-vertical .radio-button span{font-size: 0.75em;}

.web-form-vertical .file-uploader input {background: #fff;}

.web-form-vertical .form-hint {background: #f6efe7 url("/files/1b7a2320-5f0a-4212-aab6-a17a00ebf19c/info-icon-form.png") no-repeat 10px 8px; border: 1px solid #EFB161; display: block; font-size: 0.75em; margin: 1em 0 0 0; padding: 10px 10px 10px 35px;}
.web-form-vertical .error {font-size: 0.75em;}

.web-form-vertical .radio-matrix {font-size: 0.75em;}
.web-form-vertical .radio-matrix table {margin-top: 1em;}
.web-form-vertical .radio-matrix table input {border: none;}
.web-form-vertical .radio-matrix .form-hint {font-size: 1em;}

.web-form-vertical .checkbox-matrix {font-size: 0.75em;}
.web-form-vertical .checkbox-matrix table {margin-top: 1em;}
.web-form-vertical .checkbox-matrix table input {border: none;}
.web-form-vertical .checkbox-matrix .form-hint {font-size: 1em;}

.web-form-vertical .rank {}
.web-form-vertical .rank label {display: inline-block; margin-left: 10px;}
.web-form-vertical .rank input {display: inline-block; float: left; width: 30px;}

.web-form-vertical .default-submit input {background: #00516c; color: #fff; border: 1px solid #00516c; border-radius: 12px 12px 12px 12px; cursor: 
pointer; font-size: 1; font-weight: bold; margin-left: 10px; padding: 12px 73px 12px 73px;}



/* form-alert-box */
.form-alert-box {background: url("/files/f7295374-2910-44ff-bea1-a17b00ea3c86/stop-sign.gif") no-repeat 12px 12px #f4f4f4; border: 1px solid #db0008; margin-bottom: 2em;}
#content-area .form-alert-box h2 {color: #db0008; font-size: 1.3em; margin: 27px 10px 10px 79px;}
.form-alert-box p {font-weight: bold; margin: 0 40px 0 79px;}
.form-alert-box ul {margin: 0 40px 20px 65px;}

#content-area .form-alert-box a:link,
#content-area .form-alert-box a:visited {color: #DB0008; text-decoration: underline;}
#content-area .form-alert-box a:active,
#content-area .form-alert-box a:hover,
#content-area .form-alert-box a:focus {color: #DB0008; text-decoration: none;}

/* form success box */
.form-success {background: url("/files/70cca163-b392-486e-9011-a17b00f91852/form-success.png") no-repeat 12px 12px #f4f4f4; border: 1px solid #009000; margin-bottom: 2em;}
#content-area .form-success h2 {color: #009000; font-size: 1.3em; margin: 27px 10px 10px 79px;}
.form-success p {margin: 0 40px 0 79px;}

.call-to-action-pay-external {
  background: #005269;
  border-color: 1px solid #006F8F;
  border-radius: 3px;
  color: #fff !important;
  display: block;
  font-family: arial;
  font-size: 22px;
  margin-bottom: 20px;
  padding: 20px;
  text-decoration: none; }
  call-to-action-pay-external:hover, .call-to-action-pay-external:focus {
    background: #006f8f;
    box-shadow: none;
    color: #fdc82f;
    text-shadow: none; }