/* colors:
	current brown: #421800;
	bgpurple: #726092;
	****darker wheat yellow: #f7b348;
	**** lighter color of this wheat yellow: #fde9cb;
	(dark text purple) #503e81;
	(highlight wheat orange): #da8220;
	
	wheatArtcolor: #f2d45c;
	
*/
  	html, body {
  		margin: 0;
  		padding: 0;
  		height: 100%;
  	}
	body#wrappernav {
		background-color: #ffffff;
		background: #ffffff url(/images/leftbg.gif) repeat-y left;
		color: #421800;
		font-family: Tahoma, sans-serif;
		/* font-family: Palatino, New York, MS Serif, Garamond, Georgia, Times New Roman, Times, serif; 
	    font-size-adjust: 0.46; */
	    font-size: .95em;
	    font-size-adjust: 0.55;
	    font-weight: normal;
  	}
	div.leftcol {
		left:0;  
		width: 190px;
		/*position:relative;*/
		top:0;
		bottom: 0;
		height: 100%;
		float: left;
	}
	div.logo {
		background-color: #726092;
		position: relative;
		left: 0;
		top: 0;
		right: 0;
	}
	a.homelink, a.homelink img {
		text-decoration: none;
		color: #f2d45c; 
	/*	color: #421800; */
		color: #f2d45c;
		border: none;
	}
	div.leftnav {
		/*position: relative;*/  /* remove because it made leftnav disapper when browser resizes in IE */
		left: 0;
		top: 0px;
		bottom: 0;
		margin-top: -.5em;
		font-size: .9em;
		height: auto;
		z-index: 50;
	}
	ul.navbranches {
		width: 190px;                 /* sets the size of the menu blocks */
  		padding-left: 0px;           /* stops the usual indent from ul */
  		cursor: default;             /* gives an arrow cursor */
  		margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
		margin-top: 0;
		font-weight: bold;
	}
	ul.navbranches li {
		background-color: #f7b348;   /* makes the menu blocks beige - a bg-color MUST be included for IE to work properly! */
		list-style-type: none;       /* removes the bullet points */
		display: block;
		padding: .5em 0 .5em 0;
		position: relative;
	    margin: 0 0 1px 0;          /* Opera 7 puts large spacings between li elements */
		border-top: 1px solid #fde9cb;
		padding-left: 10px;
	}
	.about ul.navbranches li.leftnavlist-about,
	.auditions ul.navbranches li.leftnavlist-auditions,
	.cast ul.navbranches li.leftnavlist-cast,
	.castentry ul.navbranches li.leftnavlist-cast,
	.pr ul.navbranches li.leftnavlist-pr,
	.events ul.navbranches li.leftnavlist-events,
	.schools ul.navbranches li.leftnavlist-schools,
	.boutique ul.navbranches li.leftnavlist-boutique {
		background-color: #da8220;
		font-size: 1.25em;
		display: block;
	}
	a.roll {
		text-decoration: none;
		font-weight: bold;
		color: #421800;
	}
	a.roll:hover {
		text-decoration: underline;
		color: #000;
	}	
	ul.subnav li a.roll {
		font-weight: normal;
	}
	ul.subnav {
		font-size: .9em;
		font-weight: normal;
		padding-left: 0;
		margin-left: 0;
		display: none;	
	}
	ul.navbranches>ul.subnav {
		margin-bottom: .5em;
		padding-bottom: .5em;
	}	
	ul.subnav li {
		border-bottom: 1px solid #f7b348;
		background-color: #fde9cb;   /* makes the menu blocks light tan - a bg-color MUST be included for IE to work properly! */
		padding-left: 30px;
		margin-left: -10px;
	}
	ul.subnav li.last { 
		border: 0;
		margin-bottom: -.5em;
	}
	html>body ul.subnav li.last {
		margin-bottom: 0;
	}
	.about ul.subnav-about, 
	.auditions ul.subnav-auditions,
	.cast ul.subnav-cast, 
	.pr ul.subnav-pr, 
	.events ul.subnav-events, 
	.schools ul.subnav-schools,
	.boutique ul.subnav-boutique {
		display: block;
		margin-top: .5em;
		margin-bottom: -.51em;
	}	
	.story ul.subcategories li.story,
	.ballad ul.subcategories li.ballad,
	.featuredartists ul.subcategories li.featuredartists,
	.testimonials ul.subcategories li.testimonials,
	.letter ul.subcategories li.letter,
	.rehearsals ul.subcategories li.rehearsals,
	.notices ul.subcategories li.notices,
	.contract ul.subcategories li.contract,
	.prodtips ul.subcategories li.prodtips,
	.castparty ul.subcategories li.castparty {
		display: none;
	}
	.story div.leftcol ul.subnav li.story a.roll,
	.ballad div.leftcol ul.subnav li.ballad a.roll,
	.featuredartists div.leftcol ul.subnav li.featuredartists a.roll,
	.testimonials div.leftcol ul.subnav li.testimonials a.roll,
	.letter div.leftcol ul.subnav li.letter a.roll,
	.rehearsals div.leftcol ul.subnav li.rehearsals a.roll,
	.notices div.leftcol ul.subnav li.notices a.roll,
	.contract div.leftcol ul.subnav li.contract a.roll,
	.prodtips div.leftcol ul.subnav li.prodtips a.roll,
	.castparty div.leftcol ul.subnav li.castparty a.roll {
		font-weight: bold;
	}
	div.maincol {
		position:relative;
		right: 0;
		top: 0;
		background-color: #ffffff;
		margin-left: 190px;
		bottom: 0;
		height: auto;
		width: auto;
	}
	div.banner {
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		vertical-align: top;
		background-color: #726092;
		text-align: center;
		color: #f2d45c;
	}
	div.bannerheading {
		/* margin-left: -35px;  -- this with left wheat */
		margin-left: 0;
		padding-top: .75em;
	}
	.banner address {
		font-size: .85em;
		text-align: center;
		font-style: normal;
	}
	html>body .banner address {
		display: block;
		margin: 0em;
		font-style: italic;
	}
	div.footer, div.banner p {
		padding-left: 10px;
	}
	td.branding {
		padding: .5em;
		margin-bottom: -.25em;
	}
	.heading {
	    font-size-adjust: 0.46;
		font-size: 2.75em;
		padding: 0;
		margin: 0;
		margin-bottom: -.25em;
		text-align: left;
	}
    .reg {
		font-size: .75em;
		line-height: 1em;
		vertical-align: text-top;
    }
	td.address {
		vertical-align: top;
		padding-top: 1.75em;
	}    
    .heading .reg, .maintitle .reg {
		font-size: .3em;
		line-height: 3em;
		vertical-align: text-top;
    }
	.maintitle {
		font-size: 2em;
	}
	.titledesc {
		/* margin-left: 97px; -- this with left wheat */
		margin-left: 0px;
		text-align: center;
		width: 21em;
		color: #fde9cb;
		font-size: 1em;
	}	
	.titledesc a {
		color: #fde9cb;
	}
	html>body .titledesc {
		margin-top: -2em;
	}
	div.headernav {
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		background-color: #f7b348;
		font-size: .85em;
		float: left; /*for some reason doesn't display in IE unless you float left */
	}	
	html>body div.headernav {
		float: none; /* shouldn't be floated in compliant browsers */
	}
	.headernav ul {
		float: left;
		width: 100%;
		margin: 0 0 3px 0;
		padding: 0;
		list-style: none;
		background-color: #f7b348;
	}
	.headernav ul li {
		float: left;
		margin: 0;
		padding: .25em .75em;
		border-left: 1px solid #000;
		list-style: none;
		display: inline;
	}		
	.headernav ul li.first {
		border-left: none;
	}
	.headernav ul li.last {
		/* no need to set special border or padding */
	}
	.home ul#headernavlist li.headernavlist-home,
	.donate ul#headernavlist li.headernavlist-donate,
	.tkts ul#headernavlist li.headernavlist-tkts,
	.merc ul#headernavlist li.headernavlist-merc,
	.dir ul#headernavlist li.headernavlist-dir,
	.contact ul#headernavlist li.headernavlist-contact {
		background-color: #da8220;
	}
	.home ul#headernavlist li.headernavlist-home a,
	.donate ul#headernavlist li.headernavlist-donate a,
	.tkts ul#headernavlist li.headernavlist-tkts a,
	.merc ul#headernavlist li.headernavlist-merc a,
	.dir ul#headernavlist li.headernavlist-dir a,
	.contact ul#headernavlist li.headernavlist-contact a {
		/* color: #fff; */
		text-decoration: none;
	}
	div.maincontent {
		float: left;
		background-color: #ffffff;
		padding: 10px;
		position: relative; /* have to add this for it to show up in IE */
	}
	div.breadcrumb, div.breadcrumb a, div.breadcrumb .head{
		color: #503e81;
		text-decoration: none;
		font-weight: bold;
		padding: 0 0 0 0;
		font-size: 1.1em;
		position: relative;
	}
	div.breadcrumb .head {
		color: #421800;
	}
	div.footer {
		background-color: #ffffff;
		margin-top: 1em;
		text-align: left;
		position: relative;
		clear: left;
		font-size: .85em;
		padding-top: 2em;
	}
	.footer ul {
		position: relative;
		margin-left: 0;
		padding-left: 0;
		display: inline;
	}
	.footer ul li {
		margin-left: 0;
		padding: .1em 3%;
		border-left: 1px solid #000;
		list-style: none;
		display: inline;
	}		
	.footer ul li.first {
		margin-left: 0;
		border-left: none;
		list-style: none;
		display: inline;
	}
	.footer a.roll {
		font-size: .8em;
	}
	.footer div.disclaimer {
		margin-top: .5em;
	}
	a {
		color: #503e81;
	}
	p.update {
		font-size: .75em;
		position: relative;
		bottom: 0;
		text-align: left;
		padding: 1em;
	}
	div.subcategories {
		clear: left;
		text-align: left;
		margin-top: 1em;
	}
	ul.subcategories {
		font-size: .75em;
		position: relative;
		margin-left: 0;
		padding-left: 0;
		display: inline;
		color: #503e81;
	}
	ul.subcategories li, ul.subcategories li a {
		margin-left: 0;
		padding: .1em .2em;
		list-style: none;
		display: inline;
		color: #503e81;
		text-decoration: none;
	}
	ul.subcategories li.header {
		color: #421800;
		font-weight: bold;
	}
	
	
	.anniversary-sale {
	    color: red;
	    text-decoration: line-through;
	}
	
	.anniversary-announce {
	    font-style: italic;
	}
	
	
	.sidenote {
		font-style: italic;
	}
	h3.subhead {
		font-size: 1.1em;
		font-weight: bold;
	}
	table.schedule {
		font-size: .85em;
		font-style: normal;
		border: none;
		padding: 0;
		width: 44em;
	}
	table.schedule td.time {
		width: 13em;
	}
	table.schedule td.level {
		width: 10em;
	}
	table.schedule td.studio {
		width: 7em;
	}
	table.schedule td.notes {
		width: 14em;
	}
	.titletext {
		font-size: 1.1em;
		font-weight: normal;
		font-style: italic;
		margin-top: .5em;
	}
	.imagestrip {
		margin: 1em 0;
	}
	div.titleblurb {
		width: auto;
	}
	
	div.caption {
		font-size: .95em;
		font-style: italic;
	}
	div.quote {
		font-size: 1.15em;
		font-style: italic;
	}
	span.quotecred {
		font-style: normal;
		font-size: .9em;
	}
	div.photoleft {
		float: left;
		padding: 1.25em 1em 1em 0;
	}
	div.photoright {
		float: right;
		padding: 1.25em 1em 1em 1em;
	}
	div.photocenter {
		padding: 1.25em 1em 1em 1em;
	}
	div.phototop {
		padding-top: 0;
	}
	.biggerbold {
		font-size: 1.15em;
		font-weight: bold;
	}
	.subtext {
		font-size: .9em;
		font-style: normal;
	}
	.categoryheading {
		font-weight: bold;
		font-size: 1.25em;
		margin-top: 1.5em;
		margin-bottom: .5em;
	}
	div.headinglabel {
		float: left;
		font-weight: bold;
		font-size: 1em;
		padding-top: 1.5em;
		width: 4em;
	}
	div.headinglabel .days {
		font-weight: normal;
	}
	.formline {
		margin-bottom: .75em;
		clear: left;
		padding-top: .75em;
	}
	div.formlabel {
		float: left;
		width: 2.25em;
		font-weight: normal;
	}
	div.formqty {
		float: left;
		width: 4em;
	}
	div.formdate {
		float: left;
		width: 14em;
		font-weight: normal;
		text-align: left;
	}
	div.formoption {
		float: left;
		width: 6em;
		font-weight: normal;
	}
	div.formoption.sellout {
		width: 8em;
	}
	div.formoption.sellout.floor {
		width: 6em;
	}
	div.formoption.soldout{
		width: 22em;
	}
	.disabled {
		color: #999;
	}
	.subtotal {
		text-align: right;
		padding-right: 2em;
		font-weight: bold;
	}
	.versehead {
		font-style: italic;
		font-weight: bold;
		margin-bottom: 0;
	}
	p.verse {
		margin-top: .5em;
		font-size: .9em;
	 	font-style: normal;
	 	line-height: 1.5em;
		font-size: 1em;
		margin-top: .5em;	
	}
	div.section {
		font-size: medium;
	}
ul.sitesection {
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.sitesubsection {
	font-weight: normal;
	list-style: disc;
	font-size: small;
}
ul.sitesection li, ul.sitesubsection li {
	padding-top: .25em;
}
p.title {
	font-size: 1.05em;
	font-weight: bold;
	margin: .25em 0 .25em 0;
}
p.name {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: .25em;
}
p.bio {
	font-size: 1em;
	font-weight: normal;
}
.title {
	font-weight: bold;
}
.programsnippet {
	clear: left;
}
div.backtop {
	font-size: .9em;
	margin: -2em 0 1em 0;
}
div.contribution {
	margin-top: 2em;
	margin-bottom: 2em;
}
h3.listheading {
	margin-bottom: .5em;
}
div.creditline {
	font-size: 1.1em;
	margin-bottom: .5em;
	margin-left: 1em;
}

.pn {
		font-style: italic;
}
.pn:after {
	content: "©";
	font-size: .75em;
	line-height: 1em;
	vertical-align: text-top;
}

.sellout {
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	color: #cf150e;
}
.selloutsmall {
	font-size: 1em;
	font-weight: normal;
	color: #cf150e;
}
div.notice {
	width: 100%;
	margin-top: 2em;
	padding-bottom: 1em;
	border-bottom: 2px dotted #421800;
}
div.notice h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: .25em;
}
div.notice .posted {
	margin-top: 1em;
	font-style: italic;
	color: #da8220;
}
div.notice .notedate {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: .5em;
	color: #503e81;
}
div.notice .comments {
	margin-top: .5em;
}
div.notice .label {
	font-weight: bold;
}
div.notice div.comments ul {
	margin-top: -.5em;
}
#letter {
	font-size: 1.15em;
	padding: 1.5em 0;
	border-top: 2px dotted #421800;
	border-bottom: 2px dotted #421800;
	margin: 1.5em -;
}
.IEonly {
	display: none;
}
	

/* Mercantile */
.pubinfo {
	font-size: 0.9em;
	font-color: #755745;
	margin: 0 0 1em;
}

.bknav,
.bkpreview {
	width: 600px;
	position: relative;
}

.bkpreview {
	overflow: hidden;
	border: 6px solid #421800;
}

#bkimages {
	position: relative;
	margin: 0;
	padding: 0;
	width: 6000px;
}

#bkimages li {
	float: left;
	display: inline;
	list-style-type: none;
}

.bknav #next-page a,
.bknav #prev-page a {
	position: absolute;
	width: 40px;
	height: 40px;
	display: block;
	top: 205px;
	right: -32px;
	z-index: 2;
	background: url(/images/mercantile/nextArrow.png) no-repeat;
}

.bknav #prev-page a {
	left: -18px;
	background: url(/images/mercantile/prevArrow.png) no-repeat;
}
	
.bknav #next-page a:hover {
	background: url(/images/mercantile/nextArrow-hover.png) no-repeat;
}
	
.bknav #prev-page a:hover {
	background: url(/images/mercantile/prevArrow-hover.png) no-repeat;
}

.bknav #jump-to-page .label {
	font-weight: bold;
}

.bknav #jump-to-page .page {
	padding: 5px 0 10px 10px;
	float: left;
	text-align: center;
}
	
.bknav #jump-to-page .page.current a {
	color: #da8220;
	text-decoration: none;
}

#bookorderform {
	border: 2px solid #421800;
	padding: 0 1em 1em;
	width: 24em;
	float: left;
	margin-bottom: 1em;
}

.orderform dl {
	margin: 0;
	padding: 0;
}
	
.bookorderform dt,
.bookorderform dd {
	float: left;
	margin: 0;
	padding: 0.25em 0;
}

.bookorderform dt {
	clear: left;
	width: 8em;
	margin-right: 0.5em;
}
	
#bookorderform .submit {
	margin: 1em 0;
	float: right;
}

body#wrappernav table.topbrand {
		width: 90%;
/*		font-family: Palatino, New York, MS Serif, Garamond, Georgia, Times New Roman, Times, serif; 
	    font-size-adjust: 0.46;
	   */
	}
	html>body#wrappernav table.topbrand {
		width: 100%;
		padding-right: 1em;
	}