html {
background:url("../images/_siteImages/sideIllustration.gif") repeat-y #86C0CE;
}

div#header h1 {
text-indent:-999em;
background:url("../images/_siteImages/tsLogo.gif");
width:121px;
height:210px;
margin:19px 0 0 25px;
float:left;
display:inline;
}

div#container {
margin:0 0 0 205px;
width:589px;
padding-bottom:40px;
}

p, h1, h2, h3, h4, h5, h6, a, li {
font-family:Georgia;
line-height:20px;
font-size:16px;
margin-bottom:10px;
}

h2 {
font-size:25px;
background:url("../images/_siteImages/thickRule.gif") bottom left no-repeat;
padding-bottom:15px;
margin-bottom:20px;
}

h3 {
font: 15px arial;
line-height:20px;
font-weight: bold;
}

h4 {
font: 15px arial;
line-height:20px;
font-weight: bold;
/*margin-bottom:0;*/
}

li {
margin-bottom:0;
}

strong {
font-weight:bold;
}
em {
font-style:italic;
}
cite {
font-size:12px;
}

/* --- links --- */

a {
color:white;
text-decoration:underline;
text-decoration:none;
outline:none;
}

div#sideBar a {
text-decoration:none!important;
}

a.external {
background:url("../images/_siteImages/externalLink.gif") no-repeat center right;
padding-right:15px;
}

body#default a.external {
background:none;
padding-right:none;
}



/* ----- main nav ----- */


#mainNav {
padding:31px 0 73px 0;
position:relative;
left:-13px;
}

#mainNav li {
display:block;
float:left;
}

#mainNav a {
font: 15px arial;
line-height: 15px;
font-weight: bold;
display:inline;
margin:11px 13px 15px 13px;
color:black;
text-decoration:none!important;
}

#mainNav a.selected {
padding:11px 13px 15px 13px;
margin:0;
background:url("") no-repeat center top;
}
body#default #mainNav a.selected {background:url("../images/_siteImages/navHighlight-home.gif") no-repeat center top;}
body#about-us #mainNav a.selected {background:url("../images/_siteImages/navHighlight-aboutUs.gif") no-repeat center top;}
body#shows #mainNav a.selected {background:url("../images/_siteImages/navHighlight-shows.gif") no-repeat center top;}
body#workshops #mainNav a.selected {background:url("../images/_siteImages/navHighlight-workshops.gif") no-repeat center top;}
body#contact #mainNav a.selected {background:url("../images/_siteImages/navHighlight-contact.gif") no-repeat center top;}
body#buy-stuff #mainNav a.selected {background:url("../images/_siteImages/navHighlight-buyStuff.gif") no-repeat center top;}


/* ----- sub navs ----- */

ul.subsectionList li.active a {
color:black;
cursor:default;
}



/* ----- IMAGES ----- */

img {
padding:7px 7px 5px 7px;
background:url("../images/_siteImages/imageFrame2col.gif");
margin-bottom:3px;
border-bottom:1px solid #444;
}

img.small {
background:url("../images/_siteImages/imageFrame1col.gif");
float:left;
display:inline;
}

/* ----- user classes ----- */

p.note {
float:none!important;
width:auto!important;
padding:11px 12px 7px 12px!important;
margin:0 0 10px 0!important;
background:url("../images/_siteImages/noteBg.gif");
border-bottom:1px solid #444;
clear:both;
}

p.note a {
color:#9a7500;
}

p.full-width {
float:none!important;
text-align:left!important;
display:block!important;
width:auto!important;
max-width:none!important;
padding-left:0!important;
padding-right:0!important;
margin-left:0!important;
margin-right:0!important;
margin-bottom:10px;
padding-bottom:10px;
background:url("../images/_siteImages/thinRule.gif") bottom left no-repeat;
clear:both;
}



/* ---------------------- */
/* ----- HOME PAGE ----- */
/* ---------------------- */


body#default div#introText {
position:relative;
left:-1px;
width:315px;
padding:20px 300px 11px 20px;
}

body#default div#introText a {
text-decoration:underline;
}

p.charityNo, p.charityNo a {
font-size:11px;
margin-top:6px;
color:black;
}
p.charityNo a {
text-decoration:underline;
margin-left:4px;
}

/* ---------------------- */
/* ----- SHOWS LIST ----- */
/* ---------------------- */


ul.showList li {
position:relative;
margin:10px 0 0 0;
padding:0 0 12px 0;
background:url("../images/_siteImages/thinRule.gif") no-repeat bottom left;
float:left;
width:100%;
display:inline;
}
body#shows ul.showList li.last {
margin-bottom:30px;
}

ul.showList h3, ul.showList p {
width:181px;
margin-left:200px;
}

ul.showList h3 {
margin-bottom:0;
}
ul.showList li img {
float:left;
margin-right:12px;
padding:6px 5px 6px 6px;
background:url("../images/_siteImages/showListingImageBg.gif")!important;
border:0;
display:inline;
height:120px;
width:180px;
}
ul.showList p.dateAndPlace {
width:181px;
position:absolute;
top:0;
right:0;
margin:0;
}


/* ---------------------- */
/* ----- ABOUT / WORKSHOP PAGES ---- */
/* ---------------------- */

body#about-us div#mainContent, body#workshops div#mainContent {
width:385px;
float:left;
}


/* ----- who's who ----- */

body#about-us.whos-who div#mainContent {
/* make room for the photo margins */
width:408px;
}

body#about-us.whos-who p, body#about-us.whos-who h3 {
width:181px;
float:left;
margin-right:23px;
margin-bottom:20px;
display:inline;
}

body#about-us.whos-who img {
background:url("../images/_siteImages/imageFrame1col.gif");
float:left;
display:inline;
}

body#about-us.whos-who strong {
font:15px Arial;
font-weight:bold;
line-height:20px;
}



/* ---------------------- */
/* ----- SHOW PAGES ----- */
/* ---------------------- */

body#shows h2 {
margin-bottom:0px!important;
}

body#shows.article h2 {
margin-bottom:8px!important;
}


p.datePlaceAge {
font:15px arial;
font-weight:bold;
margin-bottom:22px;
}

/* ----- show content ----- */

div#showContent {
float:left;
width:385px;
}

/* this is for spacing on non-js browsers */
div#showContent h2 {
margin:0 0 20px 0;
clear:both;
}
div#showContent div {
margin-bottom:20px;
}




/* ----- tour (+ company history) ---- */

div#showContent div#Tour h3, body.company-history h3 {
float:left; 
width:90px;
clear:both!important;
}
div#showContent div#Tour p, body.company-history p, body.company-history h4  {
width:280px;
float:right;
}
div#showContent div#Tour img  {
margin-left:-105px;
display:inline;
}

/* 22 sep 08 changes - remove formatting on tour pages */
div#showContent div#Tour h3 {
float:none; 
width:auto;
clear:both!important;
}
div#showContent div#Tour p {
width:auto;
float:none;
}
div#showContent div#Tour img  {
margin-left:0px;
display:block;
}


/* ----- team ----- */

div#showContent div#Team h3 {
float:left; 
clear:both;
}
div#showContent div#Team p  {
width:220px;
text-align:right;
min-width:210px;
margin-left:165px;
}
div#showContent div#Team img  {
margin-left:-165px;
display:inline;
}


/* ----- publicity ----- */

div#showContent div#Publicity img {
padding-right:5px;
border-right:1px solid #444;
margin:0 15px 10px 0;
display:inline;
}



/* ----- reviews ----- */

blockquote {
margin-top:2px;
padding:25px 20px 0px 20px;
background:url("../images/_siteImages/reviewBg.gif");
}
p.source {
margin:-12px 0 20px 0;
text-align:center;
background:url("../images/_siteImages/reviewSourceBg.gif") no-repeat;
padding:50px 0 0 0;
font-style:italic;
font-size:15px;
}
div#Reviews h3 {
margin-bottom:20px;
}

div#Reviews span.rating5star, div#Reviews span.rating4star, div#Reviews span.rating4star {
display:block;
text-indent:-999em;
background:url("../images/_siteImages/reviewStar.gif") repeat-x;
margin:0;
padding:0;
}
div#Reviews span.rating5star {
width:80px;
margin-left:153px;
}
div#Reviews span.rating4star {
width:64px;
margin-left:161px;
}
div#Reviews span.rating3star {
width:48px;
margin-left:169px;
}


/* ----- side bar ----- */

div#sideBar {
float:right;
width:181px;
}

div#sideBar ul#showSubNav {
background:url("../images/_siteImages/thickRule.gif") bottom right no-repeat;
padding-bottom:24px;
margin-bottom:17px;
}

div#sideBar object {
margin:16px 0 0 0;
display:block;
padding-bottom:0px;
}

div#sideBar div.mp3BottomBorder {
background:url("../images/_siteImages/thickRule.gif") bottom right no-repeat;
margin:0 0 17px 0;
display:block;
height:29px;
}


ul.otherShowsList {
margin-bottom:10px;
}


div#footer {
clear:both;
}

/* ---------------------- */
/* --- WORKSHOPS PAGE --- */
/* ---------------------- */
/*
body#workshops img.side {
float:right;
padding:7px 7px 5px 7px;
background:url("../images/_siteImages/imageFrame1col.gif");
border-bottom:1px solid #444;
margin:0 0px 10px 10px;
}

/* ---------------------- */
/* ---- CONTACT PAGE ---- */
/* ---------------------- */


body#contact div#contactDetails {
width:181px;
float:left;
}

body#contact div#mapHolder {
width:371px;
height:247px;
padding:7px 7px 5px 7px;
background:url("../images/_siteImages/imageFrame2col.gif");
margin-bottom:12px;
border-bottom:1px solid #444;
float:right;
}

body#contact div#map {
border:1px solid #999;
}

body#contact div#map img {
/* get rid of background foor "google" logo */
background:none;
}
body#contact div#map a {
font:11px arial!important;
}
body#contact span.gmnoprint {
/* for some reason the google logo appears high - this pulls it down... */
margin-bottom:-4px!important;
}

/* temp while google map is out of action */
body#contact img {
float:right;
}

body#contact form {
background:url("../images/_siteImages/thinRule.gif") no-repeat;
padding:5px 0 0 0;
margin:15px 0 0 0;
clear:both;
}

body#contact label {
float:left;
margin-top:10px;
clear:both;
width:181px;
margin-right:23px;
}
body#contact input, body#contact textarea {
margin-left:0px;
margin-top:10px;
background:url("../images/_siteImages/imageFrame2col.gif");
width:377px;
border:1px solid #444;
border-width:0 0 1px 0;
padding:4px 4px 2px 4px;
}

body#contact input.zemSubmit {
margin-left:204px;
width:60px;
font:15px arial;
font-weight:bold;
border-width:0 1px 1px 0;
}

body#contact ul.zemError {
width:310px;
padding:20px 10px 20px 65px;
margin-top:10px;
margin-left:204px;
background:url("../images/_siteImages/warningBox.gif");
border-bottom:1px solid red;
}
body#contact ul.zemError li {
font:15px arial;
font-weight:bold;
}
div.zemThanks {
width:385px;
height:66px;
margin-top:10px;
margin-left:204px;
background:url("../images/_siteImages/emailSentBox.gif");
clear:both;
float:right;
}
div.zemThanks p {
font:15px arial;
font-weight:bold;
margin:24px 0 0 51px;
}



/* ---------------------- */
/* ----- BUY STUFF ---- */
/* ---------------------- */

body#buy-stuff #container div {
background:url("../images/_siteImages/buyStuffDivBg.gif") no-repeat!important;
border-bottom:1px solid #444;
padding:10px 12px 10px 12px;
float:left;
margin-bottom:10px;
width:565px;
}
body#buy-stuff #container div#footer {
background:none!important;
border:none;
}
body#buy-stuff img {
background:none;
padding:0;
border:1px solid #000;
float:left;
margin:0;
display:block;
}
body#buy-stuff #container div p, body#buy-stuff #container div h3 {
margin-left:192px;
}

body#buy-stuff p.note {
clear:both;
background:url("../images/_siteImages/noteBg3Col.gif") 0 0 no-repeat;
padding-bottom:9x!important;
margin:0 0 10px 0;
}


/* ----------- missing page --------- */
div.pageError {
width:300px;
padding:20px 20px 10px 65px;
margin-top:10px;
background:url("../images/_siteImages/warningBox.gif");
border-bottom:1px solid red;
}