@charset "UTF-8";

/* CSS Document */



body  {

	background: #776655;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #443322;

	}

.thrColFixHdr .container { 

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	} 

.thrColFixHdr #globalContainer { 

	background: #eeeeee;

	height:5px;

	border-top: solid 1px #fff;

	border-bottom: solid 1px #ececec;

	}

.thrColFixHdr #headContainer { 

	background: #fff;

	background-image:url(../images/header_tile.gif);

	background-repeat:repeat-x;

	background-position:bottom;

	height:92px;

	}

.thrColFixHdr #indexContainer { 

	background:#f0eee6;

	}

.thrColFixHdr #footerContainer { 

	background-image:url(../images/footer_tile.gif);

	background-repeat:repeat-x;

	height:20px;

	}

.thrColFixHdr #header, #theater, #index, #main, #siteIndex, #footer{  

	width: 940px;

	text-align: left;

	margin: 0 auto;

	}

/*.thrColFixHdr #main {  

	padding-top: 30px;

	} */

	

	

/* Home Page Structural Styles ----------------------------------------------------------------- */

.thrColFixHdr #theaterContainer { 

	background-image:url(../images/theater_tile_ledge.gif);

	background-repeat:repeat-x;

	height:320px;

	}

.thrColFixHdr #theater {  

	padding: 0;

	min-height:320px;

	background-image:url(../images/theater_tile_inset_ledge.gif);

	background-repeat:repeat-x;

	}

.thrColFixHdr #mainContainer { 

	background: #fff;

	background-repeat:repeat-x;

	}

.thrColFixHdr #main {  

	background-repeat:repeat-x;

	}	

/* Home Page Lower Half Columns ----------------------------------------------------------------- */

.thrColFixHdr .column {  

	float: left;

	}

.thrColFixHdr #column1 {

	width: 320px;

	padding: 0px 15px; /* padding keeps the content of the div away from the edges */

	}

.thrColFixHdr #column2 {

	width: 343px;

	padding: 0px 15px; /* padding keeps the content of the div away from the edges */

	border-left:1px solid #d1cdbb;

	border-right:1px solid #d1cdbb;

	}

.thrColFixHdr #column3 {

	width: 180px;

	padding: 0px 20px 0 15px; /* padding keeps the content of the div away from the edges */

	}

	

	

/* Landing and Detail Page Structural Styles ----------------------------------------------------------------- */

.landingPage #mainContainer { 

	background-image:url(../images/bg_about_tile_ledge.gif);

	}

.landingPage #main {  

	background-image:url(../images/bg_about_inset.jpg);

	min-height:300px;

	}

.landingPage #aboutTheater { 

	padding: 0 0 0 15px;

	}

.landingTheater {  

	height:256px;

	}

.detailPage #mainContainer { 

	background-image:url(../images/bg_detail_tile_ledge.gif);

	}

.detailPage #main {  

	background-image:url(../images/bg_detail_inset.jpg);

	}

.detailPage2 #mainContainer { 

	background-image:url(../images/bg_detail2_tile_ledge.gif);

	}

.detailPage2 #main {  

	background-image:url(../images/bg_detail2_inset.jpg);

	}	

.detailTheater {  

	height:95px;

	}	

.thrColFixHdr #column1SideNav {

	width: 152px;

	padding: 12px 20px; 

	margin-top:20px; 

	background-image:url(../images/about_sidenav.png);

	background-position:0 top;

	background-repeat:no-repeat;

	min-height: 400px;

	}

.thrColFixHdr #column2Content {

	padding: 0 20px;

	width:708px;	

	}

.thrColFixHdr #subColumn1 {

	width:487px;

	padding: 0px 15px 0 0; 

	border-right: 1px solid #d1cdbb;

	}

.thrColFixHdr .content #column3 {

	padding: 0 0 0 15px; 

	}

.thrColFixHdr .content {

	padding:30px 0;

	}

/*.detailPage .content {

	padding:0 0 0 0;

	}	*/



	

/* Footer Style ----------------------------------------------------------------- */

.thrColFixHdr #siteIndex { 

	padding: 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	} 

.thrColFixHdr #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	}





.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}





/* ----------------------------------------------------------------- */



/*

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

/*	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

/*	float: left;

	margin-right: 8px;

}





*/