﻿body {
    color: #003366;
    background-color: #000;
    padding: 0;
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    min-width: 900px;
}


/* generic link style across site */

a:link, a:visited {
    color: #003366;
    text-decoration: underline;
    font-weight: bold;
}

a:hover {
    color: #0066ff;
    text-decoration: underline;
    font-weight: bold;
}

a.highlighted {
    color: #ff0000;
    text-decoration: underline;
    font-weight: bold;
}



div.offshootbg {
	
	background-image:url('images/offshoot/offshootbg.jpg');
	background-repeat:no-repeat;

}

div.offshoot_left {
	float:left;
	width: 100px;	
}

div.offshoot_right {
	float:right;
	width:620px;
}




/* overall content area used to enforce 900px width for page */

div.centre-body { 
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    border-top: 0px solid #333;
    border-bottom: 1px solid #333;
    border-left: 2px solid #333;
    border-right: 2px solid #333;
    background: #FFF;
}

/* title graphic */

#main-title {
    margin-bottom: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px #4b5c7a solid;
    color: #4b5c7a;
    text-align: center;
    border-top: 1px #4b5c7a solid;
    padding-top: 0px;
    padding-bottom: 0px;
    border-left: 1px #4b5c7a solid;
    background-color: #F3B868;
    background-image: url(images/OFF10banner3_bright.jpg);
    height: 200px;
    background-repeat: no-repeat;
    margin-top: 0px;
}


/* left column - site navigation */

#navsite {
    font-size: 1em;
    width: 160px;
    background-color: #FFFFFF;
    color: #333;
    float: left;
    margin: 0px;
    padding: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
}

#navsite p {
    display: none;
}

#navsite ul {
    list-style: none; 
    margin: 0px;
    padding: 0px;
    font-size: .7em;
    line-height: 1.9em;
}

#navsite ul li {
    margin: 0px;
/*    border-top: 0px solid #003;*/
    padding: 0px;
}

#navsite ul li a {
    display: block;
    background-color: #F3B868;
    color: #261501;
    text-decoration: none;
    width: 100%;
    margin:0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #A67737;
    border-left-color: #A67737;
}

#navsite div.picture-bar {
    font-size: 0.5em;
    padding: 0px;
    margin: 0px;
}


#pagefaq a#linkfaq,
#pagetickets a#linktickets,
#pageboxoffice a#linkboxoffice,
#pagecornbury a#linkcornbury,
#pagefamily a#linkfamily,
#pagevenue a#linkvenue,
#pageprogramme a#linkprogramme,
#pageartists a#linkartists,
#pagechoirs a#linkchoirs,
#pageworkshop a#linkworkshop,
#pageconcert a#linkconcert,
#pageind a#linkind,
#pagecon a#linkcon,
#pagefamily a#linkfamily,
#pagefri a#linkfri,
#pageoffshoot a#linkoffshoot,
#pagewhatsonhome a#linkwhatsonhome,
#pagewhatsonperformersfri a#linkwhatsonperformersfri,
#pagewhatsonperformerssat a#linkwhatsonperformerssat,
#pagewhatsonperformerssun a#linkwhatsonperformerssun,
#pagewhatsonceilidhs a#linkwhatsonceilidhs,
#pagewhatsonspokenword a#linkwhatsonspokenword,
#pagewhatsonworkshops a#linkwhatsonworkshops,
#pagewhatsonfamilyfun a#linkwhatsonfamilyfun,
#pagefolkatox4 a#linkfolkatox4 {
    /*background-color: #E2FEE0;*/
/*    background-color: #e6dfa6;*/
    background-color: #D97C0B;
    color: #FFF;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #A67737;
    border-right-color: #A67737;
    border-bottom-color: #A67737;
/*    border-left-color: #A67737;*/
    margin: 0px;
}

html>body #navsite ul li a { 
    width: auto; 
}

#navsite ul li a:hover {
/*    background-color: #E2FEE0;
*/    background-color: #D97C0B;
    color: #FFF;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #000;
    border-left-color: #000;

}






#wide-right-column {
    border-top-width: 1pt;
/*    border-right-width: 1px;*/
    border-bottom-width: 1px;
    border-left-width: 1px;
/*    border-right-style: solid;*/
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    width:738px;
    float: left;
}


/* pad the content in main centre column */

#wide-right-column div.pad-content
{
  padding-left: 8px;
  padding-right: 8px;
}

#programme {

}

#programme span.day
{
    padding: 0;
    font-size: large;
    color: #1261B2;
    font-weight: bold;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}


#programme h2.location {
    padding-top:20px;
    padding-bottom:20px;
}
#programme div.time {
    font-size: .8em;
    font-weight: bold;
    float: left;
    width: 80px;
    padding-left:0px;
    padding-right:16px;
    text-align: right;
}

#programme div.event {
    font-size: .8em;
    float: left;
    width: 496px;
    padding-bottom: 5px;
}

#programme div.cost {
    font-size: .8em;
    float: right;
    width: 130px;
    font-weight: bold;
}

#programme div.spacer {
    clear: both;
}




/************************************/
/* centre column in a 3 column page */

#centre-column {
    border-top-width: 1pt;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
    float: left;
}

div.standard-width {
    width: 488px;
    border-right-color: #000000;
    border-right-style: solid;
    border-right-width: 1px;

}

div.extra-width {
    width: 738px;
/*    background-color: #f0f2f6;*/
    /*background-color: #F2EAC2;*/
/*   background-color: #fffef5;*/
   background-color: #fff;

}




/* pad the content in main centre column */

#centre-column div.pad-content
{
  padding-left: 8px;
  padding-right: 8px;
}


#centre-column div.large-pad-content
{
  padding-left: 28px;
}

#centre-column div.story
{
  padding-bottom: 2px;
  padding-top: 2px;
/*  border-bottom-style: solid;
  /*border-bottom-color: rgb(223, 223, 223);
  border-bottom-color: #b2c2e3;
  border-bottom-width: 1px;
*/
}


#centre-column div.letter {
	margin: 20px 10px 20px 10px;
	padding: 10px 10px 10px 10px;
	border: 3px #663300 solid;
	background-color: #ffe2b5;
}



#centre-column p.letter
{
	font-size: medium;
	padding: 5px 0 5px 0;
}



#centre-column div.last-story
{
  padding-bottom: 2px;
  padding-top: 2px;
  border-bottom-style: none;
}

#centre-column div.blocks {
	margin: 8px;
	border: 1px black solid;
	margin-bottom: 16px;
}


/* text styling for all centre column contents */

#centre-column p {
    font-size: .7em;
    line-height: 1.9em;
    margin: 0;
    margin-bottom: 10px;
    color: #000;
}


#centre-column p.quote {
    font-size: .7em;
    line-height: 1.9em;
    margin: 0;
    text-indent: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #000;
    font-style: italic;
}

#centre-column h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 1.2em;
	padding-bottom: 1px;
	padding-top: 2px;
	font-weight: bold; /*    color: #1261B2;*/;
	color: #261501;
}

#centre-column h2 {
    padding: 0;
    font-size: 1.0em;
    color: #000;
    font-weight: bold;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#centre-column h3 {
    padding: 0;
    font-size: 0.8em;
    color: #000;
    font-weight: bold;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}


#centre-column div.table-row {
    border: none;
    margin-top: 0; 
    margin-right: auto; 
    margin-bottom: 0; 
    margin-left: auto;
    padding: 0;
    width: 100%; 
    height:auto;
}


#centre-column div.left-cell {
    border: none; 
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
}

#centre-column div.right-cell {
    border: none;
    float: right;
    margin: 0; 
    padding: 0; 
    width: 50%;
}

#centre-column div.space-line {
    clear:both; 
}

#centre-column p.subtext
{
    font-size: .7em;
}

#centre-column ul
{
    list-style: square;
    margin: 0;
    padding-left: 28px;
    font-size: .7em;
    line-height: 1.9em;
        color: #000;
}


#centre-column div.artist-box1 {
	margin: 20px 10px 20px 10px;
	padding: 10px 10px 10px 10px;
	border: 3px #663300 solid;
	background-color: #ffe2b5;
}

#centre-column div.artist-box2 {
	margin: 30px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	border: 3px #663300 solid;
	background-color: #ffe2b5;
}




#centre-column img.artist-image-right {
	float: right; 
	margin: 5px; 
	margin-top: 5px;
	margin-left: 10px;
	
}
#centre-column img.artist-image-left {
	float: left; 
	margin: 5px; 
	margin-top: 5px;
	margin-right: 10px;
	
}


#centre-column h1.artist-text {
    padding: 0;
    font-size: large;
    /*color: #E72F27;*/
    color: black;
    font-weight: bold;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 5px;
    border: 0px none;
}









#centre-column h1.highlight-date {
    padding: 0;
    font-size: large;
    /*color: #E72F27;*/
    color: #F21905;
    font-weight: bold;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px none;
}

#centre-column h2.artist-text {
    padding: 0;
    font-size: medium;
    /*color: #E72F27;*/
    color: black;
    font-weight: bold;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 0px none;
}

#centre-column p.artist-text {
    padding: 0;
    font-size: small;
/*    color: #005F8C;*/
    font-weight: bold;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;

}

#centre-column span.artist-title-date {
    padding: 0;
    font-size:  small;
    color: #036;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#centre-column span.artist-title {
    padding: 0;
    font-size: medium;
    color: #1261B2;
    font-weight: bold;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#centre-column div.artist-table-row {
    /*border: none;*/
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    width: 100%;
/*    border-bottom-style: solid;
    border-bottom-color: rgb(223, 223, 223);
    border-bottom-width: 1px;
    */
}

#centre-column div.artist-table-row2 {
    /*border: none;*/
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-color: rgb(223, 223, 223);
    border-bottom-width: 1px;
    background-color:silver;
    height: 200px;
}

#centre-column div.artist-text-left {
    border: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 60%;
}

#centre-column div.artist-text-left2 {
    border: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 78%;
}

#centre-column div.artist-image-right {
    border: none;
    float: right;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    width: 40%;
    text-align: center;
}

#centre-column div.artist-image-right2 {
    border: none;
    float: right;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    width: 22%;
    text-align: center;
}

#centre-column div.artist-text-right {
    border: none;
    float: right;
    margin: 0;
    padding: 0;
    padding-left: 1%;
    width: 59%;
}

#centre-column div.artist-image-left {
    border: none;
    float: left;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    width: 40%;
    text-align: center;
}


#centre-column p.separator {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 12px;
    margin-bottom: 10px;
    line-height: 1px;
    height: 1px;
    background-color: transparent;
    background-image: url(images/horizontal_line.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: left top;

}


#workshops table {
	border: 1px black solid;
	width: 722px;
	padding: 0px;
	margin: 0px;
	margin-top:20px;
	border-collapse:collapse;
    color: #000;
}

#workshops td {
	border: 1px black solid;
	overflow:visible;
	font-size: .7em;
    line-height: 1.9em;
    empty-cells:show;
    padding-left:10px;
}
#workshops td.faculty {
	color: green;
	font-weight:bold;
}
#workshops td.castle{
	color: #ff6600;
	font-weight:bold;
}
#workshops td.townhall {
	color: blue;
	font-weight:bold;
}

#workshops td.column1 {
	width: 100px;
	height: 45px;
	font-weight:bold;
}






#tickets table {
	border: 1px black solid;
	width: 722px;
	padding: 0px;
	margin: 0px;
	margin-top:20px;
	border-collapse:collapse;
}

#tickets td {
	border: 1px black solid;
	overflow:visible;
	font-size: .7em;
    line-height: 1.9em;
    color: #000;
    text-align:center;
    empty-cells:show;
}

#tickets td.warning {
	color: red;
	text-align: left;
	font-weight:bold;
}
#tickets td.column1 {
	text-align:left;
    padding-left:10px;
}

#tickets td.heading1 {
	text-align:left;
	font-weight:bold;
	width: 400px;
	padding-left: 5px;
}

#tickets td.heading2 {
	font-weight:bold;
	width: 100px;
}

#tickets td.heading3 {
	font-weight:bold;
	width: 100px;
}
#tickets td.heading4 {
	font-weight:bold;
	width: 100px;
}


/* Styles for the pullquote on the right side. */

#right-column {
    width: 250px;
/*    background-color: #E2FEE0;*/
/*    background-color: #f0f2f6;*/
    background-color: #fffef5;
    padding-bottom: 1em;
    position: absolute;
    border-bottom-color: #000000;
    border-bottom-width: 1px;
    left: 650px;
    border-bottom-style: solid;
    float: right;
}

#right-column p {
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 1px;
    line-height: 1.2em;
    font-size: 0.8em;
}

#right-column h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    font-size: 1.2em;
    padding-bottom: 1px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 0;
    font-weight: bold;
    border-bottom: 1px #003366 solid;
}

#right-column h2 {
    padding: 0;
    font-size: 0.8em;
    color: #003366;
    font-weight: bold;
    padding-left: 10px;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#right-column h3 {
    border-bottom: 1px #003366 solid;
    margin: 0px;
    padding: 0px;
}


#right-column ul li a {
    font-size: 1.2em;
}
#right-column strong {
    font-style: italic;
    font-size: 0.9em;
}

#right-column div.space-line {
    clear:both; 
}

/* Styles for the footer at the bottom of the page */

#footer {
    text-align: center;
    color: #33CC33;
    border-top-width: 1px;
/*    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #cc99fe;
*/    border-top-style: solid;
    border-top-color: #000000;
    clear: both;
    font-size: 0px;
    bottom: 0px;
}






#news ul {
    list-style-image: url('images/emoticon-0171-star.png');
}

#news ul li a {
    font-weight: bold;
    font-size:  1em;
}



/*************************************************************/
/* LEGACY BELOW HERE                                         */
/*************************************************************/

































/*



#main-text {
    background-color: #f0f2f6;
    margin-right: 250px;
    border-top-width: 1pt;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    margin-left: 160px;
    width: auto;
    padding-right: 2em;
    padding-left: 2em;
}






#main-text-wide {
    background-color: #f0f2f6;
    border-top-width: 1pt;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
    margin-left: 160px;
    width: auto;
    padding-right: 2em;
    padding-left: 2em;
}

#main-text-tshirt {
    background-color: #f0f2f6;
    border-top-width: 1pt;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
    margin-left: 160px;
    width: auto;
    padding-right: 0;
    padding-left: 0;
}
*/



/*
.top, .top-left, .top-right, .left, .right, .bottom-left, .bottom-right, .inner { }
*/

table.data {
	width:100%;
	border:0px solid;
	}
td.top {
	vertical-align:text-top;
	border-top:1px solid;
	}
td.top-left {
	vertical-align:text-top;
	border-top:1px solid;
	border-left:1px solid;
	}
td.top-right {
	vertical-align:text-top;
	border-top:1px solid;
	border-right:1px solid;
	border-left:1px solid;
	}
td.left {
	vertical-align:text-top;
	border-top:1px solid;
	border-left:1px solid;
	}
td.right {
	vertical-align:text-top;
	border-top:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	}
td.bottom-left {
	vertical-align:text-top;
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:1px solid;
	}
td.bottom-right {
	vertical-align:text-top;
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	}
td.inner {
	vertical-align:text-top;
	border-top:1px solid;
        border-left:1px solid;
	}
th.top {
        text-align: left;
        border-top: 1px solid;
        border-left: 1px solid;
}
th.top-left {
	text-align:left;
	border-top:1px solid;
	border-left:1px solid;
	}
th.top-right{
	text-align:left;
	border-top:1px solid;
	border-left:1px solid;
	border-left:1px solid;
	}
td.label {
	font-weight:bold;
	width: 25%;
	}


/*
        #storyselector {
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            border-bottom: 1px solid #ddd;

        }

        #storypanels {
            height: 420px;
            width: 100%;
            background-color: white;
            margin-top: 5px;

        }

        #storypanels div.visiblestorypanel {
            display: block;
        }

        #storypanels div.hiddenstorypanel {
            display: none;
        }


        #storytabs {
            background-color: #eee;
            border-top: 1px solid #ddd;
            border-left-color: #A67737;

        }
        #storytabs div.visiblestorytab {
            border-left: 1px solid #A67737;
            border-right: 1px solid #A67737;
            font-weight: bold;
            background-color: #D97C0B;
        }


        #storytabs div.hiddenstorytab {
            background-color: #F3B868;
            color: #261501;
            text-decoration: none;

        }


        #storytabs ul {
            list-style-type: none;
            height: 25px;
            margin: 0px;
            padding: 0px;
        }
        #storytabs ul li div {
            padding-right: 10px;
            padding-left: 10px;
            float: left;
            height: 25px;
        }

        */

        /*

#artist-row {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width:  640px;
    padding: 0px;
}


#artist-image-top {
    margin: 0;
    padding: 0;
    width: auto;
}

#artist-image-top img {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#artist-image-right {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
}

#artist-image-left img {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#artist-image-right img {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#artist-image-left {
    float: left;
    margin: 0;
    padding: 0;
    width:  auto;
}
*/




/*
#image-link a:link a:visited {
    color: #003366;
    text-decoration: none;
    border-bottom-width: 0px;
}
*/

/* Styles for the ticket price tables - overriding some strange defaults above */
/*
#fri_day_table table {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1.5em;
}

#fri_day_table td {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: top;
}

#sat_day_table table {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1.5em;
}

#sat_day_table td {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: top;
}

#sun_day_table table {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1.5em;
}

#sun_day_table td {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: top;
}

#season_table table {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1.5em;
    border-spacing: 0px 2px;
}

#season_table td {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 0px;
}
*/

