/* colors:
	Green: #7a9875;
	light tan: #eaeacf;
	dark beige:	#cccca9;
	current brown: #421800;
	(old lighter green) #8ca787;
	(artistree brochure green) #608e3a;
	(purple) #8977ba;
	(darker green) #576c53;
	(dark purple) #443b5d;
*/
  	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;
  	}
   	#page {
  	/*
  		height: auto;
  		width: auto;
  		min-height: 100%;
  		background-color: #eaeacf;
  		background-color: #ffffff;
  	*/
  	/*
  		position: relative;
  		min-height: 100%;  for modern browsers
  		height: auto; for modern browsers 
  		height: 100%;  for IE 
  	*/	
  	}
	div.leftcol {
		left:0;  
		width: 190px;
		/*position:relative;*/
		top:0;
		bottom: 0;
		height: 100%;
		float: left;
	}
	a.homelink, a.homelink img {
		text-decoration: none;
		color: #421800;
		border: none;
	}
	div.logo {
		background-color: #7a9875;
		position: relative;
		left: 0;
		top: 0;
		right: 0;
	}
	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;
	}
	div.leftnav div.navhead {
		font-size: 1.15em;
		font-weight: bold;
		padding: .75em .25em .5em .25em;
		font-style: italic;
		background-color: #7a9875;
		color: #421800;
		text-align: left;
	}
	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: #cccca9;   /* 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 #eaeacf;
		padding-left: 10px;
	}
	.dancebranch ul.navbranches li.leftnavlist-dance,
	.buddingartists ul.navbranches li.leftnavlist-bud,
	.artworks ul.navbranches li.leftnavlist-art,
	.theatrearts ul.navbranches li.leftnavlist-theatre,
	.forum ul.navbranches li.leftnavlist-forum {
		font-size: 1.25em;
		display: block;
	}
/*
	ul.navbranches li.branch {
		display: none;
	}
*/
	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 #cccca9;
		background-color: #eaeacf;   /* 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;
	}
	.dancebranch ul.subnav-dance, 
	.buddingartists ul.subnav-bud,
	.artworks ul.subnav-art, 
	.theatrearts ul.subnav-theatre, 
	.forum ul.subnav-forum {
		display: block;
		margin-top: .5em;
		margin-bottom: -.51em;
	}	
	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;
	}
	.classes div.leftcol ul.subnav li.classes a.roll,
	.schedule div.leftcol ul.subnav li.schedule a.roll,
	.staff div.leftcol ul.subnav li.staff a.roll,
	.plan div.leftcol ul.subnav li.plan a.roll,
	.parentletter div.leftcol ul.subnav li.parentletter a.roll,
	.pnut div.leftcol ul.subnav li.pnut a.roll,
	.annualshows div.leftcol ul.subnav li.annualshows a.roll,
	.upcomingshows div.leftcol ul.subnav li.upcomingshows 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: #7a9875;
		text-align: center;
	}
	body#wrappernav table.topbrand {
		width: 90%;
	}
	html>body#wrappernav table.topbrand {
		width: 100%;
	}
	td.branding {
		padding: .5em;
		margin-bottom: -.25em;
	}
	.heading {
		font-family: Palatino, serif; 
	    font-size-adjust: 0.46;
		font-size: 3em;
		padding: 0;
		margin: 0;
		margin-bottom: -.25em;
		text-align: left;
	}
    .reg {
		font-size: .75em;
		line-height: 1em;
		vertical-align: text-top;
    }
    .heading .reg {
		font-size: .3em;
		line-height: 3em;
		vertical-align: text-top;
    }
	.discover {
		margin-top: -1.5em;
		margin-bottom: 1em;
		margin-left: 107px;
	}	
	td.address {
		vertical-align: top;
		padding-top: 1.5em;
	}
	.banner address {
		font-size: .8em;
		text-align: center;
		font-style: normal;
	}
	html>body .banner address {
		display: block;
		margin: 0em;
		font-style: italic;
	}
	div.headernav {
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		background-color: #cccca9;
		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: #cccca9;
	}
	.headernav ul li {
		float: left;
		margin: 0;
/*		padding: .25em .75em; */
		padding: .25em 1.1em; 
		border-left: 1px solid #000;
		list-style: none;
		display: inline;
	}		
	.headernav ul li.first {
		border-left: none;
	}
	.aboutus ul#headernavlist li.headernavlist-about,
	.directions ul#headernavlist li.headernavlist-dir,
	.seasoncal ul#headernavlist li.headernavlist-cal,
	.contactus ul#headernavlist li.headernavlist-contact {
		background-color: #8977ba;
	}
	.aboutus ul#headernavlist li.headernavlist-about a,
	.directions ul#headernavlist li.headernavlist-dir a,
	.seasoncal ul#headernavlist li.headernavlist-cal a,
	.contactus 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.maincontentdance {
		float: left;
		background-color: #ffffff;
		padding: 0em;
		position: relative;  /* have to add this for it to show up in IE */
	}
	div.breadcrumb, div.breadcrumb a, div.breadcrumb .head{
		color: #576c53;
		text-decoration: none;
		font-weight: bold;
		padding: 0 0 0 0;
		font-size: 1.1em;
		position: relative;
	}
	div.breadcrumb .head {
		color: #421800;
		display: inline;
	}
	.classes ul.subcategories li.classes,
	.schedule ul.subcategories li.schedule,
	.staff ul.subcategories li.staff,
	.plan ul.subcategories li.plan,
	.parentletter ul.subcategories li.parentletter,
	.pnut ul.subcategories li.pnut,
	.annualshows ul.subcategories li.annualshows,
	.annualshows ul.subcategories li.last {
		display: none;
	}
	div.footer {
		background-color: #ffffff;
		margin-top: 1em;
		text-align: left;
		position: relative;
		clear: left;
		font-size: .85em;
		padding-top: 2em;
	}
	div.footer, div.banner p {
		padding-left: 10px;
	}
	.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: #576c53;
	}
	div.onlyIE {
		display:block;
		clear: left;
		margin: -.5em;
		padding: 0;		
	}
	html>body div.onlyIE {
		display: none;
	}
	p.storytitle {
		font-size: 1.15em;
		font-weight: bold;
	}
	p.update {
		font-size: .75em;
		position: relative;
		bottom: 0;
		text-align: left;
		padding: 1em;
	}