/*

Lancashire Chamber Orchestra
Main Stylesheet

By Chris Demetriou, Inc., 2006-2007
http://www.chrisdemetriou.com/

*/

body {
    margin: 0;
    padding: 0;
    color: #333;
    text-align: center;
    font: 13px Arial, Helvetica, sans-serif;
    background: white url(/img/bg_diagonal.png) center top repeat-y;
}
a {
    color: #c00;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    text-decoration: underline;
}
img {
    border-width: 0;
}
hr {
    display: none;
}
h1 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}
h2 {
    font-size: 16px;
    margin: 0 0 1ex 0;
    padding: 0;
    color: #666;
}
h2.sectional {
    border-top: 1px solid #ccc;
    padding-top: 1.6em;
}
h3 {
    font-size: 14px;
    margin: 1.1em 0 0 0;
    padding: 0;
}
blockquote {
    margin: 1.1em 0;
    padding-left: 20px;
    border-left: 1px solid #999;
}
blockquote .quoted {
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
}
ul {
    margin: 1.1em 0 1.1em 17px;
    padding: 0;
    list-style-position: outside;
}
li {
    margin: 0;
    padding: 0;
}
p {
    margin: 0 0 1.1em 0;
}
h1 {
    font-size: 14px;
    margin: 1.1em 0 0.25em 0;
    padding: 0;
    font-weight: bold;
}
table {
    margin: 1.1em 0;
    padding: 0;
    border-collapse: collapse;
}
td, th {
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    vertical-align: top;
    padding: 1.5ex 0 1.5ex 1em;
}
table tr.last td {
    border-bottom-width: 0;
}

/* The Page Title */
#pagetitle {
    display: none;
}
#pagetitle p {
    margin: 0;
    padding: 0;
}
#pagetitle a {
    text-indent: -1000px;
    position: absolute;
    left: 15px;
    top: 120px;
    width: 130px;
    height: 215px;
    z-index: 10;
}

/* Full-Page-Wrap */
#wrap {
    position: relative;
    text-align: left;
    margin: auto;
    width: 750px;
    padding: 15px 0;
}

/* The Many Navs of England */
#bonusnav, #nav, #subnav, #footnav {
    font-size: 12px;
    letter-spacing: 1px;
}
#bonusnav, #bonusnav li, #nav, #nav li, #subnav, #subnav li, #footnav, #footnav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#bonusnav li, #nav li, #subnav li, #footnav li {
    display: inline;
    padding: 0 8px;
}
#bonusnav li.hot a, #nav li.hot a, #subnav li.hot a, #footnav li.hot a {
    color: #c00;
}
#nav, #subnav, #footnav {
    text-align: center;
}
#bonusnav a, #subnav a, #footnav a {
    color: #989898;
}

/* Bonus Nav (ticket info, directions, eLaco) */
#bonusnav {
    text-align: right;
    margin-right: 25px;
}

/* Main Nav */
#nav {
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc;
    padding: 10px 0 8px 0;
    margin: 10px 0;
}
#nav a {
    color: #333;
}

/* Footer Nav */
#footnav {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 12px;
    clear: both;
}

/* Footer */
#footer {
    font-size: 10px;
    font-weight: bold;
    color: #989898;
    text-align: center;
}

/* Component: Date */
.dates, .dates ul, .dates li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.dates {
    font-size: 14px;
    font-weight: bold;
}
.dates ul {
    border-left: 8px solid #c00;
    padding-left: 10px;
    margin-bottom: 1.1em;
}
.dates ul.soldout {
    border-left-color: #999;
}
.dates li {
    border-bottom : 1px solid #ccc;
    margin-bottom: 1.1em;
}
.dates li.last,
.dates li li {
    border-bottom-width: 0;
    margin-bottom: 0;
}
.dates .date {
    float: left;
    margin-right: 1.25ex;
}
.dates .date, .dates .venue {
    font-size: 14px;
}
.dates .time, .dates .availability {
    display: inline;
}
.dates .venue {
    color: #999;
}

/* Component: Featured People */
.featuredpeople, .featuredpeople li {
    list-style-type: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.featuredpeople li {
    margin-bottom: 1.15em;
}
.featuredpeople img {
	display: block;
	margin-bottom: 7px;
}
.featuredpeople p {
    margin: 2px 0 0 0;
    padding: 0;
}

/* Component: Performers */
.performers, .performers li {
    list-style-type: none;
    margin-left: 0;
}

/* Component: Sponsor Bug */
.bugs, .bugs li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.bugs {
    margin-top: 3em;
	width: 400px;
}
.bugs li {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

/* Component: Summary */
.summary {
    font-size: 16px;
    color: #666;
}

/* Component: Page Title */
#title, h1.title {
    border-bottom: 1px solid #ccc;
    /* TODO: figure out how to work without these important calls */
    margin-bottom: 1.1em!important;
    padding-bottom: 1.1em!important;
}
#title h1, h1.title {
    font-size: 18px;
    margin: 0;
    padding: 0;
}
#title p {
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #999;
}

/* Component: Editorial Image */
.editorialimage {
    font-weight: bold;
}
.editorialimage img {
    display: block;
    margin-bottom: 2px;
}

/* Component: Schedule */
.schedule {
    margin-top: 1.6em;
}
.schedule ul, .schedule li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.schedule .date {
    font-weight: bold;
}

/* Component: Logos */
.logos, .logos li {
    list-style-type: none;
    margin: 1.1em 0;
    float: left;
}
.logos a {
    float: left;
    margin-right: 15px;
}

/* Component: Items for Sale */
.forsale {
    margin: 1.1em 0;
    padding: 0;
}
.forsale dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.5ex;
    border-top: 1px solid #ccc;
    margin-top: 1em;
    padding-top: 1em;
}
.forsale dd {
    margin: 0;
    padding: 0;
}
.forsale dd p {
    margin: 0;
}
.forsale .title {
    font-weight: bold;
}
.forsale .copyright {
    color: #666;
    font-size: 12px;
    margin-top: 0.25em;
}

/* Component: Conclusion */
.conclusion {
    border-top: 1px solid #ccc;
    padding-top: 1.1em;
}

/* Component: Caption */
.caption {
    font-size: 12px;
    display:block;
}

/* Component Photo Credit */
.credit {
	font-size: 10px;
	font-weight: normal;
}

/* Component: Button */
a.button {
    padding: 3px 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #fefefe #999 #999 #fefefe;
    background-color: #eee;
}

/* Component: Flickr */
.flickr {
    position: relative;
    width: 180px;
    float: left;
}
.flickr a {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* Component: Composer */
.composer {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 90%;
}

/* Component: Exalted (Very Important Looking) Lists */
ul.exalted, .exalted li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.exalted li {
    margin-bottom: 1ex;
    color: #666;
}
.exalted a, .exalted strong {
    font-size: 14px;
    display: block;
}

/* Main Content Area */
#content {
    /*padding-top: 20px;*/
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: white;
    overflow: auto;
}

/* Homepage */
.home {
    background: url(/img/LCOlogo3.jpg) 400px 280px no-repeat; /* default background */
}
.home * { /* weird safari bugfix */
    background: none!important;
}
.home #primary, .home #secondary {
    width: 335px;
    float: left;
}
.home #primary {
    margin-right: 40px;
    margin-left: 20px;
}
.home #secondary {
    margin-top: 420px;
}
.home #primary div {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5ex;
    margin-bottom: 2.1em;
    padding-bottom: 1.1em;
}
.home #primary div.last, .home #primary div.about {
     border-bottom-width: 0;
     margin-bottom: auto;
     padding-bottom: auto;
}
.home .dates li {
    border-width: 0;
    margin-bottom: 5px;
}
.home .dates li li {
    margin-bottom: auto;
}
.home .specialevent h3 {
    margin: 1ex 0 1.1em 0;
    font-size: 16px;
}
.home .specialevent .dates,
.home .specialevent .dates .date,
.home .specialevent .dates .venue {
    font-size: 12px;
}
.home .specialevent .dates .date {
    margin-right: 5px;
}
.home .upcoming img {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}
.home .upcoming h3 {
    margin-bottom: 1ex;
}
.home .upcoming h3,
.home .about h2 {
    font-size: 16px;
}
.home .features {
    border: 1px solid #ccc;
    padding: 20px 20px 5px 20px;
}
.home .features h2 {
    color: #666;
}
.home .blog {
    margin-top: 2.25em;
}
.home .blog, .home .donate p {
    padding: 0 20px;
}
.home .blog img {
    float: left;
    margin-right: 15px;
}
.home .blog h3 {
    font-size: 16px;
    margin-bottom: 1ex;
    margin-top: 1.25ex;
}
.home .donate h2 {
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc;
    padding: 1ex 0 1ex 20px;
    margin: 2em 0 1em 0;
    font-size: 13px;
}
.home .initial {
    width: 300px;
}

/* Performance Pages, General Content, Concert Schedule, Venues, Itemized Pages and Miscellaneous Text */
.performance, .general, .misc, .concertsched, .venues, .itemized {
    margin-top: 20px;
    background: white url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_small.png) 605px 3em no-repeat;
}
.general, .misc {
    background-position: 40px 3.25em;
}
.performance, .concertsched {
    background-image: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_musicianset_01.jpg);
    padding-left: 15px;
}
.concertsched .item, .venues .item, .itemized .item {
    clear: both;
}
.performance #primary, .general #primary, .misc #primary,
.concertsched .primary, .venues .primary, .itemized .primary {
    width: 400px;
    float: right;
    padding-right: 160px; /* why do we use padding instead of a margin? because IE sucks */
    margin-bottom: 30px;
}
.misc #primary {
    width: 500px;
    padding-right: 60px;
}
.performance #secondary, .general #secondary,
.concertsched .secondary, .venues .secondary {
    font-size: 12px;
    width: 160px;
}
.itemized .secondary {
    width: 160px;
}
.performance img {
    display: block;
    float: none;
    margin-bottom: 2px;
}

/* Performances */
.performance {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 585px 10px no-repeat;
}
.performance #title {
    margin-left: 170px;
    width: 400px;
}
.performance h3 {
    font-size: 13px;
}

/* Concert Schedule */
.concertsched #title {
    margin-left: 170px;
    width: 400px;
}
.concertsched h2 {
    font-size: 16px;
}
.concertsched .recent {
    color: #666;
    border-top: 1px solid #ccc;
    padding-top: 2em;
}
.concertsched .recent h2 {
    margin-bottom: 0;
    font-size: 14px!important;
}

/* Series Home */
.serieshome #title {
    margin-top: 10px;
}
.serieshome {
   padding-left: 150px;
   background-image: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_cellist.jpg);
   background-position: -30px 10px;
   background-repeat: no-repeat;
}
.serieshome #primary, .serieshome #secondary {
    width: 270px;
    float: left;
}
.serieshome #primary {
    margin-right: 35px;
}
.serieshome #primary img {
    float: left;
    margin-right: 8px;
    margin-top: 3px;
}
.serieshome #primary div {
    border-top: 1px solid #ccc;
    margin-top: 1.1em;
    padding-top: 1.1em;
}
.serieshome #secondary .schedule ul {
    margin-top: 8px;
}
.serieshome #secondary .schedule li {
    list-style-type: disc;
    margin-left: 18px;
}
.serieshome #secondary .date {
    list-style-type: none!important;
    margin-left: 0!important;
    margin-bottom: 5px;
}

/* Program Notes */
.programnote {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 0 10px no-repeat;
}
#content .programnote {
    background-image: none;
}
.programnote h1 {
    font-size: 16px;
    margin: 0;
}
.programnote h2 {
    margin: 1ex 0 0 0;
    color: #333;
}
.programnote h2, .programnote .works {
    font-size: 12px;
}
.programnote .works {
    margin: 1em 0;
    padding: 0.75em 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc;
}
.programnote .works p {
    margin: 0 0 1ex 0;
}

/* Dining With LACO */
.dining .intro {
    margin-left: 20px;
    margin-bottom: 30px;
    width: 570px;
}
.dining h2 {
    font-size: 16px;
    margin-bottom: 0;
    color: #333;
}
.dining .secondary {
    text-align: right;
}

/* Events (derivative of performances) */
.event h1 {
    font-size: 16px;
    margin-top: 0;
}

/* Recordings */
.recordings #title {
    border-width: 0;
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}
.recordings {
    margin-top: 10px;
    background-position: 10px 30px;
}

/* Venues (Plural!) */
.venues {
    margin-top: 10px;
}
.venues #title {
    width: 400px;
    margin: 0 0 1.1em 190px;
}
.venues .primary {
    width: 400px;
}
.venues .secondary {
    text-align: right;
}
.venues h2 {
    font-size: 16px;
    color: #333;
}
.venues .viewsched {
    color: #666;
    font-size: 12px;
}
.venues .viewsched a {
    display: block;
    font-size: 13px;
}
.venues h3 {
    color: #333;
}

/* Venue (Singular!) */
.venue {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 590px 10px no-repeat;
}
.venue .upcoming {
    border-top: 1px solid #ccc;
    margin-top: 25px;
    padding-top: 20px;
}
.venue .upcoming h2 {
    margin-bottom: 0px;
}
.venue .upcoming h3 {
    margin-bottom: 10px;
}
/*.venue .dates .date, .venue .dates .venue {
    font-size: 13px;
}*/
.venue .upcoming div {
    margin-top: 30px;
}

/* Sponsors */
.sponsors {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 590px 10px no-repeat;
}
.sponsors .secondary {
    text-align: right;
}
.sponsors #title {
    clear: left;
    margin-left: 190px;
    width: 400px;
}

/* Contact */
.contact h1 {
    font-size: 16px;
    margin: 0 0 1.1em 0;
}

/* Staff */
.staff {
    background-image: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_cellist.jpg);
    background-position: -30px 10px;
    background-repeat: no-repeat;
}
.staff #primary {
    padding-left: 150px;
    min-height: 450px;
}
.staff h1 {
    font-size: 18px;
    margin-top: 0;
    padding-top: 0;
}
.staff .name strong {
    font-size: 14px;
    display: block;
}
.staff h1,
.staff p {
    padding-left: 10px;
}
.staff table {
    border-top: 1px solid #ccc;
}

/* Board of Directors */
.board {
    background-image: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_small_musicians.jpg);
}
.board h1 {
    font-size: 16px;
    margin: 0 0 1.1em 0;
}
.board h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-top: 2em;
    color: #333;
}
.board ul, .board li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.board ul ul {
    margin: 1.1em 0;
}
.board .title {
    font-weight: bold;
    color: #666;
}
.board .name {
    font-size: 14px;
    font-weight: bold;
}
.board .emeriti, .board .advisory {
    line-height: 16px;
}

/* FAQ */
.faq {
    background-position: 10px 3em;
}
.faq h2 {
    margin-top: 1.6em;
    color: #333;
}

/* Jobs */
.jobs {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 0px 10px no-repeat;
}
.jobs h2 {
    color: #333;
    font-size: 16px;
}
.jobs h3 {
    margin: 1em 0 1ex 0;
}
.jobs ul, .jobs p {
    margin-top: 1ex;
}
.jobs .conclusion {
    margin-bottom: 2em;
    border-top-width: 0;
    padding-top: 0;
    padding-bottom: 1.1em;
    border-bottom: 1px solid #ccc;
}

/* Artist Index */
.artistindex {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_violinist.jpg) -30px 10px no-repeat;
    margin-top: 10px;
}
.artistindex #title {
    margin-left: 160px;
}
.artistindex #byinstrument, .artistindex #byname {
    width: 285px;
    float: left;
}
.artistindex #byinstrument {
    margin-right: 20px;
    padding-left: 160px;
}
.artistindex ul, .artistindex li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.artistindex ul {
    margin: 1ex 0 1.1em 0;
}
.artistindex #byname li {
    line-height: 18px;
}
.artistindex #byname h2 {
    margin-bottom: 1.6em;
}
.artistindex h3 {
    margin-top: 1.6em;
    margin-bottom: 1ex;
}

/* Ticket Info */
.ticketinfo {
    background-position: 10px 30px;
}
.ticketinfo #primary div {
    border-bottom: 1px solid #ccc;
    padding-top: 1.1em;
    padding-bottom: 1.1em;
    margin-bottom: 1.1em;
}
.ticketinfo #primary div.last {
    border-bottom-width: 0;
}
.ticketinfo h2 {
    font-size: 16px;
    color: #333;
}
.ticketinfo button {
    margin: 0.5em 0 1.1em 0;
}
.ticketinfo td, .ticketinfo th {
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
}

/* Subscription Information */
.subscriptioninfo h1 {
    margin-top: 0;
    margin-bottom: 1.1em;
    font-size: 16px;
}
.subscriptioninfo .summary {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.1em;
}
.subscriptioninfo h2 {
    color: #333;
}

/* Planned Giving */
.giving {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 0 10px no-repeat;
}
.giving h2 {
    color: #333;
    margin-top: 1.6em;
}
.giving img {
    float: left!important;
    margin: 0 18px 10px 0;
}

/* Endowment Campaign */
.endowment h1 {
    margin-top: 0;
    margin-bottom: 1.1em;
    font-size: 16px;
}

/* Matching Gifts */
.matching {
    background-position: 10px 30px;
}
.matching h2 {
    color: #333;
    margin-top: 1.6em;
}
.matching #companies1, .matching #companies2 {
    float: left;
    width: 250px;
}
.matching h2.companies {
    border-top: 1px solid #ccc;
    padding-top: 1.6em;
    margin-top: 1.6em;
}

/* (Internal) Musicians' Page */
.internalfun h1 {
    margin-top: 0;
    margin-bottom: 1.1em;
    font-size: 16px;
}

/* Meet the Music */
.mtm {
    background-image: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_small_musicians.jpg);
    background-position: 625px 20px;
}
.mtm h2 {
    color: #333;
    margin-top: 1.6em;
}
.mtm .schools, .mtm .schools li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.mtm .schools li {
    margin-bottom: 1ex;
    font-size: 12px;
}
.mtm .schools strong {
    font-style: normal;
    display: block;
    font-size: 13px;
}
.mtm .program {
    border: 1px solid #ccc;
    padding: 20px;
    margin: 1.1em 0;
}
.mtm .program h2 {
    font-size: 16px;
    margin-top: 0;
    padding: 0;
    color: #666;
}
.mtm h3 {
    color: #333;
    font-size: 13px;
}
.mtm .program ul {
    margin-top: 0;
    margin-bottom: 1ex;
}
.mtm .program p {
    margin-bottom: 0;
}
.mtm dl {
    margin: 0  0 1.1em 0;
    padding: 0 0 0 0;
}
.mtm dt {
    margin: 1.1em 0 0 0;
    padding: 0;
    font-weight: bold;
}
.mtm dd {
    margin: 0;
    padding: 0;
}
.mtm .secondary ul,
.mtm .secondary li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.mtm .secondary li {
    margin-bottom: 1ex;
    color: #666;
}
.mtm .secondary li strong {
    display: block;
    color: #333;
}

/* LACO Pulse */
#content.pulse {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_pulse.jpg) 635px 0 no-repeat;
}
.pulse h2 {
    margin-top: 1.6em;
}
.pulse .hotspots {
    border-width: 1px 0;
    border-color: #ccc;
    border-style: solid;
    padding: 1em 0 0 0;
    margin: 1.6em 0;
}
.pulse .hotspots h2 {
    margin-top: 0;
}

/* Schedule */
.sched {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) -30px 10px no-repeat;
}
.sched h1 {
    font-size: 18px;
    margin-top: 0;
}
.sched #primary {
    padding-left: 150px;
    min-height: 450px;
}
.sched table {
    border-top: 1px solid #ccc;
}
.sched td.date {
    padding-left: 0;
}
.sched ul, .sched li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sched li {
    margin-bottom: 10px;
}
.sched td.date a {
    display: block;
}
.sched td.date {
    width: 110px;
    padding-bottom: 0;
}
.sched td.date strong {
    display: block;
}
.sched dl, .sched dt, .sched dd {
    margin: 0;
    padding: 0;
}
.sched dt {
    font-size: 16px;
}
.sched dd.seriestitle {
    color: #666;
    margin-top: 0;
}
.sched dd {
    margin-top: 1ex;
}

/* Tickets */
.tickets {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 0px 10px no-repeat;
}
.tickets dl {
    margin: 0;
    padding: 0;
}
.tickets dt {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
    padding-top: 1em;
}
.tickets dd {
    margin: 0;
    padding: 0;
}
.tickets dd.title {
    font-size: 16px;
}
.tickets dd.buy {
    padding: 2px 0 5px 0;
    margin-bottom: 1em;
    margin-left: 5px;
}
.tickets .button {
    margin-left: -7px;
}
.tickets .final {
    padding-top: 1em;
    margin-top: 1em;
    border-top: 1px solid #ccc;
}

/* Support */
.support {
    background-position: 10px 3em;
}
.support h1 {
    /* border-bottom: 1px solid #ccc; */
    margin-top: 0;
    margin-bottom: 1.1em;
    padding-bottom: 1ex;
    font-size: 16px;
}
.support h2 {
    color: #333;
    margin-top: 1.6em;
}
.support h3, .support h4 {
    margin-bottom: 5px;
    font-size: 13px;
}
.support h3.fcs {
    font-size: 14px;
    margin-top: 1.6em;
}
.support ul {
    margin-top: 0;
}

/* Group */
.group {
    background-position: 10px 3em;
}
.group h2 {
    color: #333;
}

/* Sound Investment */
.soundinvestment {
   padding-left: 150px;
   background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) -30px 10px no-repeat;
   margin-bottom: 2em;
}
.soundinvestment #primary, .soundinvestment #secondary {
    float: left;
}
.soundinvestment #primary {
    margin-right: 25px;
    width: 380px;
}
.soundinvestment #secondary {
    width: 170px;
}
.soundinvestment #primary div {
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc;
    padding-top: 1em;
    margin-bottom: 1em;
}
.soundinvestment #primary div img {
    float: left;
    margin: 0 15px 10px 0;
    position: relative;
    top: 3px;
}

/* Subscription Information */
.subscriptions {
    background-position: 10px 30px;
}
.subscriptions h2 {
    color: #333;
    border-top: 1px solid #ccc;
    padding-top: 1.1em;
}
.subscriptions h3 {
    font-size: 13px;
    margin-bottom: 1ex;
}

/* Performance Home Page */
.performancehome {
   padding-left: 150px;
   background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) -30px 10px no-repeat;
   margin-top: 2em;
}
.performancehome #primary, .performancehome #secondary {
    float: left;
}
.performancehome #primary {
    margin-right: 25px;
    width: 380px;
}
.performancehome #secondary {
    width: 170px;
    margin-top: -1.6em;
}
.performancehome #secondary h2 {
    margin-top: 1.6em;
}
.performancehome #primary div {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.6em;
    padding-bottom: 1ex;
}
.performancehome #primary div img {
    float: left;
    margin: 0 15px 10px 0;
    position: relative;
    top: 3px;
}
.performancehome .upcoming h3 {
    font-size: 16px;
}
.performancehome .dates li {
    border-width: 0;
}
.performancehome .recent {
    color: #666;
}
.performancehome .recent h2 {
    margin-bottom: 0;
}
.performancehome .features {
    border: 1px solid #ccc;
    padding: 20px 20px 7px 20px;
    position: relative;
    left: -20px;
}
.performancehome div.specialevent,
.performancehome div.seasonarchive {
    border-width: 0!important;
}
.performancehome div.specialevent {
    margin-bottom: 1em!important;
}

/* Bio */
.bio {
    margin-top: 20px;
    background: white url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_small.png) 620px 35px no-repeat;
}
.bio #primary {
    width: 280px;
    float: right;
    padding-right: 170px;
}
.bio #secondary {
    width: 270px;
    float: left;
    text-align: right;
    margin-right: 10px;
    margin-top: 50px;
}

/* Events */
.events {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 590px 10px no-repeat;
}
.events #title {
    width: 400px;
    margin-left: 190px;
}
.events .secondary {
    text-align: left;
}

/* Community */
.community {
    background-image: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_musicianset_01.jpg);
    background-position: 605px 20px;
}
.community #title, .community div.summary {
    width: 570px;
    margin-left: 20px;
}
.community div.summary {
    margin-bottom: 30px;
}
.community .secondary {
    text-align: right;
}

/* About */
.about {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 0 10px no-repeat;
}
.home .about {
    background-image: none;
}
#content.about #primary div {
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc;
    padding-top: 1em;
    margin-bottom: 1em;
}
#content.about #primary div li {
    margin-bottom: 1ex;
}
#content.about div#title {
    border-top-width: 0;
    padding-top: 0;
    margin-bottom: auto;
}
#content.about h2 {
    color: #333;
}

/* Donate Form */
.donate {
    background-position: 0 10px;
    background-repeat: no-repeat;
}
.donate h2 {
    color: #333;
    margin-bottom: 1em;
}

/* Press */
.press {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 0 10px no-repeat;
}
.press dl, .press dt, .press dd {
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.press dl {
    margin-bottom: 1em;
}
.press dt {
    font-size: 16px;
    margin-top: 1em;
}
.press .recent {
    padding-top: 0.5em;
}
.press .recent, .press .docs {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.8em;
}
.press .docs, .press .photos {
    padding-top: 1.6em;
}
.press .photos {
    border-bottom-width: 0;
}
.press .photos ul, .press .photos li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.press .photos li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 185px;
    text-align: center;
}
.press .photos img {
    display: block;
    margin-bottom: 3px;
}
/* Meet Music */
#meetmovie {
	text-align: center;
	margin: 20px auto;
}

/* General Sections */
.section {
    background: url(file:///C|/Users/admin/AppData/Local/Temp/img/logo_flutist.jpg) 0 10px no-repeat;
}
.section .venue { /* Safari background bugfix */
    background-image: none;
}