/* Ophelia */
/* Layout */
div#section-nav-col {
 width: 235px;
 padding: 0;
}
/* Ophelia styling */
body.ophelia .wrapper {
 background: url("/transformation/cssimages/ophelia-main-bg.gif") repeat-y;
    position: relative;
 padding-top: 0;
 margin: 0 235px 1px 0;
}
body.ophelia .content {
 padding: 0 20px 10px 24px;
 background: url("/transformation/cssimages/ophelia-content-bottom.png") no-repeat left bottom;
}
body.ophelia #footer {
 margin-top: 0px;
}
#whats-new, #latest-news, #latest-pics {
 background: url("/transformation/cssimages/whats-new-bg.png") no-repeat left bottom;
  color: #666;
 font-size: 0.7em;
 margin: 1px 0 0 0;
 padding-bottom: 10px;
 width: auto;
}
#whats-new p a, #latest-news p a, #latest-pics p a {
 display: block;
 width: 43px;
 height: 16px;
 text-indent: -2000em;
 float: right;
 padding-bottom: 0;
 margin-right: 15px;
 margin-top: -23px;
overflow: hidden;
}
/* Ophelia Promotion Box stylin' */
.ophelia #promo {
 background: url("/transformation/cssimages/promo-ophelia-bg.png") no-repeat left bottom;
 width: auto;
 margin-left: 0;
 padding-bottom: 10px;
}
/* Plans and Designs Module */
#plans-and-designs {
 background: url("/transformation/cssimages/plans-and-design-bg.png") no-repeat left bottom;
 margin-top: -1px;
}
#plans-and-designs dt {
 font-size: 0.7em;
 padding: 0 15px 0 15px;
 line-height: 140%;
}
#plans-and-designs dl {
 padding: 4px 0 10px 0;
 clear: left;
}
#plans-and-designs dd {
    margin-top: 10px;
}
/* Typography */
/* Ophelia headers */
.ophelia h2 {
 background: url("/transformation/cssimages/ophelia-h2-top.png") no-repeat left top;
    display: block;
 margin: 0 -20px 0 -24px;
 padding: 20px 24px 15px 24px;
}
.ophelia div.content h2 span {
 padding: 0 0 10px 0;
 background: url("/transformation/cssimages/h2-underline.gif") repeat-x bottom;
 display: block;
}
/* Ophelia promo type */
.ophelia #promo div#newsletter {
 background: url("/transformation/cssimages/promo-ophelia-h3-newsletter.png") no-repeat left top;
}
.ophelia #promo p {
 position: relative;
 margin-left: 6px;
 padding-bottom: 0;
}
/* Ophelia Blockquote styling */
.ophelia blockquote {
 background: url("/transformation/cssimages/blockquote-ophelia-top.png") no-repeat left top;
}
.ophelia blockquote cite {
 background: url("/transformation/cssimages/blockquote-ophelia-bottom.png") no-repeat left bottom;
}
/* Ophelia H3 IR Stylin' */
#courtyard-theatre-promo h3 {
 background: url("/transformation/cssimages/courtyard-theatre-h3-bg.png") no-repeat left top;
 width: 236px;
 height: 32px;
}
#artscouncil-promo h3 {
 background: url("<img src="/transformation/images/img_ArtsCouncilH3Bg.png">") no-repeat left top;
 width: 235px;
 height: 15px;
}
#whats-new h3, #plans-and-designs h3 {
 background: url("/transformation/cssimages/whats-new-h3-bg.png") no-repeat left top;
 width: 235px;
 height: 34px;
 margin-bottom: 3px;
}
#latest-news h3 {
 background: url("/transformation/cssimages/latest-news-h3-bg-original.png") no-repeat left top;
 width: 235px;
 height: 34px;
 margin-bottom: 3px;
}
#latest-pics h3 {
 background: url("/transformation/cssimages/latest-pictures-h3-bg.png") no-repeat left top;
 width: 235px;
 height: 34px;
 margin-bottom: 3px;
}
#plans-and-designs h3 {
 background: url("/transformation/cssimages/plans-and-designs-h3.png") no-repeat left top;
}
h3.indent {
 padding-right: 150px;
}
/* Navigation */
#courtyard-theatre-promo p {
 padding-left: 13px;
 margin-top: -6px; 
}
#artscouncil-promo p {
 padding-left: 13px;
 margin-top: -6px; 
}
div#whats-new ul, div#latest-news ul, div#latest-pics ul {
 padding-top: 5px;
 margin-left: 15px;
 clear: left;
}
#whats-new ul li, #latest-news ul li, #latest-pics ul li {
 width: 200px;
} 
/* Content */
dl.caption {
padding-right: 5px;
}
.leaflet {
 float: left;
 border: none;
 margin: 20px 0 0 0;
 border-right: 10px solid #fdfdfc;
 position: relative;
}
dl#image-gallery {
 background: url("/transformation/cssimages/polaroids.gif") no-repeat 100% 15px;
 padding: 80px 150px 0 0;
 margin: -80px -15px 5px 0;
}
dl#image-gallery dd {
 margin-left: 0px;
}
dl#image-gallery dd a, dl#image-gallery dd a:hover, dl#image-gallery a:active, dl#image-gallery a:visited, #plans-and-designs dd a, #plans-and-designs dd a:hover {
 background: url("/transformation/cssimages/view-images.png") no-repeat;
 float: none;
 width: 84px;
 height: 17px;
 overflow: hidden;
 margin-left: -2px;
}
#plans-and-designs dd a, #plans-and-designs dd a:hover, #plans-and-design dd a:active, plans-and-design dd a:visited {
 background: url("/transformation/cssimages/view-plans.png") no-repeat;
 width: 74px;
 height: 18px;
}
#courtyard-theatre-promo {
 background: url("/transformation/cssimages/whats-new-bg.png") no-repeat left bottom;
 font-size: 0.7em;
 color: #ccc;
}
#courtyard-theatre-promo img {
 float: none;
 border: none;
 margin-left: 14px;
 margin-top: 8px;
}
#artscouncil-promo {
 background: url("/transformation/cssimages/whats-new-bg.png") no-repeat left bottom;
 font-size: 0.7em;
 color: #ccc;
}
#artscouncil-promo img {
 float: none;
 border: none;
 margin-left: 14px;
 margin-top: 8px;
}


/* Sitemap Page */
.sitemap {
 width: 193px;
 float: left;
 margin-right: 21px;
 position: relative;
}
.sitemap h3 {
 background: url("/transformation/cssimages/h2-underline.gif") repeat-x bottom;
 padding-bottom: 6px;
 margin-bottom: 8px;
}
.sitemap ul li {
 line-height: 140%;
 background: url("/transformation/cssimages/section-subnav-bullet.gif") no-repeat 0 6px;
 padding-left: 8px;
}
.leftclear {
 clear: left;
}